0% found this document useful (0 votes)
377 views47 pages

Adobe Illustrator CS3 Manual

Guide to using Adobe Illustrator CS3 to create creative work with various tools and framwork
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
377 views47 pages

Adobe Illustrator CS3 Manual

Guide to using Adobe Illustrator CS3 to create creative work with various tools and framwork
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 47

United Arab Emirates University

College of Science
Geology Department

A Crash Course on:

Adobe ILLUSTRATOR CS3


The industry-standard drawing tools to create sophisticated artwork!

Prepared by:

Hamdi Kandil
College of Science, UAE University
www.hamdikandil.com
info@hamdikandil.com
Hamdi.kandil@uaeu.ac.ae
Adobe Illustrator Crash Course

About the Course


This Adobe Illustrator Crash Course is created for beginners interested in learning Illustrator.
After each lesson you will be able to learn the basic fundamental techniques.
In this crash course, I will not be drilling down in details how each feature works. However, I
will be covering all the essential tools that are commonly used so that you can get started
and have a feel of how illustrator works. At the end, you will be able to draw your
illustrations, design your own logos and create special effects!

Contents
What is Illustrator?
Getting Started in Illustrator
Drawing Basic Shapes
Drawing with Pencil Tool
Drawing with Pen Tool

Using Brushes
Creating Compound Paths
Working with Color and Strokes
Editing Objects, Layers & Groups
Transparency & Graphic Styles

Transforming & Moving Objects


Basic Text
Blending Shapes & Colors
Photorealism with Gradient Mesh
Using the Symbol Tools

Creating Special Effects


Applying 3D Extrude & Bevel
Distort using Warp Effects
Applying Live Paint
Masking using Clipping Path/ Opacity Mask

Tips and Tricks


Final Projects

2 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

What is Illustrator?
Advantages of Vector Graphics
Illustrator is a vector drawing program. It
! Scalable without resolution loss
is often used to draw illustrations,
! Lines are crisp and sharp at any sizes
cartoons, diagrams, charts and logos. ! Print at high resolution
Unlike bitmap images that stores ! Smaller file size
information in a grid of dots, Illustrator ! Good for drawing illustrations
uses mathematical equations to draw out
the shapes. This makes vector graphics Disadvantages of vector graphics
scalable without the loss of resolution. ! Drawings tend to look flat and cartoon
! Hard to produce photo realistic drawings

Common Uses for Illustrator

Designing Logos Drawing Illustrations

Photorealistic Drawings

Drawing Maps

Packaging Design

This are just a few examples of what Illustrator can do. If you
have experience with Photoshop, you can bring your
illustrations into Photoshop and enhance it. That’s how
professional does it. During the course, I will be covering the
basics of Illustrator so that you can produce your first vector
art!

Hamdi Kandil, UAE University 3


Adobe Illustrator Crash Course

Getting Started

Create New Document


Go File>New Document to create your first
document. Type in a Name for the document and
click Advanced to select RGB for Color Mode as we
will be working for the screen. Click Ok after that.

Illustrator Workspace Floating Palette


Below is the workspace and some common terms This is the floating palette which contains
for calling it. If you are using the latest Adobe properties for our shapes. It is commonly used for
Illustrator CS3, you will notice to new design for changing colors and stroke width.
Floating Palette. The rest looks about the same.

Saving AI Files
Let’s select the type and click on the artboard and
type some text. After that go to File>Save. Select
Toolbox Adobe Illustrator(*.AI) for file type and name it
This is the handy toolbox which we will use most “First Drawing”. Click Ok after that. Leave the rest
often. By default, it comes in one single column as of the settings at default. You have successfully
shown in the screenshot above. To switch it back save your first file. To make any more changes you
to the old 2 columns toolbox, you can simply click can simply open the Adobe Illustrator file.
the top left mini arrow to toggle it into 2 columns.
Some of the tools like Rectangle have more tools
hidden. To expand, just click and hold the icon to
reveal all the similar tools under that group.

4 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Drawing Basic Shapes


In this lesson, we will look at how to use the shape tools to draw our basic shapes in
illustrator. But before we start, we will look at how to select a basic shape so that you have
no problems in selecting and editing shapes in Illustrator.
Selection Tools Changing Fill Color
There are 2 types of selection tool in Illustrator Let’s start changing the fill color for the rectangle.
used for selection objects. Double click the Fill from the Tool Palette. It will
pop up the Color Picker. Drag the slider to blue
Selection Tool: Used for selecting and moving a
and select a deep blue color. Click Ok after that.
shape. It can also be used to resize a shape.
Direct Selection Tool: Selects a single anchor point
instead of the whole shape. Used for editing
anchor point of a shape. Click once on a point to
select and hold Shift to select multiple anchor
points.

Shape Tools Removing Stroke


Now we will move on to the Shape Tools. When Click the Stroke in the Tool Palette once to swap it
you go to the Tool Palette and hold the Rectangle above Fill. Click the None icon boxed up in red to
Tool, a list of shape tools will expand out for you to set the Stroke to None. The black stroke will
pick. We will start with the default Rectangle Tool. disappear.

Constrain Proportions
To draw a perfect square, we will select the
Understanding Fill & Stroke Rectangle Tool. Hold Shift and drag to draw a
Click and drag out a Rectangle as shown. By square. Same for the circle, we will select the
default, it has a white fill and black stroke. (Stroke Ellipse Tool and hold Shift to drag out a circle.
is the border of the shape)

Hamdi Kandil, UAE University 5


Adobe Illustrator Crash Course

Resizing Shapes More Options for Shape Tools


To resize shapes, select the shape using the Select the Star Tool. Click once on the artboard
Selection Tool and a bounding box will appear. and an option will pop up. Enter the same values
Drag the corner anchor point to resize it. To below and click Ok. It will draw a star burst shape.
constrain to proportion while resizing, hold Shift as This method can be used to bring out more
you resize. Also hold Alt/Option if your want to options for shape tools.
resize from the same position.

Conclusion
Rotating Shapes Almost all the objects found in our daily life can be
built from combining using the basic shape tools.
Select the shape with the Selection Tool and a
In Day 9, we will learn about Compound Paths
bounding box will appear. Move your cursor near
which will help us create more complicated shapes
the anchor corner and a rotation icon will icon,
by adding and subtracting from the basic shapes.
click and turn it to rotate the square. To snap at 45
degrees increment, hold Shift and turn.

6 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Drawing with Pencil Tool


We can quickly draw shapes and lines quickly using the Pencil Tool. This lesson will show you
some of the tricks in drawing smooth and fluid lines.

Drawing a Line Reshaping Path


Select the pencil tool and click and drag to draw a To reshape a path, make sure your path is selected
free hand line drawing. and use the Pencil Tool to redraw the parts you
would like to reshape. Note that the start and end
path must be close to the original path to make it
work.

Closing Paths with Pencil Tool


Pencil Tool Preferences
To close a path, hold Alt/Option as your Pencil Tool
reaches the start point. A circle icon will appear You can turn on the Pencil Tool Preferences by
next to the Pencil Tool to indicate path closure. double clicking on the Pencil Tool. You can change
the fidelity and smoothness to find a combination
that works for you.
Fidelity: Determines how close the path is drawn
to your mouse movement. Set it at a higher fidelity
if you’re not good at drawing with your mouse.
Smoothness: The higher you set for smoothness,
the less anchor point it produces. Thus, producing
a smoother line.

Smoothing Jaggy Lines


Normally when you draw with the Pencil Tool, the
path looks jaggy. To smoothen the parts that are
jaggy, simply hold Alt/Option to turn the Pencil
Tool to Smooth Tool. Then draw over the the area
of the lines which you would like to smoothen.

Hamdi Kandil, UAE University 7


Adobe Illustrator Crash Course

Drawing with Pen Tool


The Path Tool will be the hardest tool to learn in Illustrator. It usually take weeks to learn
and beginners always end up in frustration while figuring how it works. So don’t give up and
practice it every day and soon you will be able to draw any shape.

Drawing Straight Lines Drawing a Circular Path


Select the Pen Tool and click once to add the first Click and drag to create a smooth anchor point.
anchor point. Move your mouse to the next Continue adding points and click back the starting
position and click again to create the second point. point to close the path.
The two anchor points will be connected together.
Continue doing this to create a W shape as
shown.To draw a new line, click the Selection
Tool(The Black Arrow Icon) and click back the Pen
Tool again.

Adding Anchor Points


Closing a Path With the Pen Tool selected, go near the path
To close a path, click back the starting point to where you want to add a new anchor point. A plus
close the shape. sign will appear next to the pen, click on the path
to create a new anchor point.

Removing Anchor Points


Drawing a Curved Line
To remove point, move your Pen Tool close to an
Click and drag to put out the handles to create a
anchor. A minus sign will appear next to the pen.
smooth anchor point.
Click on the anchor point to delete it.

Converting Anchor Points


Changing Path Directions To convert a smooth anchor point to a sharp
Click and drag to create a smooth anchor point. anchor point, move your Pen Tool near the anchor
Without releasing your mouse, hold Alt/Option and hold Alt/Option and your Pen Tool will change
and drag the handle up to change the path to an arrow shape. Click on the smooth anchor to
direction. convert it to an anchor point. Click and drag on the
anchor point again to change it back to a smooth
anchor point.

8 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Tips for Using Pen Tool


- Use as little anchor points your need to
create your shape
- Add anchor points where there is a
change in direction of the line/curve

- Use shortcuts like Alt/Option or


Moving Anchor Points Ctrl/Command to quickly swap to other
Select the Direct Selection Tool and click and on tools to edit your path
anchor you want to move. Click and drag to
- Hold shift to lock your path while adding
change positions.
new anchor point for 45-degree
increments.

More Training for Pen Tool


I have included more exercises for tracing using
Pen Tool. Save it to your desktop and place it in
illustrator by going to File>Place. Select the image
and make sure Template is ticked. The image will
now be faded and placed as a template. Now you
Changing Anchor Directions can start practicing and don’t give up.
With the Pen Tool, you can quickly change the
anchor directions. Hold Ctrl/Command to quickly
change the Pen Tool to Direction Selection Tool.
Select the anchor point you want to edit. The
anchor handle will appear. Now release
Ctrl/Command and hold Alt/Option to change it to
Convert Anchor Tool. Click and drag the handles to
change the direction.

Hamdi Kandil, UAE University 9


Adobe Illustrator Crash Course

Using Brushes
Using the Brush Tool, you can add styles to your lines. It can also be used to mimic
calligraphy, crayon and brush strokes. This will help you add more life to your line works.
Applying Brush Stroke Create a Border Pattern
Select the Brush Tool and draw your object. Then Draw a rectangle and pick the border pattern. This
go to your Brushes Palette and select the crayon will create a frame for it.
brush to apply the effect.

Calligraphy Brush Stroke


To apply a calligraphy brush stroke, draw your Creating a New Pattern Brush
path and select the calligraphy brush. Increase the To crate a new brush. Draw a Star and drag it to
Stroke to make it thicker. the Brushes Palette. A New Brush selection
appears. Choose New Pattern Brush for it.

Calligraphy Brush Options


To make changes to your calligraphy brush, you
can double click the Calligraphy Brush to pop up
the calligraphic brush options. Drag the brush to Applying Pattern Brush
change the angle in the thumbnail. Change the Draw a circle and apply our new brush stroke.
Diameter makes it thicker.

Next draw a line path and apply the brush stroke.


Double click the star brush from your brushes and
set Scale and Spacing to 20% to get the effect.

Brushes are very good for aligning objects and


creating borders. So experiment with it and have
fun!

10 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Creating Compound Paths


Almost all objects in over daily life can be built with basic shapes. By drawing shapes using
our basic shape tool, we can use compound path to combine or subtract shapes to create
what we need.
What is Compound Path? Creating an Ancient Key Using Compound Path
Compound path is made out of at least two In this tutorial, I will show you how to create an
objects. You can add, subtract and intersect ancient key using compound paths rather than
shapes to form a compound path. using Pen Tool in our previous tutorial.

Compound Path Cheat Sheet Turning on the Grids


I have compiled a cheat sheet to show how it looks Go to View>Show Grid to turn on the grids, then
like using different functions of compound path. go and turn on Snap to Grid. With the grid and
You can see the final effect after we applied the snapping turned on, you can easily snap objects to
compound path to three colored circles. the grid.

Hamdi Kandil, UAE University 11


Adobe Illustrator Crash Course

Working with Color and Strokes


Filling Color Using Swatches
To fill an object, open up your Swatches Palette.
Select your object and pick any color from the
swatches.

Miter Limit
The stroke’s Miter Limit specifies the appearance
for the joins in a shape. Notice how the joins look
after we applied different miter settings to the
stars.
Filling Color Using Color Picker
Another way to fill color is by double clicking on
the Fill in your Tool Palette. A Color Picker window
will appear and you can pick your color.

Applying Gradient to Objects


To apply gradient to your object, go to the Tool
Palette and set it to Gradient Fill.

Changing Fill and Stroke Using Control Palette


You can also easily change fill, stroke color and
stroke width by accessing your Control Palette at
the top of your artboard.

Open up your Gradient and Color Palette. By


default it is a Grayscale gradient. Click Options icon
at the corner and change it to RGB mode.

Stroke Caps
The Stroke Caps determine the start and end
points of a stroke. This applies to open paths only.
You can choose between a Butt, Round, or
Projecting cap.

12 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

After we switched to RGB there will be slider and a


color chart to pick the color. Choose a dark blue
for it.

Radial Gradient
To set it to radial gradient, Choose Radial instead
of Linear.
Do the same for the start point, change it to RGB
and choose a light blue.

Pattern Fill
To create seamless pattern fill, we can choose the
pattern fill from the Swatches.
To add a new gradient stop to the gradient, click
right below the gradient ramp to create a new
stop. Change it to white color. To remove it, you
can drag the stop out of the Palette.

Conclusion
Using radial and linear
gradient, we can
achieve alot of realism
to our artwork. Radial
patterns can add depth
and volume to circle,
and linear pattern can
used to create volume
To change the direction of the gradient, select the for cylinders. Here is an
Gradient Tool from the Tool Palette. Click and drag example of gradients
in the direction you want the gradient to follow. used to create a jingle bell.

Hamdi Kandil, UAE University 13


Adobe Illustrator Crash Course

Editing Objects, Layers & Groups


As you start working on complicated illustrations, layers will start to build up. And you will
have to group and arrange them so that you can move and edit the layers easily. I will show
you an example of an illustration I did so that you can see how I name and group my layers.
Layers Palette grouped object, double click to go into isolation
You can access your Layers Palette from mode to edit the objects. If you want to ungroup
Window>Layers. As you can see below, I have them, press Ctrl+Shift+G/Command+Shift+G.
grouped my objects into 6 different layers. You can
see the stacking order with the background at the
bottom and towel at the top for my illustration.
Below is a list of layer settings and their uses.
Visibility Icon: Click to hide/unhide layer
Lock Icon: Click the lock to lock the layer
Layer Name: Double click to rename it
Target Indicator: Click to select layer
Delete Layer: Click to delete layer
New Layer: Add new layer on top
Next, I duplicate a few more of my grouped flower
New Sublayer: Add new sublayer under Layer 1
and group them again to form my flower layer.

Appearance Palette
The Appearance Palette shows what effect is
applied to a layer. You can Add New Fill or Add
Arranging Objects New Stroke to the whole layer or individual
To bring a layer on top, select the layer and drag it objects. Go Windows>Appearance to open up your
to the top. Now the flower is at the top layer and Appearance Palette. Let’s see how it looks when
covers the whole picture. we apply a new fill. Click the option icon and
choose Add New Fill.

Grouping Objects
By grouping objects, you can move them together
rather than spend time selecting all the objects
individually. Here is an example of a flower made
up of 6 layers. By selecting my object and grouping
them by pressing Ctrl/Command+G, I am able to After we set the Fill with pink color, it turns the
group them together and move. To edit the whole layer to pink.

14 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Transparency & Graphic Styles


Transparency effects open the door for designers to create eye catching effects. You can
add transparency to drop shadows or apply blending modes to objects to enhance your
illustrations.
Adding Transparency Button Reflection Using Screen
You can add transparency in Illustrator by lowering Screen blending mode is one of my favourite as it
the opacity of objects so that underlying artwork allows me create reflection effortlessly. I will be
becomes visible. Go Window>Transparency to showing you a popular technique on creating a
open up your Transparency Window. Stack a few button reflection using Screen. First draw a circle
objects and set it to a lower opacity of 50% for the and apply a gradient of light to dark orange to it.
underlying color to show through.

Draw another circle on top and apply a gradient


from black to white.
Blending Modes for Objects
If you are familiar with Photoshop, you may have
heard of Blending Modes. Blending modes let you
vary the ways that the colors of objects blend with
the colors of underlying objects. Here I have an
example of 3 popular blending modes to show you
the effect. I shall not go through how each Finally, select the black to white circle and change
blending mode in detail as it is quite technical for the blending mode to Screen. And you’re done!
beginners.

Applying Graphic Styles


Illustrator has some built in graphic styles which
you are quickly apply to your objects. It is like a
saved set of attributes. Once you have created an
object style, you can apply it across different
objects.

To see the attributes of an graphic styles, go


Window>Appearance. Here we can see that there
are 3 fills with effects(fx icon) applied. We will
learn more about using effects in the later lessons.

Hamdi Kandil, UAE University 15


Adobe Illustrator Crash Course

Transforming & Moving Objects


In this lesson, you will learn how to quickly resize and rotate objects using the Transform
functions. I will be showing some useful transform tricks to create random rotating objects
using Transform each function.
Resizing Objects
Method 1: Select the object with Selection Tool
and the bounding box will appear. Select the
corner handle and resize while holding Shift to
constrain proportion.

Method 2: To resize from the origin point (the


center point of the object), hold Alt/Option while
holding Shift.
Shearing Objects
Select the Shear Tool. Click and drag to shear the
object. Hold Shift to constrain horizontally or
vertically.

Rotating Objects
Method 1: Select the object with Selection Tool
and the bounding box will appear. Select the
corner handle and rotate to turn the object.
Reflecting Objects
Select the Reflect Tool, Alt/Option click to select
the reflection axis.

Method 2: To rotate the object from a corner,


select the Rotate Tool. Click once at the corner to
set the rotation point, next grab the opposite
corner and rotate the object.

An option window pop us select Vertical and click


Copy.

Method 3: At times you may want to rotate to a


specific angle. To do this, select the Rotate Tool
and Alt/Option click on the point your want to
rotate from. The option window pops up. Enter
your Angle and click OK.

16 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

You will get a star mirrored to the right.


Repeating the Last Transformation Again
There’s a very useful function call Transform Each
to redo your last transformation. You can easily
duplicate a row of objects or rotate an object using
this trick. With your object selected with the
Selection Tool, Alt/Option and drag a new instance
to the right while holding Shift. Press
Ctrl/Command+D to duplicate a few more
Transform Each Object instances.
To quickly transform a number of objects we can
use the Transform Each function. Select your
objects and go Transform>Transform Each. Under
the settings, I have randomly rotate the squares to
a maximum angle of 30 degrees and enlarge them
to a maximum of 150%. Make sure to check
Random if you want each object to have random
settings.

Hamdi Kandil, UAE University 17


Adobe Illustrator Crash Course

Basic Text
The type tool allows some simple common text formatting. You will learn about columns,
wrap text and text on a path. This will help you create aesthetic type effects on brochures
and newsletter covers.
Typing Text Using Point Text To show more area type options, choose
To create a point text, simply click once on the Type>Area Type Options. You can edit the number
artboard using the Type Tool and type out your of columns to create more columns for your text.
text. Point text only allows you to write a one line
text without any text wrap.

Typing Text Using Area Type Tool


With area type you can have much control over
your text. To create an area type, click and drag
out a box using your Type Tool. The text will wrap
inside the text area. To edit the font characters
and sizes, go to Window>Type>Character.

Typing Text on a Path


You can type text on a path or any object. Select
the Type on Path Tool and click on the path to
start typing text on the path.

To show paragraph options, click Paragraph tab.


You can try out different alignments and set
indents for paragraphs.

18 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Outline Text
If you need to convert a type to path, select your
text and choose Type>Create Outlines. This will
break the text into paths. Note that once you
outline it, the text cannot be edited with the Type
Tool. However after it becomes a path, you can
apply gradient and edit anchor points using the
Pen Tool.

To shift the text, drag the start point with the


Selection Tool.

Hamdi Kandil, UAE University 19


Adobe Illustrator Crash Course

Blending Shapes & Colors


Illustrator Blend Tool does the trick of creating smooth transition between objects. You can
blend open paths to create line effects and blend shapes to create realistic shadings. There
are many creative things you can do with the Blend Tool and you will definitely be using it a
lot in your illustrations. Here is some quick interesting stuff you can do with blending.
Realistic Shadings Blending Objects
With smooth blends you can create realistic
Method 1: Using Blend Function
shading which cannot be done with gradient.
To quickly make a quick smooth blend. Select the 2
objects you want to blend and go
Object>Blend>Make. A smooth blend with be
created.

Line Effects
You can create nice abstract blending line waves
using Blend Tool. This is done by blending a dark to
a light blue line.
Method 2: Using the Blend Tool
Another method I always use, is using the Blend
Tool to do the job. I can have more control on the
anchor points to blend to.
First select the start object.

Distributing Objects
Select the Blend Tool.
With blend tools you can quickly align objects with
specified steps.

Understanding How Blend Works


This is a quick diagram of how a blend looks. A
blend needs at least 2 objects to blend. The start First click on the anchor point your want the blend
object will blend to the end object with the to start.
amount of steps you specified for the blend. In this
case, I set it to 3 steps. A spine will also be
automatically created. This spine determines the
path the in between objects take.
Next, hold Alt/Option as you click the second
anchor point you want it to blend to.

20 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

A Blend Options window pops up. Choose Replacing Spine


Specified Steps and enter 3 for the value. At times, you may want to edit the path of the
spine to a curve path instead of the default
straight path. To do this, you can edit the path
directly with the Pen Tool. Another cleaner way to
do this is to draw the path of the spine. Select the
new path and the blend object. Go to
Blend>Replace Spine to replace the spine.

The final blend will have the star morph to the


final star in 3 steps.

Blend Options For Blending Objects


To quickly change a smooth blending object to
specified steps, Alt/Option click on the blending
objects with the Blend Tool. The Blend Options
pops up. Set the Spacing to Specified Steps.

Expanding Blends
If you need to break the blend into individual
objects. You can go Object>Expand to expand the
objects. You can then edit the in between objects.

Hamdi Kandil, UAE University 21


Adobe Illustrator Crash Course

Photorealism with Gradient Mesh


Gradient Mesh allows you to create shapes with gradients. And many artist has been able to
create photo realistic drawings of people, products and vehicles just by using Gradient
Mesh. Here is an example of photorealistic artwork by Halim Ghobane. If you don’t believe
your eyes, the gradient mesh line will show the answer.

Creating a Gradient Mesh Object


Here is a quick overview of a gradient mesh object.
You can apply colors to Mesh Points and edit them
using Direction Selection Tool to control the
shapes of the mesh object. The Mesh Line shows
the contours of the object.

Select all the 3 mesh points with the Direction


Selection Tool and drag it down to mimic the
contours of a water droplet. And realistic water
droplet is done!
Creating a Gradient Mesh Object
Method 1: Using Gradient Mesh Tool
To turn an object into a gradient mesh, select the
Gradient Mesh Tool and click once on the shape to
create a mesh point. Click above the Mesh Line to
crate another point.

Method 1: Using Gradient Mesh Tool


To create a grid of gradient mesh object quickly,
you can use the function Object>Create Gradient
Mesh. Enter the number of rows or columns you
want to create. You can also create a highlight in
the middle by setting Appearance to Center.

Select the first mesh point and select a lighter blue


for the base of the water droplet. Next add a third
point on top and set it to white. Finally, select the
middle point and give it a dark blue.

Conclusion
Gradient mesh can be hard to grasp for beginners
as the mesh line starts to mess out when you have
a irregular shaped object.

22 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Using the Symbol Tools


Symbols help you to create repeated design elements easily. First, you will need to create a
symbol which acts like a master copy. New instances you created are linked with the master
copy. Once you update the master copy, the instances will automatically update the graphic
but retain all the transformations made to the symbols.

Creating a New Symbol With the Symbol Sprayer Tool, click and drag to
Once you have created your graphic, select and create new instances of your symbol.
drag it to to Symbols Palette (Window>Symbols).
Click OK to confirm.

There are a couple of other things you can do with


Symbol Spray Tool. Switch to Symbol Spinner and
click and drag to change the direction of the
instances. The arrows will point the direct to
rotate to.
To create random sizes, select the Symbol Sizer
and click to enlarge the symbols. You can hold
Alt/Option to reduce the size too.
Symbol Sprayer Tools
Next select, the Symbol Sprayer Tool. You can
double click on the Symbol Spray Tool to open up
the Symbolism Tools Options. In the options you
can change the diameter or intensity of sprayer.

Finally, we will stain it with a yellow color. Select


the Symbol Stainer and select yellow for the
foreground color. Click on areas you want to stain
it with. Go over the areas again if you want to have
a stronger stain.

Expanding Symbol Objects


If you need to expand the symbols objects to
paths, you can go the Symbols Palette and choose
Break Link to Symbol.

Hamdi Kandil, UAE University 23


Adobe Illustrator Crash Course

Creating Special Effects


Using filters and live effects we can creates lots of special effects instantly. You can smooth
out sharp corners, create warp text, add drop shadows and make textures with the live
effects. There are many filters in Illustrator and you can have lots of creativity in testing all
the filters.
Live Effects or Filters
To create special effects, we can use either use
Live Effects of Filters. Most of the time I will be
using live effects as I can continue making changes
using the Appearance Palette. The choice is up to
you.
Live Effects: When you apply live effects to objects
you can still continue to modify the effects and
objects. You will need to expand the object break
it into paths again.
Warp Options
Filters: When you apply filters, you can’t make
This is one of my favourite filter. It can make you
changes to the effect anymore. It is already
text stand out from the crowd by distorting it using
expanded.
arc, fisheye and wave effects. It can also bend
bend boring lines to curves. Something to spend
time experimenting with.

Raster Effects
There are some effects that uses raster effects
instead of vector. This includes all of the effects in
the bottom section of the Effect menu, and the
Drop Shadow, Inner Glow, Outer Glow. When you
apply raster effects, it uses the resolution in your
raster settings which you can set it under
Effect>Document Raster Effects Settings. Raster
Effects are not considered as vector as it contains
high resolution bitmap. Distort & Transform (Effect>Distort &
Transform>Roughen)
Roughen, Zig Zag and Twist are some handy tools
under Distort to quickly make wave or roughening
the edges. You can make make paper tears, waves
and terrains with it. Below is an example how I can
make a mountain skyline just by roughening a line.

Common Uses of Effects


Round Corners (Effect>Stylize>Round Corners)
Round Corners is very useful in making smooth
corners from sharp angles. You can set the Radius
to adjust the amount of smoothness you need for
the corners. It can add style to your icons and
making your illustrations appear more natural.

24 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Editing or Deleting Live Effects


After you have applied Live Effects, you can edit it
with your Appearance Palette. Below shows the
arrow with Round Corners effect. You can edit it
by double clicking on the effect or delete it by
clicking on the dustbin icon..
Conclusion
There are many more things you can do with live
effects, so spend some time an experiment with it.
Remember to go Object>Expand Appearance if
you need to expand the shapes.

Hamdi Kandil, UAE University 25


Adobe Illustrator Crash Course

Applying 3D Extrude & Bevel


With 3D Live Effects you can add dimension to your 2D drawings easily. Though the features
are limited, you can still control the appearance of 3D objects with lighting, shading,
rotation, and more. You can also easily map artwork onto the 3d surfaces. Let’s see how
each 3D effects works…
3D Extrude & Bevel
3D Extrude adds depth to an object to make it 3D.
Select your object and go Effect>3D>Extrude &
Bevel. The options window pops up. Change the
Extrude Depth to determine the amount of depth.
The Bevel sets the type of edges for the 3D object.
Click and drag the cube to define how the star
rotate in 3d space. You can also change the surface
shading to define the texture.

Mapping Artwork
You can easily map graphic on to a 3D object. First
you need to add your graphic to the Symbols
3D Revolve
Palette. Next, got to 3D Revolve Options and click
3D Revolve effect adds depth to an object by
Map Art and pick the surface to map to. For my
revolving an axis. In the illustration below, I have
bottle, I realized the surface of the bottle is on
drawn half of the bottle. The 3D Revolve will make
Surface 3 of 4. I can tell this by the red wireframe
it revolve from the leftmost axis at 360degrees to
on the bottle in the artboard. I then select the
form a 3D bottle. To revolve an object go to
graphic to map for Symbols and resize my graphic.
Effect>3D>Revolve.

26 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Edit 3D Appearance
Anytime you want to make changes to a 3D object,
you can go to the Appearance Palette and double
click on 3D Extrude & Bevel to make your new
changes.

Expanding 3D Appearance
To fill the surface with gradients and other effects,
you will need to expand the appearance of the 3D
object. Once expanded, you cannot make any
more changes to the 3D effect anymore. However,
you can add gradients and strokes effects to each
3D Rotate surfaces. To expand the 3D appearance go to
3D Rotate lets you quickly rotate a 2D graphic in Object>Expand Appearance. After that you can use
3d space. It can be found under Effect>3D>Rotate. Direct Selection Tool to select the surfaces you
want to apply gradient.

Hamdi Kandil, UAE University 27


Adobe Illustrator Crash Course

Distort using Warp Effects


Liquify Tools can add some wacky distortion to your photos or shapes easily using different distortion effects.
Though it is not popular but we will still take a look at how it works.

Liquify Tools Drawing a Graph


You can have some wacky distortion using the Sometimes you may have to chart data. Illustrator
Liquify Tools. Here is the list of liquify tools. has some quick tools for drawing different type of
charts and graphs to make your presentation
stand out from the crowd. You can draw pie
charts, line graphs, bar graphs and more.

Here I have a leaf with different warp effects Select the Bar Graph Tool and click and drag an
applied. Though I find the uses for warp is quite area on the artboard. The table data will appear.
limited. However, if you put some creative to it, Fill in the x-axis and y-axis with your table values.
you can find an interesting use for it. Once confirmed, click the tick to create your
graph. You can also leave out the word labels if
you don’t need it.

Once you have confirmed the data, it will generate


a greyscale graph. You can then use Direct
Selection Tool to select the shapes and change the
color.

28 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Conclusion
There are more things you can do to make your
chart stand out. Some common techniques are
applying 3D Extrude to pie or graph charts to make
it 3D. Other than this, you can replace the bring
grey bars with graphics

Hamdi Kandil, UAE University 29


Adobe Illustrator Crash Course

Applying Live Paint


With Live Paint, you can freely paint your artwork. It is like painting a kid’s coloring book
where you have the line art and you start filling them will different colors. In this lesson, you
will see how to break a star into different segments using Live Paint.
Creating a Beveled Star using Live Paint
I will show you an example of using Live Paint to
draw a beveled star. Let’s turn on Smart Guides to
make snapping of points easier. Go View>Smart
Guide to turn on Smart Guides.

Here is the final wireframe.

Draw a star on the canvas. Select the Pen Tool and


roll over the top anchor point. The anchor text will
appear. Click once.

Select all the shapes with Selection Tool. Next click


the Live Paint and fill the first area with light grey.

Click the second point at the bottom of the anchor


to create the first line.
Continue filling in different shades for all
segments.

Continue doing this for all opposite points.

You notice the black stroke is still on. Select your


star and click None for stroke.

30 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Once you are happy with it you can expand the


shapes to break it into normal paths.

Conclusion
Imagine drawing this beveled star using Pen Tool
only, you will have to draw 10 different triangle
segments which will definitely take up more time.
You may even have problems aligning the points.
With Live Paint, this chore is made a lot simpler.

This is our final beveled star.

Hamdi Kandil, UAE University 31


Adobe Illustrator Crash Course

Masking using Clipping Path/ Opacity Mask


With Clipping Mask and Opacity Mask, you can quickly mask away any unwanted areas you
wish to hide. Let’s take a look how it works…
Clipping Mask
In this illustration I have 3 layers. The background,
sunburst effect and the sun. I will need to mask
the sunburst to a square.

Next send the background to the back by pressing


Ctrl+Shift+[ / Command+Shift+[.

First, I will select both the sunburst and


background and group it together. Select both
with Selection Tool and press Ctrl/Command+G to
group it.
Editing Clipping Mask
To make any changes to the clipping mask go
under the group and select Clipping Path. You can
rescale your clipping path in here. To remove the
clipping path, go Object>Clipping Mask>Release.

Draw a rectangle to decide the area you want to


show. Make sure it is at the topmost layer.

Opacity Mask
Opacity lets your create transparency to your
layer. The Intensity of black will determine the
opacity of the layer. Black will be transparent and
white will be opaque.
Instead of drawing a square in our previous
example, I'm now going to draw a circle instead
and fill it with gradient.
Select both the background and the path. Right
click and select Make Clipping Mask
(Object>Clipping Mask>Make).

32 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

So now, I have an opacity mask that has the edges


fading out. Opacity Mask is a very good way of
blending edges to the background and it will prove
useful in your illustrations.

Now select both shapes and select Make Opacity


Mask by clicking the Options icon at the corner of
the Transparency Palette.

Hamdi Kandil, UAE University 33


Adobe Illustrator Crash Course

Saving & Printing


In this lesson, we will learn how to crop your artwork for exporting to JPG for website or
printing. We will also cover about EPS file which is the universal format for saving vector
graphics.
Savings Files Using Crop Area
When you try to export your file to a JPG,
sometimes you may notice white areas around the
image. This is due to the hidden images under the
mask (see example below). Illustrator exports the
bounding box of all the objects in the artboard
regardless of whether it is masked away. To solve
this problem, you will need to define a crop area
to tell Illustrator this is the area to export rather
than exporting the whole graphic.

Go File>Export. Select JPEG as file type and click


Save. The JPEG Options will appear. Depending
whether you are saving for website graphics or
printing, you may need to change the settings.
For Website/Screen:
Quality: 6-8
Resolution Depth: Screen
For Printing
Quality: 12
Resolution Depth: High

Defining Crop Area


Draw a rectangle to define the area your want to
export. Select it and go Object>Crop Area>Make.

The crop marks will appear.

34 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Saving As EPS File


I have introduced you the Illustrator file .AI format
in the first lesson. However, this file can only be
read by Illustrator. There is also another universal
format which Designers normally save for printing
and exporting artwork to Indesign and
QuarkXPress. This is the EPS file. Go File>Save As
and select EPS for file type. When you save the EPS
Options will pop up. Saving at default normally will
work. However you may need to save to a lower
version if someone else got problems opening
your file.
Version: Choose Illustrator 8.0 if you want it to
make sure that all programs are compatible.
However, transparency objects will be flattened.
Preview: Embeds a quick preview for seeing your
artwork when importing to other softwares
Transparency Preset: Set it to High Resolution if
you are printing and the artwork contains
transparency
Embed Fonts: Check this if you want to embed the
fonts in the EPS so that the font will be available
when someone else opens it.

Hamdi Kandil, UAE University 35


Adobe Illustrator Crash Course

Tips and Tricks


Dotted Lines in Illustrator Repeated Patterns
You can get interesting dotted lines with your Do you have any idea how this repeated pattern is
Stroke Palette. Open up your Stroke Palette from done in illustrator? If your answer is using
Window>Stroke. Draw a line and select it. Enter Ctrl/Command+D to duplicate circles into rows,
the dash and gap value as shown. Experiment with throw that idea away! Corey from Layers TV
different dash and gap values for different effects. Episode will be showing his trick on created
To create a square dotted line, make sure the dash repeated pattern tiles easily using Effect>Distort &
and weight is the same value. Transform>Transform. This is much powerful as
you can make further adjustments under
Appearance Palette. Here is a summary how it is
done:
- Create a single instance of the shape you
want to use
- Go to the Effects menu and choose
Transform
- Use the Transform options to create your
pattern
- You can see the effects of your option
adjustments as you make them because this
is a live effect
So how about circle dotted lines? Here’s the trick. - After you’ve made your pattern, apply
Select the Round Cap and make sure dash is set to another Transform effect to the entire thing
0 pt. For gap enter a value twice the stroke weight. - Go to Expand Appearance to turn the pattern
This will give you a nice circle dotted line. into a regular group of objects
- Use Free Transform with the Command/Ctrl
key to distort the pattern
- Draw a shape over the pattern, select both
objects, and create a clipping mask

Bonus Tip: To expand the dotted lines, you realise


Object>Expand doesn’t work. Choose
Object>Flatten Transparency to expand it. You can
now fill each dot with different colors.

36 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Art Brush Direction Scaling Strokes & Effects

Here is a quick tip to change art brush direction.


Sometimes when you apply your custom art brush
to your path, it goes in the wrong direction. So
here’s how to swap the direction, using your Pen By default when you resize an object, the stroke
Tool, click one of the anchor corners again and it weight remains the same. At times, you may wish
will swap the direction. Simple as that! to scale the stroke weight with proportion to the
shape. This can be achieved by turning on Scaling
Copying Text Styles with Eyedropper Strokes & Effects. This can be found under
Edit>Preferences>General. Check Scaling Strokes &
Effects to turn on scaling strokes.

Most people thought that the Eyedropper tool is


used for picking colors or gradients in Illustrator.
However, not much people knows that the
eyedropper can be used for picking character
styles and appearances. To do this, select the text
you want to change and select the Eyedropper This applies to the Scale Tool too. Double click to
tool. Using the Eyedropper tool, pick the text style open up the options and make sure Scale Strokes
you want to copy from and it will set you current & Effects is checked. When you use the Scale Tool
text to that new style. You can also set the options to scale, the strokes will scale together.
you want to pick by double clicking the eyedropper
to display the Eyedropper options window.

Aligning to objects

Here is a very quick tip to align shapes to an


object. For this example, I want to align the 2 red
crosses with the white button without moving the
white button. To do this, select the 3 objects and
click the white button again. This will set the white
button as the object to align to when you align
horizontally and vertically.

Hamdi Kandil, UAE University 37


Adobe Illustrator Crash Course

Colorful Waves Stitched Text Effect

Here is a very quick trick to create a stitched text


effect using strokes in the Appearance Palette.
First, type your text and go to the appearance
window. Set the Fill to white and Stoke to green.
Drag your Stroke properties below the Fill. Open
up your Stroke Palette and set weight to 2pt and
remember to tick Dashed Line to create the dotted
effect. Next, set the dash to 2.

This is a common trick to produce abstract colorful


waves in illustrator. First you draw a curve line
using the Pen Tool and drag a copy of it by holding
Alt/Option. Select the Blend Tool and click the first
line and hold ALt/Option while you click the
second line to show the Blend Options. Change
Spacing to Specified Steps and set it to 5.
Select the Direct selection Tool and edit the curve.
Make sure the 2 lines intersect each other to
create a nice wave. Change one of the line strokes
Now, we will add another thick stroke around the
to a darker color to see it blend into a colorful
dotted lines. Click the options in the Appearance
wave.
window (the triangle at top right corner). Select
This technique can be used to create nice colorful
Add Stroke. Drag it under the dashed stroke you
waves for background deign. Try blending 3 lines
have created just now. Set the Stroke to 8 and
of different color to make it even more attractive.
change it to grey color. And now you will get the
stitched text effect as shown above. Have fun!

38 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Transparency & Knockout Group You can do this with the multiple objects as well.

It often happens that, we have couple or more


shapes/objects overlapping each other with
varying transparency & for some reasons we don’t
want them to show through each other.

It is worth noting that you either have to Group


the objects or select the Layer for the Knockout
group behavior to take effect.
Also, the Knockout Group has 3 states, as shown in
the image below:

The solution for this is pretty simple. Just select


the shapes, like in the above example both the
rectangles & Group (Object>Group) them & from
the Transparency palette click on the Knockout The on & off states are pretty explanatory, you
Group so that a checkmark is On & poof now the may use the neutral state when you want to group
object don’t show through each other! objects without interfering with the knockout
behavior determined by the enclosing group or
layer.

Hamdi Kandil, UAE University 39


Adobe Illustrator Crash Course

Transform Pattern

In this simple but very time saving and useful tip,


we will see how we can transform pattern fill in
Illustrator without transforming the object on
which the pattern fill is applied.
For example, if you have a pattern fill applied on a
square or rectangle shape like this:

Of course you can do this with other Transform


options like, Move, Scale, Shear etc. as well!
Likewise you can also choose to transform just the
object and not the pattern or you can choose to
transform both.
Also, to quickly transform the pattern, hold down
the tilde key (~) while dragging the pattern filled
shape with move, rotate, scale or shear tool.
You can also transform pattern or object or both
And, if you want to transform the pattern without from Transform Palette.
transforming the square shape itself. Select your
shape and go to Object>Transform>Rotate. in the
resulting dialog box, uncheck the Object option.
keep the Pattern option checked and specify the
angle of rotation. Click on preview and you will see
the changes as shown in the image below. You can
see that the pattern is rotated at 45 degree while
keeping the square sitting in its place.

40 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Final Projects
1. Designing a Logo

Designing a logo is a common task in Adobe


Illustrator. In this final project, we will sum up
what we have learnt so far in Illustrator to create To draw the antennae, I use an oval and draw a
your own custom logo. I will show you the process thick line using Pen Tool connecting to it.
in drawing a logo and hopefully you have more
confidence after this tutorial.

Drawing the Honey Farm Logo


First scan the sketch of your logo and save it as a
jpeg.

Next, draw 2 ovals and rotate it to form the wings.


Select the bigger wing and press Ctrl/Command+C
to copy. Press Ctrl/Command+F to paste infront.
Next, we need import it to Illustrator. Go Now, hold Shift and select the small wing. Open up
File>Place and select your picture. Make sure
your Pathfinder (Window>Pathfinder) and hold
Template is checked to place it as a template. Alt/Option as you select Subtract from shape area.
When you open your Layers Palette. You will see
that it is locked and the colors are faded out. This
makes it perfect for tracing.

We will start with the bee’s body. Draw an oval


shape. Edit the points using the Direct Selection The overlapping part of the wing will be
Tool to form the body of the bee. subtracted.

Next, draw a cirlce shapes for the head. Edit the


points to make it slightly pointed.

Hamdi Kandil, UAE University 41


Adobe Illustrator Crash Course

We will move on to create the body stripes. Draw


2 rectangles with the height of the stripe
thickness.

Select all 3 polygons and swap it to black fill. Then


group it by pressing Ctrl/Command+G.

Select both rectangles and go Effect>Warp>Arc.


Set Bend to 23% to bend the rectangle. Go
Object>Expand Appearance to expand the effect.

We will now crop away the overlapping areas of


the polygons. Select the bee’s body and go
Object>Path>Offset Path and set the Offset value
to 10pt. Send the new path to the top by pressing
Ctrl+Shift+] / Command+Shift+].

Rotate the stripes and place it over the bee. Copy


the the bee’s body by pressing Ctrl/Command+C.
Then paste it infront by pressing Ctrl/Command+F.
Select the body’s copy and stripes and right click to
select Make Clipping Mask. This will hide the
Select both the offset path and polygons and open
extruding areas.
up your Pathfinder (Window>Pathfinder). Hold
Alt/Option as you select Subtract from shape area.

Select the Polygon Tool and hold Shift as your drag


a polygon on the canvas. Hold Alt/Option and drag
the first polygon to make another copy of it. Do
this until you have 3 copies of it.

42 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Final Touch ups Select the paths of your bee that are made
Finally, we will add in the text for our final logo. contains line strokes and go Object>Expand and
Notice I have increased the strokes for the bee’s click OK. We will need to expand it to maintain the
body to make sure that the line doesn’t fade out same stroke thickness or else the proportions get
when printing. Also zoom out to see whether it distorted when we rescale the logo.
still looks clear and sharp when it is small. Print out
a copy at different sizes to see how it will look in
letterheads and continue tweaking until you are
satisfied.

Cleaning up the Logo


Once I am happy with my logo, I will start cleaning
up my logo. Save a copy of your logo so that you
still have the original copy to work with if you need After we expanded the bee, hold Shift and select
to make any adjustments. Now select your text the bee stripes. Go Pathfinder and hold Alt/Option
and outline it by pressing Ctrl+Shift+O / as your select Add to shape area. This will combine
Command+Shift+O to convert it to paths. This will the bee shapes together.
prevent missing fonts on other computers.

Next, select the bee stripes and go Pathfinder and


select Trim to trim away the edges.
Finally, we will add in the colors for the logo and
we are logo is done.

Hamdi Kandil, UAE University 43


Adobe Illustrator Crash Course

2. Creating Disco Ball

1. Create the disco ball texture


First, we need to turn on the grid and enable
snapping. Go View>Show Grid and View>Snap to
Grid. With the Rectangle Tool draw a grey square
with a 1pixel white stroke. You realise it will snap
perfectly to the grid while drawing. Using the
Selection Tool, select the grey square and hold
Alt/Option as you drag to the side. This will
duplicate a new square.

With the Selection Tool, select a square. Hold Shift


and randomly select a number of different squares
and fill it with a shade of teal color. Repeat the
steps until you have a range of 5 different shades
all spread out. Select all the squares and duplicate
by holding Alt/Option and drag it to the right side.
Now open your Symbols Palette by going to
Window>Symbol. Create a new symbol by
dragging all the square into it. And we are done
with our texture.

Press Ctrl/Command+D to duplicate a row of 20


squares. Select the whole row of squares. Hold
Alt/Option and drag below to duplicate a new row
of squares. Repeat this by pressing
Ctrl/Command+D. Do this until you get a 20 by 20
rows of squares.

44 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

2. Create a 3D sphere Under 3D Revolve Options, select No Shading for


Now draw a circle with the Circle Tool. Hold Shift Surface and turn the Preview option on. Spin the
as you drag to create a perfect circle. Next, draw a cube to create the angle of the disco ball you
rectangle that overlaps the circle in the middle. want. Click Ok to confirm. We are done with our
Select both shapes and open up your Pathfinder disco ball.
Palette. Hold Alt/Option and click Subtract from
shape area. This will create a semi-circle.

3. Add sparkles and glow


Draw a circle and fill it with Radial Gradient. Open
up your Transparency Palette and set the Normal
to Screen. This will create a glow on the disco ball.

With the semi-circle still selected, go


Effect>3D>Revolve. Choose Map Art and select
the texture we created under Symbol. Click Scale
to Fit to fill up the whole sphere. Press Ok to
confirm.
We will need to add in more sparkles. Select the
Star Tool, click and drag to create a basic star.
Without releasing your mouse, press Arrow Up
key to increase the number of points. Hold
Ctrl/Command and drag to adjust the radius until
you get the shape below. Next, we draw a Circle
and fill up with a Radial Gradient as shown below.
Align both in the center and set them to Screen
under Transparency Palette. Select both and
duplicate a few with different sizes to add sparkles
to the disco ball.

Hamdi Kandil, UAE University 45


Adobe Illustrator Crash Course

Duplicate a few of the reflections and spread them


around. Select all the reflections and group them
by pressing Ctrl/Command+G and go
Effect>Warp>Fisheye. Play around with the
options until you find something you like. Go
Object>Expand Appearances to expand the warp
after that.

4. Disco Ball Reflections


Let’s begin to do the disco reflection. Create a
black solid circle. Select it and press
Ctrl/Command+C to copy it. Paste it to the front
by pressing Ctrl/Command+F to paste in front.
Hold Shift and grab to corners to resize it smaller.
Fill it with white after that. Select the Blend Tool
and click the white circle once then hold
Alt/Option and click the black circle. The Blend
Options will pop up. Set a value of 6 steps and
choose Specified Steps for it. Expand it by going to Next we create a new rectangle above the
Object>Expand to break them into individual reflections. Give it a Radial Gradient from teal to
circles. black color. With the Gradient Tool we can click
and drag in the gradient to create the gradient
below. Open up Transparency Palette and set it to
Multiply.

46 Hamdi Kandil, UAE University


Adobe Illustrator Crash Course

Here’s the final disco ball. Hope this tutorial has


helped you have a better understanding of using
the Map Art in 3D Revolve.

Finally we will create a faint glow for the disco


cube. Draw a circle and fill it with Radial Gradient.
Go to the Layers Palette and move it behind the
disco ball and your done!

Bonus Tip: We can further make changes to the


disco ball by going to Window>Appearance and
double click 3D Revolve (Mapped).

Thank You
Hamdi Kandil

Hamdi Kandil, UAE University 47

You might also like