Adobe Illustrator

Introduction to Adobe Illustrator

 Adobe Illustrator is a vector graphics editor and design program developed and marketed by Adobe Inc.
 This software application can be used to create artwork using a Windows PC or MacOS computer.
 Originally designed for the Apple Macintosh, development of Adobe Illustrator began in 1985.
 The latest version, Illustrator CC 2020, was released on October 24, 2019 and is the 24th generation in the product line.
 Adobe Illustrator was reviewed as the best vector graphics editing program in 2018 by PC Magazine.
 To create high-quality artwork, graphic designers, web designers, visual artists, and professional illustrators use this application.
 What we can do with illustrator

 Create a variety of digital and printed images.

 Cartoons
 Charts
 Diagram
 Graphs
 Logos
 Adobe Illustrator installation
Step 1: Open any browser on your computer and go to https://www.adobe.com/. Step 2: Once the webpage will opens, click on the "creativity and design" and select the "View all plans and
Pricing."

Step 3: You will be redirected to the page, which displays different categories of pricing tier available, Step 4: After that, click on Single App and then use the Adobe Illustrator option for any plan and
i.e., Individual, Business, Student, Teacher, and University.You can now select any of them according then finally click on Buy Now to continue with the payment option.
to your requirement.
Step 5: After you click on the Buy now button, it will redirect to the page where you have to fill Step 6: After the successful payment, a download of the application will start.
in your email id and ask you to continue with the payment.

Step 7: When the download of the application will be completed, double click on the downloaded Step 8: When you click on it, the installation process will start.
setup to run it. The appeared dialogue box, click on the run button.
Step 9: Once the initial setup will be completed, a dialogue box will appear. The dialogue box Step 10: After you click on the install option, it will ask you to enter the required Email ID on the
appeared
shows two options, i.e., Install and Try. dialogue box. Finally, click on the Sign-in to continue with the installation.

Step 11: On the next dialogue, click on the Accept option. Step 12: Now, in the next dialogue, you will be asked to select the required storage location and a
language before installation.
Step 13: The minimum requirement will be checked and processed for the installation. Step 14: After the successful installation, the application will start to run, as shown in the figure below.

Finally, you can now use the Adobe illustrator complete functionality.
 Illustrator Workspace Overview

 Inside Illustrator's home window, we have panels, bars, and various tools to create and manipulate our documents and files.
 In the above image, there is a document view in the center, panel view on the right hand, Menu bar, tool palette on the left, and three palette groups in the vertical dock.
Screen Modes
 Using the mode option available at the bottom of the Tools palette, we can change the size of the illustrator window.

•Maximized Screen Mode: We can use this functionality to view our artwork in a maximized window with a menu bar at the top, no title bar, and a scroll bar on the side.
•Standard Screen Mode: We can use this mode to view our artwork on a standard size window with scroll bars on the sides and menu bar at the top.
•Full-Screen Mode with Menu Bar: We can use this mode to view our artwork on a full-sized screen with a menu bar but with no title bar or scroll bars.
•Full-Screen Mode: This mode can be used to view the artwork in a full-screen window with no title, menu, and scroll bar.
Status bar

 The option is available at the lower-left edge of the illustrator window when you're in the maximized screen.

 It shows the information about one of the given topics and displays the current zoom level. E.g., the date and time tool, the number of undo and redo available the document color profile, or the
status of the managed file.

 We can select an option from the Show submenu to change the type of information displayed in the status bar.

 We can choose the Reveal in Bridge to show the current file in Adobe.

Control Panel

 The control panel is docked at the top of the work area. It is the quick access options related to the object that we want to access. Variety of options displayed in the control panel depending on
the type of tools or objects we are using.
 Tools panel

 The tools panel is on the left side of the illustrator window.

 We can modify its location according to our need by dragging the Illustrator icon or its title bar.
 We can also hide the tools from the Windows tab → Tools.
 How to Create a new document

Step 1: You can perform any one of the following operations to create a new document:

• Click on "Choose File" → New. Inside the New Document dialog box, provide a name for

your document and select a new document profile.

• In the Welcome Screen, choose a new document profile from the Create New list.

Type a name for your document inside the New Document dialog box.

Step 2: To customize the document, specify the desired options. To determine the following

additional options click on the Advanced:

Color Mode: The color mode for the new document will be specified
using this option. If we try to change the color mode, it will convert the
default contents of the selected new document profile to a new color
mode that results in a change of color-an information message will pop-
up before applying the changes.

Raster Effects: This option is used to specify the resolution for raster effects
inside the document. The raster effect is set to high by default. We can fix
this to High when we all plan to give output to a high-end printer at very
high resolution.

Preview Mode: The preview mode sets the default view for the document.
Default: It displays artwork created in vector view inside the document with full color. Zoom in/out retains smoothness in the curves.
Pixel: The pixel mode displays artwork with a pixilated appearance. It is used to display a simulated preview.
Overprint: This mode is used to display an "ink preview," which helps to approximate that how transparency, blending and overprinting will appear in color-separated output.
Step 3: We can preview our new document in the mobile device interface if we choose the Mobile profile by clicking Device Central.
 How to Open a file

Follow these steps :

 To open an existing file,Go to choose File → Then locate the file in the explorer and click the Open button.
 To open a recently saved file, you can choose the data from the Open A Recent Item list from the Welcome screen, or you can choose Go to the File menu → Click on Open Recent Files,
and then choose a file from the existing list.
 To open and preview a file using Adobe Bridge, Goto File menu → then click on Browse to open Adobe Bridge. Then Locate the file in the file explorer and then Click on File → Click on
Open With → Select Adobe Illustrator CS3.
 Adobe Illustrator Drawing

Vector Graphics

 Vectors graphics is the art, which is made up of lines and curves defined by mathematical objects using vectors.

 Vector graphics are resolution independent because they maintain crisp edges when resized.

Vector paths

 When we draw, we create a line which is called as path.

 A path can be created using one or more straight/curved line.

 A point is marked at both the ends called Anchor point that similarly works as the pins holding a thread in place.

 A path in a vector graphic design can be closed, or open, with distinct endpoints
 Creating with the Pen tool
Creating new artwork with the Pen tool
The Pen tool, found in the Toolbar, is one of the most powerful drawing tools in Illustrator. With it, you can create and edit anchor points and paths.
Set stroke and fill before drawing
 To start with the Pen tool, select the Pen tool in the Toolbar and, in the Properties panel, set the stroke weight to 1 pt, the color to black, and the fill to none.
Create straight lines
 To create straight lines with the Pen tool, click and release to create an anchor point. Move the pointer, and you’ll see a preview of the path you are creating.
Click and release to create another anchor point. You can continue clicking and releasing in different areas to create more anchor points for the path.
 To close a path, move the pointer over the original anchor point and, when a circle shows next to the pointer, press the Shift key and click the end point. To
stop drawing a path without closing it, press the Escape key.
Create curves
 To draw a curve when creating an anchor point, drag to create direction handles, and then release. The more you drag when creating or editing anchor point
handles, the more curve the path has.
Create corner points (change path direction)
 To change the direction of a path while drawing, drag to create a smooth point (a curve). Release the mouse button. Move the pointer over the end of a
direction handle, press the Option key (macOS) or Alt key (Windows), and drag the end of the handle to split them.
Remove direction handles
 To remove a direction handle as you draw with the Pen tool, so that you can go from a curve to a straight line, click back on the last anchor point created to
remove the handle. Then continue drawing.
 Create with drawing tools
Paths and curves
 Paths are made of anchor points that connect with line segments.
 You select paths for editing with the Selection tool in the Tools panel. A bounding box appears around the entire path for transforming.
 The Direct Selection tool in the Tools panel is used to select anchor points and paths. 
 A curved path is controlled by an anchor point with direction handles. The direction handles control the shape of the curve.
 Shapes are closed paths because all the anchor points on the path are connected.
Draw with the Pencil tool
 Click and hold the Paintbrush tool in the Tools panel and select the Pencil tool in the menu that appears. 
 Double-click the Pencil tool to set tool options. 
 Drag in the document to create a path with the Pencil tool.
 As you draw, return to the beginning of the path to close it and make a shape. 
 Position the Pencil tool on the path to redraw part of it. Drag to redraw, ending back on the path.
 To draw a straight path with the Pencil tool, Alt-drag (Windows) or Option-drag (macOS).
 Draw with the Curvature tool
 Select the Curvature tool in the Tools panel.
 Click to set anchor points in a path. The anchor points create curved paths by default.
 To create a straight path with the Curvature tool, double-click to set an anchor point, or double-click an existing anchor point to make the path straight.
 To add points to a path, move the pointer over the path. When a plus (+) appears next to the pointer, click to set a point.
 To move anchor points, drag them.
Edit paths
 Select the Selection tool in the Tools panel. Click or drag across a shape to select it.
 Select the Direct Selection tool in the Tools panel to edit the anchor points of a path. Click the edge of a path to show its anchor points. Drag an anchor point
to see its effect on the shape. Drag a path to adjust the curve if it’s part of a curved path. Drag a path to move the path if it’s part of a straight path.
 Select the Curvature tool in the Tools panel to edit existing paths. Double-click an anchor point to convert from a straight path to a curved path and back.
Move the pointer over a path and click when a plus (+) appears next to the pointer to add an anchor point.
Join paths
 Select two paths and choose Object > Path > Join to join the ends closest to each other.
 What we will able to learn?

 Shape tools
 Apply color in objects
 Simplify a design
 Convert stroke/path to object
 Use shape tools

Draw simple shapes

 You can create a variety of primitive shapes with the vector Shape tools in Illustrator.
Step 1 : Press and hold the Rectangle tool to view all the Shape tools, and then select the Rectangle tool.
Step 2 : Drag on the artboard to draw a rectangle.
Step 3 : As you drag, look for a diagonal magenta guide that shows a perfect square.
Draw any type of polygon
 Press and hold the Rectangle tool in the Toolbar and select the Polygon tool.
 Click the artboard, and in the dialog box that opens, type the number of sides for your shape — for example, type 6 to create a hexagon.
 You can always change your shape dynamically by dragging the side widget. Try creating a triangle.
Adjust shapes with the shape tools
 To move a shape, drag its center point.
 To resize, drag any of the bounding box handles, or press Shift while dragging to constrain proportions.
 To change proportions — for example, to create a tall, skinny triangle — drag a corner handle in any direction, adjust
height with the top or bottom handles, and transform width with the side handles.
 If you move your cursor away from any handle, you’ll see the rotate icon. Drag to rotate the shape freely.
Combine shapes creatively
 You can also combine shapes to create new, more complex shapes in just a couple of clicks.
 Draw some overlapping shapes. Switch to the Selection tool and drag a selection marquee around all the shapes to select them. Select the Shape Builder tool
and drag a line through all the shapes you want to unite into one shape.
Break apart shapes
 It’s just as easy to break apart and erase parts of overlapping shapes. Select all the shapes. With the Shape Builder tool, click any part you want to punch out
as with a cookie cutter. Don’t worry if it still looks the same; you’ve divided them into separate pieces.
 Press Option (MacOS) or Alt (Windows) and click or drag across any section to delete it.
Have fun with color
 To color an object, you assign it a fill color, a stroke color, or both. Similar to working in a coloring book, a fill adds color to the area inside a path or
shape, while a stroke outlines it.
 Use the Fill and Stroke color boxes in the Toolbar — you edit them one at a time and the highlight shows which box is active. Select an object and
double-click the Fill or Stroke color box.
 Select Hue (H). Move the rainbow slider (1) up or down to pick a color range, and then move the round marker on the left (2) to adjust the brightness
and intensity. When you’re happy with the way it looks, click OK.
 You can always remove an object’s fill or stroke — just click the None button shown with a red line. Press X or click the double-headed arrow to swap the fill
and stroke colors instantly.
 Simplify Design
Extra points on the path increase the size of the vector file and make path edition very difficult (and even impossible). The Delete Anchor Points Tool and the
Remove Selected Anchor Points button on the Control panel are designed to delete points; however, after removing points in these ways the trajectory of the
path changes significantly, which means that it will not retain its original form. But what we need is to delete extra points and retain the form of the path with
minor changes only.
Step 1 : Object > Path > Outline Stroke or Object > Path > Expand Appearance.
Step 2 : The command Object > Path > Simplify
Convert path/stroke into object
 Drawing Modes in Adobe Illustrator

The Draw Normal Mode: The icon for the draw normal mode is . It is the default drawing mode. You can select the
drawing mode below the "Color Selector" tool inside the Tools panel.

The Draw Behind Mode: The icon for the draw behind mode is . If no artwork is selected, it allows us to draw all the
artwork behind a selected layer. Or a new object is drawn directly beneath the selected object, if an artwork is selected.
We can use the draw behind mode in the following cases.
 If we want to create new layers.
 If we want to place any symbol.
 If we want to place any files from the File menu.

The Draw Inside Mode: The icon for the draw inside mode is . Using this mode, we can draw inside the selected object and
eliminates the need of forming multiple tasks. For example - drawing/ altering drawing, selecting, altering stack order, and
creating a clipping mask. We can enable the draw inside mode only during a single selected object, i.e. path, compound path,
or text.
 Color Guide panel overview

A. Harmony Rules menu and active color group B. Set as base color C. Active colors D. Color variations E. Limits colors
to specified swatch library F. Edit Colors or Edit Or Apply Colors depending on selection (opens the colors in the Edit
Colors/Recolor Artwork dialog box) G. Save group to Swatches panel 
Specify the number and range of color variations that appear in the panel
1.Choose Color Guide Options from the Color Guide panel menu.
2.Specify the number of colors you want to appear to the left and right of each color in the generated color group.
For example, choose 6 if you want to see six shades darker and six shades lighter of each color.
The original colors always appear down the center of the panel with a triangle directly above them, and the variations on those colors appear to the left and right
3.Drag the Range slider to the left to decrease the variance range or drag to the right to increase the range.
Decreasing the range generates colors that are more similar to the originals.
Edit Colors/Recolor Artwork dialog box overview
Step 1 : When you have artwork selected and you access the dialog box by clicking the    icon in the Control panel, Swatches panel, or Color Guide panel, or
Step 2 : when you choose Edit > Edit Colors > Recolor Artwork, the dialog box opens as the Recolor Artwork dialog box and you have access to the Assign tab and
the Edit tab.
When you do not have artwork selected and you access the dialog box by clicking the   icon in the Control panel, Swatches panel, or Color Guide panel, the
dialog box opens as the Edit Colors dialog box and you have access to the Edit tab only.

A. Create and edit a color group in the Edit tab B. Assign colors in the Assign tab C. Select a color group from the Color Groups list 
 Scale objects

Scaling an object enlarges or reduces it horizontally (along the x axis), vertically (along the y axis), or both. Objects scale relative to a reference point which varies
depending on the scaling method you choose.
Step 1 : To scale strokes and effects, choose Edit > Preferences > General (Windows) or Illustrator > Preferences > General (Mac OS), and select Scale Strokes &
Effects. 
Scale objects with the Scale tool
1.Select one or more objects.
2.Select the Scale tool      .
3.Do any of the following:
To scale relative to the object’s center point, drag anywhere in the document window until the object is the desired size.
To scale relative to a different reference point    , click where you want the reference point to be in the document window, move the pointer away from the
reference point, and then drag until the object is the desired size.
To maintain the object’s proportions as it scales, hold down Shift as you drag diagonally.
Tip: While using the Scale tool with the Shift key, start dragging at an angle of 45° horizontally or vertically but in an angle.
To scale the object along a single axis, hold down Shift as you drag vertically or horizontally.

Scale objects with the bounding box

4.Select one or more objects.
2.Select the Selection tool or the Free Transform tool      .
3.Drag a bounding box handle until the object is the desired size.
Objects scale relative to the opposite handle of the bounding box.
4.Do any of the following to control the scaling behavior:
To maintain the object’s proportions, hold down Shift as you drag.
To scale relative to the object’s center point, hold down Alt (Windows) or Option (Mac OS) as you drag.
Scale objects to a specific width and height
1.Select one or more objects.
2.In the Transform panel, enter a new value in the Width (W) or Height (H) box, or both.
You can do any of the following before you enter a value to control the scaling behavior:
To maintain the objects’ proportions, click the lock proportions button    .
To change the reference point for scaling, click a white square on the reference point locator      .
To scale stroked paths and any size-related effects along with the object, select Scale Strokes & Effects from the panel menu.

Scale objects by a specific percentage

3.Select one or more objects.
2.Do one of the following:
To scale from the center, choose Object > Transform > Scale or double-click the Scale tool      .
To scale relative to a different reference point, select the Scale tool and Alt‑click (Windows) or Option‑click (Mac OS) where you want the reference point
to be in the document window.

Scale multiple objects

3.Select the objects.
2.Choose Object > Transform > Transform Each.
Set percentages for horizontal and vertical scaling in the Scale section of the dialog box.
To change the reference point, click a white square on the reference point locator      .
Click OK, or click Copy to scale a copy of each object.
 Shear objects
 Shearing an object slants, or skews, the object along the horizontal or vertical axis, or a specified angle that’s relative to a specified axis. Objects shear
relative to a reference point which varies depending on the shearing method you choose and can be changed for most shearing methods.

Shear objects with the Shear tool

1.Select one or more objects.
2.Select the Shear tool      .
3.Do one of the following:
To shear relative to the object’s center, drag anywhere in the document window.
To shear relative to a different reference point    , click anywhere in the document window to move the reference point, move the pointer away from the
reference point, and then drag until the object is at the desired slant.
To shear along the object’s vertical axis, drag anywhere in the document window in an up or down direction. To constrain the object to its original width,
hold down Shift.
To shear along the object’s horizontal axis, drag anywhere in the document window in a left or right direction. To constrain the object to its original height,
hold down Shift.
Distort objects
 You can distort objects by using the Free Transform tool or a liquify tool. Use the Free Transform tool when you want to distort freely; use a liquify tool if you
want to take advantage of specific preset distortions such as twirls, puckers, or wrinkles.
Distort objects with the Free Transform tool
1.Select one or more objects.
2.Select the Free Transform tool      .
3.Start dragging a corner handle on the bounding box (not a side handle), and then do one of the following:
Hold down Ctrl (Windows) or Command (Mac OS) until the selection is at the desired level of distortion.
Hold down Shift+Alt+Ctrl (Windows) or Shift+Option+Command (Mac OS) to distort in perspective.
Distort objects using the Puppet Warp tool
Puppet Warp lets you twist and distort parts of your artwork, such that the transformations appear natural. You can add, move, and rotate pins to seamlessly
transform your artwork into different variations using the Puppet Warp tool in Illustrator.