The goal of the tutorial is to showcase some of the most popular effects that have withstood the test of time. It assumed you are familiar with basic Illustrator techniques. For example, if you are told to resize (transform) an image, steps on how to do this will not be given (e.g., Press E, select one of the handle and scale the image). Below are some additional things you want to consider before getting started:
After doing a few of these effects, you will begin to notice a pattern of similar steps are taken for most effects. Most effects require only several techniques below:
Clipping an image in a text is one of the first effect that most users learn to do in Ilustrator and Photoshop.
Clipping Mask in Illustrator is similar to Photoshop Clipping Mask.
BONUS 1:
To add additional images that you want to be "clipped" into a shape, you can create them and then drag the layer into the <Clip Group> and they will become a part of the Clipping Mask.
BONUS 2:
If the image that you clipped has a background that you would like to remove, you can add an Opacity Mask to remove it. In the example below the CLIPPING MASKS DOUBLES AS AN OPACITY MASK.
BONUS 3:
Clipping an image in multiple shapes requires an additional step of converting the multipel shapes into a compound path.
BONUS:
In order to create a vignette effect, we cannot use the Clipping Mask as it will not work. Instead, we need to use a Opacity Mask. An Opacity Mask is similar to a Layer Mask in Photoshop but you can use a vector or a grayscale bitmap image.
The Opacity Mask is used to show/hide a portion of a layer so that another layer beneath it can be shown or hidden.
BONUS:
Change the text.
NOTE: Lowering the opacity to about 50% helps so that you can see the image below so you know where to paint on the Layer Mask. Remember, black will conceal pixel in an image and white will reveal pixels in an image.
Like Photoshop, a Gradient Mask is an Opacity Mask with a gradient applied to it.
NOTE: Gradient masks are typically used to create montage and collage images.
BONUS:
This is one of the first effect that most Photoshop user learn when they start.
BONUS:
Add a Drop Shadow effect, etc. to your liking.
This text effect is flexible becasue it used a Smart Object.
BONUS:
BONUS:
The Arae Type Tool can be used to add text to an CLOSED path.
The Type of a Path Tool can be used to add text to an OPEN path.
This is one of the first effect that most Illustrator user learn when they start.
BONUS:
Typically, when you use a shape or text as a mask, the mask's stroke and fill disappears. However, you can add them back if you need to.
BONUS:
The Gold Effect is a specialize effect that has been use in movie posters, etc.
BONUS:
This is an easy effect to create.
BONUS:
Instead of creating your own graphic styles, you can use a host of useful graphic styles that is included with Adobe Illustrator.
BONUS:
By default, if you click on multiple graphic style thumbnails on a single shape/text, it will replace the current graphic style. However, if you hold down the ALT/OPTION key, you can add MULTIPLE styles to a single shape/text.
Reflecting an image that is on a shiny surface is the hallmark of all reflections. It is best practice that the reflective surface be black or a very dark color.
Unlike a drop shadow which is usually shown against a "wall" type surface, a cast shadow is shown usually against a "floor" type surface.
Any lighting effects works best against a dark background
BONUS:
NOTE: Filters have been around for a long time. However, what new is the fact that you can add a Convert a Layer for Smart Filters so that the result is non-destructive.
This is a common effect that has been about since the "dawn" of Adobe Illustrator.
BONUS:
Geometric Line Art Tutorial | Adobe Illustrator
BONUS:
The key to great logo design is to make sure the following factors are taking in considerations.
The goal of this tutorial is not so much about creating logo since each logo is unique, but more important, various techniques on HOW to create shapes, etc. for a great logo design.
In additional to logo, you may want to have a memorable tagline to go with it. For my company, I have several taglines that I use:
The 3 Rules of Good Logo Design
BONUS:
This is a common effect that is use to create a shape with symetically cutouts
BONUS:
Create shape to a 3D object.
This is another way to create the gear above.
BONUS:
The button effect is particularily useful for web and mobile apps. However, is can be used for other graphic elements (e.g., Lower Thirds, etc.)
This is another common effect that is used often.
BONUS #1: Change the grid to a chain-linked fence.
BONUS #2: Add a shadow to cast on the object (e.g., tiger) behind the fence.
BONUS #1:
Add drop shadow to page curl.
BONUS #2:
Add another page curl.
BONUS #3:
Add a drop shadow to entire artwork and rotate.
This is one of the first effect that most Photoshop user learn when they start.
This is an old effect that is still occasionally used.
Because the glow effect is light-based, it works best if you have a dark background and a dark object that will be glowing.
This is one of the first effect that most Photoshop user learn when they start.
BONUS: Enhance the rainbox with a blur, etc.
This is one of the first effect that most Photoshop user learn when they start.