Professional Documents
Culture Documents
Learn Illustrator With Exnihiloo
Learn Illustrator With Exnihiloo
Learn Illustrator With Exnihiloo
Illustrator
with
Exnihiloo
01 - Introduction to Adobe Illustrator
02 - Working with Artboards
03 - Understanding Illustrator’s Interface
04 - Basic Shape Creation
05 - Working with Paths and the Pen Tool
06 - Color and Swatches
07 - Applying Gradients and Patterns
08 - Understanding Layers
09 - Working with Text
10 - Introduction to Drawing Tools
11- Using the Shape Builder Tool
12 - Working with Images
13 - Understanding Object Transformation
www.exnihiloo.com
1
Illustrator 01
Introduction to
Illustrator
Powered Free by
Pen Tool: The Pen tool is one of the most essential tools in
Illustrator. It allows you to draw precise paths and shapes,
which form the basis of vector graphics.
Effects and Filters: You can apply various effects and filters to
your artwork to enhance and stylize it.
Powered Free by
9
Saving and Exporting
Artboards
After you’ve created and organized your artboards, it’s time to
save or export your Illustrator file:
Powered Free by
Tools
The Tools panel is located on the left side of the workspace
and contains various tools for creating and editing vector
graphics. Some essential tools include the Selection Tool (V),
Direct Selection Tool (A), Pen Tool (P), Type Tool (T), and Shape
Tools (Rectangle, Ellipse, etc.).
Artboards
Artboards are the individual canvas areas where you create
your designs. You can work with multiple artboards within a
single Illustrator document. The Artboard Tool (Shift + O) in the
Tools panel allows you to create, select, and modify artboards.
Customizing the
Workspace
Illustrator allows you to customize the workspace to suit your
preferences and workflow. Here’s how you can do it:
15
Moving Panels: You can rearrange panels by clicking and
dragging their tabs to a new position within the workspace.
Powered Free by
b. Ellipse Tool (L) Select the Ellipse Tool from the Tools panel
(shortcut: L) Click and drag on the canvas to draw an ellipse.
Hold the Shift key while dragging to create a perfect circle.
c. Polygon Tool: Click and hold the Rectangle Tool in the Tools
panel to reveal a fly-out menu. Choose the Polygon Tool from
the menu. Click on the canvas and specify the number of sides
for the polygon in the dialog box. Drag to draw the shape.
Powered Free by
Paths: Paths are the lines or curves that connect anchor points.
A path can be a straight line segment or a smooth curve,
depending on the position and direction of the anchor points
and their control handles.
To delete an anchor point, select it with the Pen Tool and press the
“Delete” or “Backspace” key.
Converting Anchor
Points
To close an open path and create a shape, position the Pen Tool
over the first anchor point (the starting point) until a small circle
appears next to the Pen Tool icon. Click to close the path
25
Working with the Direct
Selection Tool
The Direct Selection Tool (shortcut: A) allows you to select and
modify individual anchor points and path segments. With the
Direct Selection Tool, you can click and drag anchor points or their
control handles to reshape paths.
Powered Free by
Powered Free by
31
Applying a Radial
Gradient
Follow the same steps as above to create or select a shape and
open the Gradient panel. Click on the “Radial Gradient” button
at the top of the Gradient panel. The center of the shape will be
the starting point of the gradient, and the outer edge will be the
endpoint. Add color points to the gradient slider and adjust their
colors and positions as desired. Use the Gradient Tool to click and
drag from the center outward to adjust the size and position of
the gradient.
33
Creating a Seamless
Pattern
Design or draw the artwork you want to use as a pattern. It should
be a square or rectangular shape. Select the artwork and go to
“Object” > “Pattern” > “Make” or use the “Object” > “Pattern” >
“Make Pattern” option. The Pattern Options panel will appear.
Adjust the settings like Tile Type (Grid, Brick by Row, etc.), Width, Height,
and any other options. Click “Done” to create the seamless
pattern. The pattern will be added to the Swatches panel, and
you can now fill any shape with the seamless pattern.
Powered Free by
Arranging Objects
Within Layers
Read Online: www.exnihiloo.com
36
To move an object to a different layer, select the object, and then
drag it onto the desired layer in the Layers panel.
Grouping Objects
Grouping objects allows you to treat multiple objects as a single
unit. This is useful when you want to move or transform several
objects together. To group objects, select the objects you want to
include in the group, and then go to “Object” > “Group” or press
“Ctrl + G” (Windows) or “Cmd + G” (Mac).
Powered Free by
To change the font, font size, and other text attributes, use the
options in the Character panel (Window > Type > Character). To resize
the text box, click and drag any of its handles.
To create bulleted or numbered lists, select the text and use the
Bulleted List or Numbered List options in the Character panel.
Powered Free by
Choose a brush from the Brushes panel (Window > Brushes). Illustrator
comes with a variety of pre-installed brush libraries.
Click and drag on the canvas to draw with the selected brush.
You can adjust the stroke width using the Stroke Weight option in
the Control Bar.
To change the color of the stroke, use the Color panel or the
Swatches panel.
Click “OK” to create the custom brush. It will now be added to the
Brushes panel and can be applied to any path or shape using the
Brush Tool.
46
Editing Custom
Brushes
To edit a custom brush, double-click on its thumbnail in the Brushes
panel. You can adjust the settings and preview the changes in
the dialog box that appears.
By using the Pencil and Brush tools in Adobe Illustrator, along with
creating custom brushes, you can add hand-drawn and artistic
elements to your designs. Experiment with different brush presets
and create unique custom brushes to achieve various effects
and styles.
Powered Free by
Combining Shapes
To subtract shapes using the Shape Builder Tool, ensure that the
shapes you want to subtract overlap, with one shape entirely or
partially covering the other.
Select the Shape Builder Tool and hold down the “Alt” (Option on
Mac) key. Click and drag over the areas you want to subtract. As
you drag, the selected areas will be highlighted with a minus (-)
sign, indicating subtraction.
Non-Destructive
Editing
The Shape Builder Tool allows for non-destructive editing. That
means the original shapes are not permanently altered; they are
only visually combined or subtracted.
To clean up the result, use the Delete Anchor Point Tool (Shift + D)
to remove any unwanted anchor points and optimize the path.
Powered Free by
Select the image file you want to place and click “Place.”
The cursor will turn into a loaded image icon. Click anywhere
on the canvas to place the image. By default, the image will be
linked to the original file. If you want to embed the image into the
Illustrator file, select the image and go to “Object” > “Embed.”
Embedded images become part of the Illustrator document, and
you don’t need to keep the original image file linked. To access the
image options, you can double-click on the image or right-click
and choose “Image Options.” Here, you can adjust the image’s
opacity, dimensions, and other properties.
Go to the “Image Trace” panel (Window > Image Trace). The panel
will show several preset options to choose from, such as “Black
and White,” “Color,” “High Fidelity Photo,” etc.
Select the desired preset, or you can also click on the “Expand”
button to apply the default settings. After expanding, the traced
image will be converted into editable vector paths. If needed,
you can further adjust the tracing result using the “Image Trace”
options at the top of the workspace. To access more advanced
tracing options, click on the “Advanced” button in the “Image
Trace” panel. Experiment with different presets and options to
achieve the desired tracing result. Keep in mind that complex
images with a lot of detail may not trace perfectly, and manual
adjustments may be needed.
53
Editing Traced Images
Once an image is traced, the resulting vector paths can be
edited using Illustrator’s standard editing tools, such as the Direct
Selection Tool (shortcut: A) and the Pen Tool (shortcut: P).
Powered Free by
Rotating Objects
To rotate an object, select it with the Selection Tool. Move the
cursor outside the bounding box until it changes into a curved
arrow. Click and drag to rotate the object. Hold the “Shift” key to
constrain rotation to 45-degree increments.
For more precise rotation, you can use the Transform panel.
Enter a specific value for rotation angle in the Transform panel
and press “Enter” to apply the rotation.
Powered Free by
Combining Shapes
ŒˆÆ
Operations
Select the shapes you want to combine using the Selection
Tool (shortcut: V). In the Pathfinder panel, you’ll find several shape
operation icons.
Select both the dividing shape and the object to be divided. Click
the fifth icon (Divide) in the Pathfinder panel.
Powered Free by
Select the artwork, and then go to “Window” > “Symbol” or use the
shortcut “Shift + Ctrl + F11” (Windows) or “Shift + Cmd + F11” (Mac)
to open the Symbols panel. Click on the “New Symbol” button at
the bottom of the Symbols panel. In the Symbol Options dialog
box, you can name the symbol, set its registration point (the point
around which the symbol will rotate and scale), and choose whether
to include the symbol for the current or all artboards. Click “OK”
to create the symbol. The symbol will be added to the Symbols
panel, and the original artwork will become an instance of the
symbol.
Editing Symbols
To edit a symbol, double-click on its thumbnail in the Symbols
panel. This will enter symbol-editing mode.
Using Symbol
Instances
Once you have created a symbol, you can use instances of it in
your artwork.
Advantages of Using
Symbols
65
Symbols help reduce file size by reusing artwork instead of
duplicating it. Editing a symbol automatically updates all instances
of the symbol, making it easy to maintain consistency in your
artwork. Symbols improve workflow efficiency by allowing you to
manage and make changes to repeated elements quickly.
Powered Free by
Exporting Illustrations
for Web
To export an illustration for web use, go to “File” > “Export” > “Export
for Screens” or use the shortcut “Alt + Ctrl + E” (Windows) or
“Option + Cmd + E” (Mac).
68
In the “Export for Screens” dialog box, you can choose the desired
format, such as PNG, JPEG, or SVG. Select the artboards you want
to export or choose “All” if you want to export all artboards.
Adjust the export settings like resolution and quality as per your
web requirements. Click “Export Artboard” to save the file in the
selected format. PNG and JPEG are raster formats suitable for web
graphics, while SVG is a vector format that is ideal for scalable
web graphics.
Saving in Different
Formats
To save your Illustrator file, go to “File” > “Save” or use the shortcut
“Ctrl + S” (Windows) or “Cmd + S” (Mac). Illustrator files are saved in
the .ai format, which preserves all vector data, layers, and editable
elements.
EPS format: .eps (suitable for print and compatibility with other software).
PDF format: .pdf (suitable for both print and electronic distribution).