Author Archives: naisim

  • 0

6 key terms every graphic designer should know

Category : Concept

01. Raster images and vector images

Raster images (sometimes referred to as bitmap images) are made up of thousands of pixels which determine the colour and form of the image.

naisim_chinese1

Vector images

Vector-based images (such as those created in Adobe Illustrator) are made up of points, each of which has a defined X and Y coordinate. These points join paths to form shapes, and inside these shapes you can add colour fills. Because everything is generated based around this, vectors can be resized to any size without any loss of quality.

02. CMYK and RGB

CMYK is the standard colour mode for sending documents – be it magazines, newspapers, flyers, brochures, annual reports and so on to the printers. It stands for Cyan, Magenta, Yellow and Key (or black – key because in four-colour printing, cyan, magenta, and yellow printing plates are carefully keyed, or aligned, with the key of the black key plate). When you send a job to the press, cyan, magenta, yellow and black plates are made (on a traditional press, anyhow) and then aligned to print on paper. You can add Pantone, or fifth colours, which are created as separate plates.

When working in Photoshop or Illustrator, you have the option to set your document’s colour mode as CMYK, RGB (red, green, blue – for screen output) or other colour modes (but the former pair are the two you really need to know about).

Because CMYK has a more limited colour gamut than RGB (which is essentially what the eye sees and how screens output) you can experience a loss of colour when converting from RGB to CMYK in these applications.subtractive-additive

03. DPI and PPI

Resolution is another key term that is often confused. There are two main acronyms used when dealing with resolution: DPI and PPI.

The former is only of concern when you’re creating work for printed output. It stands for ‘Dots Per Inch’ and refers to the number of dots per inch on a printed page. Generally, the more dots per inch, the better quality the image – and 300DPI is the standard for printing images.

PPI refers to ‘Pixels Per Inch’ and, as you’d expect, is the number of pixels per inch in your image. If you resize an image in Photoshop – making it larger – you will increase the number of pixels per inch (with Photoshop making up the data) and you will lose quality.

Image result for DPI and PPI

04. Typography

Put simply, typography is the art of arranging type. It’s one of the fundamentals of graphic design and one every designer should read into in great detail.

The difference between good type and great type is often what sets brilliant designers apart. And being able to spot a kerning (the space between two characters) error from a distance is somewhat satisfying!typogaphy

The best way to describe a grid in graphic design in a series of intersecting vertical and horizontal lines used to organise and structure content. Whether in InDesign, or Illustrator, setting up a grid enables you to get your composition right and balance your type and imagery.

Common grid systems include a large header across the top with equally sized columns beneath – but there’s no real limit on what can be created. The Grid System provides an excellent resource including lots of further reading and templates. Grid Systems in Graphic Design by Josef Muller-Brockmann is also an essential read.grid

06. Logo design vs branding

Logos are powerful things; a great logo works as an instant reminder of a company or product, and for designers they represent the challenge of distilling a client’s essence into a single graphic. The best logos can live for a long time, and a new logo design can be a jarring event as the familiar is replaced by something new.

Designing a great logo is by no means easy;


  • 0
screenshot-155

Smart Post Grid in WordPress

Category : CMS , Programming

Smart Post Grid is the best plugin to showcase your posts with 9 layouts.

Download

  1. smart-post-grid screenshot 1Layout 1
  2. smart-post-grid screenshot 2Layout 2
  3. smart-post-grid screenshot 3Layout 3
  4. smart-post-grid screenshot 4Layout 4
  5. smart-post-grid screenshot 5Layout 5
  6. smart-post-grid screenshot 6Layout 6
  7. smart-post-grid screenshot 7Layout 7
  8. smart-post-grid screenshot 8Layout 9
  9. smart-post-grid screenshot 9Layout 9

  • 2
screenshot-6

WooCommerce Plugin of WordPress

Category : Programming

WooCommerce is a powerful, extendable eCommerce plugin that helps you sell anything. Beautifully

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores — more than any other platform.

  1. woocommerce screenshot 1The slick WooCommerce settings panel.
  2. woocommerce screenshot 2WooCommerce products admin.
  3. woocommerce screenshot 3Product data panel.
  4. woocommerce screenshot 4WooCommerce sales reports.
  5. woocommerce screenshot 5A single product page.
  6. woocommerce screenshot 6A product archive (grid)

Download


  • 1
responsive

OpenCart 2.3 is Officially Released. What’s New?

Category : Programming

Meet the new OpenCart 2.3! Still free, still open-source, still one of the fastest ways to get an E-Commerce store in no time.

The latest version of the platform rolled out on August 1, 2016 and store owners can now start upgrading their stores. In this post, we will show you what’s new and why you might consider updating your OpenCart installation.

Helpful Reminder: Please mind that this is a brand new version, so most of the OpenCart modules will not be compatible with it yet. When downloading an extension for your store, pay close attention to the compatibility details.

Dashboard

The differences in the OpenCart dashboard are subtle, but they do exist. When you start clicking through the menus, the first obvious difference is the reorganized Extensions section.

But we will get to that later, let’s stick to the Dashboard and see what you can do with it.

Rearranging the Dashboard Elements

You can now edit, arrange and disable each of the sections in your Dashboard. For example, you can remove the World Map if you don’t need it there.

You can modify the width of each module in the Dashboard. Maybe you want your Sales Analytics section to be bigger than the World Map? It’s now possible.

Pretty cool, right?

You’re probably wondering where to access this field. Okay, without further ado, let’s introduce the new OpenCart Extensions section, which includes the Dashboard management menu and much more.

Extensions

The new Extensions section is much shorter than the one in the last OpenCart version (2.2). However, all of the fields that seem like they are missing are actually still here. They are just placed somewhere else.

Extensions

This is where things get interesting.

Do you remember that we mentioned the fields aren’t actually missing from the Extensions field? Because they are all located right here.

Every menu that used to be found under Dashboard > Extensions are now in the dropdown menu in the Extension List.

Selecting one of the extension types will open it in the field below the dropdown menu, where Google Analytics are displayed in the screenshot above.

The Action button allows you to Install or Uninstall the module.

Let’s see what you have in the dropdown menu.

  • Analytics

  • Captchas

  • Dashboard

  • Feeds

  • Anti-Fraud

  • Modules

  • Payments

  • Shipping

  • Themes

  • Order Totals

Does this remind you of something? Yes, all the menus from the older Extensions layout.

Let’s click on one of the extension types – Modules for instance.

Here is the module list with all of the extensions you have installed in your OpenCart store. Their management has not changed as well, just the way they are accessed via Extensions.

Let’s explore some of the other extension types. For instance, let’s see how to manage the Dashboard modules. Click the dropdown and choose Dashboard.

Here you see each of the modules that are currently enabled and visible in your store’s dashboard. From here, you can change their status (Enabled/Disabled), change their position in the dashboard (Sort Order), and modify their size (Width).

However, there is something new in the Extension section – Themes. Select them from the dropdown menu and let’s see how they work.

The Themes field shows the available themes you have in your store, as well as their status. Click the Edit button to see the configuration options.

The settings allow you to enable or disable the theme, as well as modify the specifications for products and images. These configurations can be useful for advanced users who can use them to customize the layout and appearance of their OpenCart store.

Events

This is another new feature in the new OpenCart version. Events are used by extensions to override the default functionality of your store. If you have issues you can disable or enable the events here.

These event triggers are registered by extensions.

Layouts

Another thing that has changed is the Layout editing field. When you access the Layouts from Design > Layouts and select the layout you want to edit, you see a completely different arrangement of the fields.

You can now assign a module for each position (Column Left & Right, Content Top & Bottom) in a much more intuitive way. This way, you can picture how each module will be arranged in the page, which improves the layout management process.

Reports

A new menu is introduced in the Reports section – Customer Searches. It allows store owners to track the keywords that customers have used to find the products on the website. The report also features the Found Products, Category, Customer, IP and Date Added.

Developers, Heads Up!

All OpenCart extensions are now moved to a separate “extension” directory. This goes for the whole MVC-L architecture. For example, a controller placed in /controller/module/controller.php is now placed in /controller/extension/module/controller.php. The same logic goes for the models, views and languages.

The good news is that OpenCart 2.3.0.2 has backward-compatibility with the familiar directory structure (/controller/module/controller.php). However, in some cases this may not work well with the new extension URL routes which are now “extension/module/controller”.

As a developer, you will have to thoroughly test your extension and apply all necessary changes to make your extension work with the new paths.

Summing Up

The new OpenCart 2.3 has made serious progress with the usability of the admin panel. The new way that the Extensions and Layouts work is a step closer to easier store management for the owners of an OpenCart website. By Mihail Savov

Download Now

 


  • 1
screenshot-1

Google Analytics by MonsterInsights

Category : CMS , Programming

Connect Google Analytics with WordPress by adding your Google Analytics tracking code. Get the stats that matter.
Installation

  1. Install Google Analytics by MonsterInsights either via the WordPress.org plugin repository or by uploading the files to your server. (See instructions on how to install a WordPress plugin)
  2. Activate Google Analytics by MonsterInsights.
  3. Navigate to the Analytics tab in your admin menu and configure the plugin.

Download

  1. google-analytics-for-wordpress screenshot 1Screenshot of the dashboards this plugin generates. To get dashboards for custom dimensions, upgrade to GA by MonsterInsights Pro.
  2. google-analytics-for-wordpress screenshot 2Screenshot of the general settings panel for this plugin.
  3. google-analytics-for-wordpress screenshot 3Screenshot of the advanced settings panel.

  • 1
screenshot-1-1

Improve your WordPress SEO by Yoast SEO

Category : CMS , Programming

WordPress SEO is not just an SEO plugin, it is the complete website optimization package. Apart from adding titls and descriptions to your articles, it also allows you to add open graph meta data, do page analysis, publish xml sitemap, and so much more. It is easy to install and setup and that’s why we use it on all our websites. I would like to induces Yoast SEO to improve searching . Download

  1. wordpress-seo screenshot 1The Yoast SEO plugin general meta box. You’ll see this on edit post pages, for posts, pages and custom post types.
  2. wordpress-seo screenshot 2The fully configurable XML sitemap for Yoast SEO.
  3. wordpress-seo screenshot 3Easily import SEO data from All In One SEO pack and HeadSpace2 SEO.
  4. wordpress-seo screenshot 4Example of the SEO analysis functionality.
  5. wordpress-seo screenshot 5Example of the readability analysis functionality.
  6. wordpress-seo screenshot 6The advanced section of the Yoast SEO meta box.

  • 1

Saving to Creative Cloud

Category : Illustrator

Your Adobe Creative Cloud account comes with online storage so your files are available to you anywhere and on any device or computer . You can preview many creative file types directly in a web browser on your  computer, tablet, or smartphone. These file types include PSD, AI, INDD, JPG, PDF, GIF, PNG, Photoshop Touch,
Ideas, and others.
css7
How to save to Creative Cloud:
1. Log into your Creative Cloud account.
2. Drag and drop assets from yourdesktop to the Files page on Creative Cloud .
You can also upload and manage your files on Creative  Cloud by using the Actions button on the Creative Cloud  Files page.
css6

3. To delete files, select the Archive option by clicking the menu triangle in the lower-right corner of the file .

saving1
4. Click the Archive button to confirm.
The item is moved to the Archive page .

saving2
5. To permanently delete files, select the files to delete
permanently and click the Permanently Delete option in
the Action menu (Figure 23).
6. In the confirmation dialog box, click Permanently Delete

saving3


  • 6
css1

Generating CSS code in Illustrator

Category : Illustrator

You can easily create the design for an HTML page in Illustrator. This serves as a good visual guide for a web developer, who can then code the layout, styles, and objects into a page in an HTML editor. However, replicating the exact appearance and position of components and objects is a time-consuming and tedious process.
With Illustrator, you create the layout for an HTML page and then also generate and export the underlying CSS code that determines the appearance of the components and objects on the page. CSS allows you to control the appearance of text and objects (similar to character and graphic styles). You can choose to export the CSS code for individual objects or for the entire layout designed in Illustrator.
In the CSS Properties panel , you can do the following:
• View the CSS code for selected objects.
• Copy the CSS code for selected objects.
• Export one or more, or all selected Illustrator elements to a CSS file.
• Export rasterizable images used.
• Generate browser-specific CSS code.

css1

CSS Properties panel
How to view and extract CSS code:
1. To generate CSS code, ensure that objects in your
Illustrator document are named in the Layers panel
css2
2. Select Window > CSS Properties.
3. In an open Illustrator document, do one of the following:
• Select one object (Figure 15). The CSS code for the
object is displayed in the CSS Properties panel
(Figure 16).

css3
• Hold Shift, select multiple objects, and then click the Generate CSS button in the CSS Properties panel.
• Press Ctrl/Cmd + A to selectall the objects, and then  click the Generate CSS button in the CSS Properties  panel.
The generated CSS code is displayed.
4. To obtain the CSS code that has been generated, do one of the following:
To copy selected code, select specific code, and then:
• To copy to the clipboard, click Copy Selected Style.
• To export to a file, click the flyout menu, and then click Export Selected CSS.
To copy all the code, make no selection in the CSS code, and then:
• To copy to the clipboard, click Copy Selected Style.
• To export to a file, click the flyout menu, and then click Export All.
5. While saving CSS code to a file, set the CSS options in
the CSS Export Options dialog box (Figure 17).

css4
The exported CSS is ready tobe placed within another
application, such as Dreamweaver .

css5


  • 1
c1

15 Tips on How to become a more Creative Graphic Designer?

Category : Concept

Designing is already a creative art, so if you are a designer, then you already are a creative soul. Now the thing is that sometimes due to time crunch, creativity takes a backseat and inspired designs become the easy way out to satiate the taste buds of customers. Graphic designing is a field where you will find the perfect combination of technology and creativity. So, some of them get stuck in learning the technology deeply. But, if you really want to become one of the best creative graphic designers, then you will have to undergo formal training for that, education is very much important. Without proper knowledge, you won’t be able to enhance your creativity.

c1

What exactly the graphic designer do?
The graphic designer is responsible for coming up with ideas and design for brochures, advertisement as well as marketing materials. They are not the face of the advertisements, instead they work behind the closed doors, in front of their computers and they also have access to the drafting tools. You will find that some graphic designers work on their own as it is a business for them, but then there are few others who work in big firms as part of a team dedicated for graphic designing. Here is a list of work that is generally associated with graphic designing and they are book designing, logos, web designing, typography, advertising, packaging, etc. The main objective of a graphic designer is to convey a message to its customer, so while designing something they must keep this in mind.

Skills required for becoming a graphic designer:
Analytical skills and creativity are the two things that are required in any graphic designer. There are many designers, who feel more comfortable in chalking out the rough sketch on paper, so that they can give an idea about their thought process and once the client finalizes it, they start the final sketch on the computer. This is a common practice amongst many graphic designers. Another important thing in the life of a graphic designer is time management. They have to take care of many tasks at a go, therefore, if they are not good with their time, then they are bound to miss the deadline. Communication is another skill, which helps the graphic designers in their work because they have to communicate with the client about what the client is expecting and whether they are on the right path or not. The work of the graphic designer is to make sure that the creative graphic designing they are creating conveys the emotions and answers all the questions visually. In short, the visual display that they will generate must make an impact on the mind of the customers. The best quality that a graphic designer can possess is the quality of a visual thinker who can effectively and creatively put up all his thoughts on the canvas.

How to become a creative graphic designer?

If you want to be a creative graphic designer, then you will have to acquire the skills for that too, and that can only be achieved when you have proper knowledge about the matter. The techniques in graphic designing is ever changing and in order to keep up with that pace, you will have to continue your knowledge quest.

1. Collect every piece that inspires: No matter where you are, you have to keep your eyes open for inspiration and if there is something which inspires you, then collect it and keep it with you in a file. Make a collection of different things and stack them up in the folder or a box, so that you can access them anytime you want. If, in case, you are running out of ideas, then refer to all these collections of yours and you will see how wonderful and creative ideas you can get out of it. The Internet is one place where you can explore as much as you want and you can save all your inspiration in one place on your system.

2. Blogs are a great source:

c2Now everybody writes a blog and that is definitely a good thing because when you have a graphic designer write a blog about his life and his creativity, then it makes for a very good read, you can get inspirations from there too. A lot can be learnt from their blogs because they have the experience, which can be useful for you.

3. Click photographs: Click some nice pics and save it for later references. Photographs are a good way of exercising the right light, color and composition. If you can get it right, then it will be a huge boost for your creativity. But while using any photograph as your inspiration, remember to respect the copyright issue.

4. Create free sample: When you are trying to enhance your creative skills, then the most important thing that you need is to collate data and work with them to recreate some brands or letterheads, logo, mock website or even business cards. Keep all these designs handy, when you are trying to impress some client, then your creative catalogue will help you gain their confidence. They will know that your action match up to your words.

5. Communicate with other designers: There are events where all the great minds come together, if you can attend one such event, then it will be a great way of enhancing your skill. You can look for people who are highly experienced and talented too.

6. Explore the reality:
c3

As a graphic designer you can get inspired by the movie Avatar, but coming out with such a spectacular thing as a graphic designer is a far off dream. It is not due to the reason that the graphic designers are not creative enough, but actually the problem is, as a graphic designer you won’t be allowed so much budget and the technology that can create such a specter. If you want the audience to look at your creativity too, then you have to pick up a piece of reality and make them wonder, that it was so close yet nobody looked at it the way you have done. This will help you prove your potential as a creative graphic designer.

7. Let the words explain its own meaning: Some graphic designers get into the trap of explaining the words that they get from the client. If you want to explore your creativity, then let the word illustrate itself. You will sometimes see that the film logo describes the genre of the film, so if it is comedy film, then the name of the film will be written in a way, which will give out the comic feeling. So, as a creative graphic designer, if you get a word, then explore the feeling of that and portray it in that way.

8. More can be fun: There is a phrase which says that ‘Less is More’, but you can explore your creativity by incorporating more and more thing in one logo without cluttering it out. It is not easy to work out multiple ideas in one logo and come up with something interesting because in most cases, you will find that it ends up looking like a Christmas Tree.

9. Make the look interesting: The biggest challenge is to make the interesting statement look equally interesting too. It can only be accomplished by a graphic designer who is creative enough to come up with ideas that will match up with the statement.

10. Tutorials come in handy: If you are new or you are exploring new avenues that are not your strong foothold, then tutorials are the best way to learn some new tricks. Work with them to get used to the new methods and continue doing so unless until you are a pro at that. Improvize your skills and the tutorials will help you do that with ease.

11. Redesign other people’s work: If you come across some design which is highly creative, then you can redesign it and see for yourself whether you can outshine the design or not. If you can, then you will be able to figure out where the designer went wrong and it will definitely help you improve your skills.

12. Get a degree:

e

Actually this is the first thing to do, in case you do not possess any formal degree of graphic designing because this will help you understand the subject better. Not only that, you will also get to know about the technologies that are put to use in order to come up with some amazing creative designs.

13. Travelling is another resource: Creativity is enhanced when you travel a lot because, when you move from one country to the other or even moving from one place to another, it will make you witness the cultural changes that are part of the society. Moreover, we all know that cultural changes are a great inspiration, so when you are in a field of high creativity, then travelling will surely help you explore the nuance of each culture and at the end you will gather so much experience that it will have enough fodder to come up with some brilliant creativity.

14. Practices makes a man perfect: Never give up on sketching, you will be able to come up with creative things when you practice a lot on your designs and master the art. When you are confident about what you do, then you will be able to experiment more and more and in a way creativity has a lot to do with experimenting. You have to tread the path that you have never been and see the outcomes. You have to sketch a lot as that will only help you to come up with some concrete ideas.

15. The problem is the solution: Problem and designing goes hand to hand, but the main issue with this is that most problems will be boring. You have to don the creative cap and make it an interesting one for your audience. Its your creativity that will make even the boring thing look interesting. Most of the times you will find the clients coming up with some vague ideas and not just that they want that you come up with some spectacular thing within a budget that is too small, then it is a challenge for you to accept it and come up with some amazing idea, which will impress the client as well. You can take some ideas from others as well. 


  • 1
hqdefault

Photoshop CC (2017)

Category : Photoshop

In-app search

Quickly search Photoshop tools, panels, menus, Adobe Stock assets, Help content, and tutorials from within the app using a new search panel that’s right at your fingertips.

Tighter integration with Adobe XD

Now you can copy SVG elements to your clipboard to easily paste Photoshop design assets into Adobe Experience Design CC (Beta).

Ways to get started faster

Jump-start design projects with easy access to presets as well as free Adobe Stock templates that you can access right from the File > New menu.

Adobe Stock templates and search

Adobe Stock now includes built-in templates to help you dive right in to your designs. Plus, you can drag and drop Adobe Stock search results from the Libraries panel right into your canvas to start using right away. Right-click on a stock image to do a visual search for similar images.
See how it works ›

Enhanced Properties panel

The Properties panel now displays information about common layer types as well as the document, so it’s easier to make precise adjustments.

Support for SVG OpenType fonts

Access any SVG font installed on your system from the Photoshop Font menu. Great for responsive design, SVG fonts support multiple colors and gradients, and they can be raster or vector.

New Creative Cloud Libraries capabilities

Libraries in Photoshop now support Adobe Stock templates. Plus, Send Link has been updated so you can share read-only access to a public library. When you follow a library, it appears in your Libraries panel and updates automatically.

Creative Cloud Assets improvements

Archive and restore all your assets stored in Creative Cloud, including the ones in your Creative Cloud Libraries, assets created with your desktop products, and mobile projects.

Introducing Typekit Marketplace

Now you can buy fonts from some of the industry’s biggest names and use them in your Photoshop projects. Adobe Typekit uses its font sync and web technologies to deliver your Marketplace fonts anywhere you need them.

Better overall performance

Photoshop now works more efficiently thanks to performance improvements, including a faster Liquify tool.

And so much more

Also includes: The ability to adjust the eyes independently in Face-Aware Liquify, an improved user experience for Match Font, and more.
See full release notes ›