Upload
trinhdien
View
216
Download
1
Embed Size (px)
Citation preview
The fonts utilized in these training materials are the property of Against The Clock, Inc. and are supplied to the legitimate buyers of the Against The Clock training materials solely for use with the exercises and projects provided in the body of the materials. They may not be used for any other purpose, and under no circumstances may they be transferred to another individual, nor copied or distributed by any means whatsoever.
Against The Clock and the Against The Clock logo are trademarks of Against The Clock, Inc., registered in the United States and elsewhere. References to and instructional materials provided for any particular application program, operating system, hardware platform, or other commercially available product or products do not represent an endorsement of such product or products by Against The Clock, Inc.
Photoshop, Acrobat, Illustrator, InDesign, Flash, Dreamweaver, and PostScript are trademarks of Adobe Systems Incor-porated. Macintosh is a trademark of Apple Computer, Inc. QuarkXPress is a registered trademark of Quark, Inc. Word, Excel, Office, Microsoft, and Windows are either registered trademarks or trademarks of Microsoft Corporation.
Other product and company names mentioned herein may be the trademarks of their respective owners.
The image on the cover shows the Louvre Pyramid in the main courtyard of the Louvre Palace in Paris, France.
4710 28th Street North, Saint Petersburg, FL 33714800-256-4ATC • www.againsttheclock.com
10 9 8 7 6 5 4 3 2 1 Print ISBN: 978-1-936201-45-7
Ebook ISBN: 978-1-936201-46-4
Managing Editor: Ellenn BehoriamCover & Interior Design: Erika KendraEditor: Angelina KendraCopy Editor: Liz BleauPrinter: Prestige Printers
Copyright © 2014 Against The Clock, Inc. All rights reserved. Printed in the United States of America. This publication is protected by copyright, and permission should be obtained in writing from the publisher prior to any prohibited reproduction, storage in a retrieval system, or transmission in any form or by any means, electronic, mechanical, photocopying, recording, or likewise.
iii
AcknowledgementsaBout agaInSt the cLock
Against Th e Clock, long recognized as one of the nation’s leaders in courseware development, has been publishing high-quality educational materials for the graphic and computer arts industries since 1990 . Th e company has de-veloped a solid and widely-respected approach to teaching people how to eff ectively utilize graphics applications while maintaining a disciplined approach to real-world problems .
Having developed the Against Th e Clock and the Essentials for Design series with Prentice Hall/Pearson Education, ATC drew from years of professional experience and in-structor feedback to develop Th e Professional Portfolio Series, focusing on the Adobe Creative Suite . Th ese books feature step-by-step explanations, detailed foundational informa-tion, and advice and tips from industry professionals that off er practical solutions to technical issues .
Against Th e Clock works closely with all major software developers to create learning solutions that fulfi ll both the requirements of instructors and the needs of students . Th ousands of graphic arts professionals — designers, illus-trators, imaging specialists, prepress experts, and produc-tion managers — began their educations with Against Th e Clock training books . Th ese professionals studied at Baker College, Nossi College of Art, Virginia Tech, Appalachian State University, Keiser College, University of South Carolina, Gress Graphic Arts Institute, Kean University, Southern Polytechnic State University, Brenau University, and many other educational institutions .
aBout the authoR
Erika Kendra holds a BA in History and a BA in English Literature from the University of Pittsburgh . She began her career in the graphic communications industry as an editor at Graphic Arts Technical Foundation before moving to Los Angeles in 2000 . Erika is the author or co-author of more than twenty books about Adobe graphic design software . She has also written several books about graphic design concepts such as color reproduction and prefl ight-ing, and dozens of articles for online and print journals in the graphics industry . Working with Against Th e Clock for more than ten years, Erika was a key partner in developing Th e Professional Portfolio Series of software training books .
contRIButIng authoRS, aRtIStS, and edItoRS
A big thank you to the people whose artwork, comments, and expertise contributed to the success of these books:
• Olwen Bruce, Creative Backup LLC
• Chana Messer, Artist, Designer, Adobe Software Evangelist Adobe, ACE/ACI
• Chris Barnes, Wilson Community College
• Richard Schrand, Corporate Education Professional
• Debbie Davidson, Against Th e Clock, Inc .
Finally, thanks to Angelina Kendra, editor, and Liz Bleau, copy editor, for making sure that we all said what we meant to say .
iv
Walk-Through
Your client is the marketing director
for the Long Beach Regatta, which
attracts tens of thousands of visitors
to the beach community throughout
the four-day event. You have been
hired to create the primary artwork
for this year’s event, which will be
used in a variety of different products
(ads, posters, etc.).
This project incorporates the following skills:
o Drawing complex custom shapes with the Pen tool
o Editing anchor points and handles to control the precise
position of vector paths
o Drawing irregular shape outlines by painting with the
Blob Brush tool
o Creating a custom color scheme using saved swatches
o Adding interest and depth with color gradients
o Adjusting color, both globally and in specific selections
o Working with a file that uses Typekit fonts
o Saving a PDF file for print distribution
Regatta Artwork
clie
nt c
om
men
ts
art
dire
cto
r co
mm
ents
pro
ject
ob
ject
ives
Project Meeting� e poster to promote the Regatta is basically the “play bill,” and we will place it in store windows, public sites, and on bulletin boards all over the city. It will also be placed in local newspapers and entertainment magazines, and used as the cover for the souvenir program that we produce for the event.
We want the artwork to be very colorful and vivid, so the main focus — and most of the poster real estate — should be on the graphics. � e only text for the poster is the event name, date, and location.
I sketched a mock-up of a sailboat that you can use as the basis for the artwork. You should use the Pen tool to draw the necessary paths because simple shapes won’t work and the Pencil tool doesn’t provide � ne enough control to e� ciently achieve what you need.
I assigned the ocean background artwork to another designer, so you will have to incorporate your artwork into that � le. � e poster � le includes several text objects that use Adobe Typekit fonts, so you’ll have to install those on your computer for the type to appear correctly when you open the � le.
� is is going to be a complex piece of artwork, so you should pay close attention to the layer content when you organize the various pieces. � at will make it far easier to edit speci� c components as necessary if the client decides to make changes.
To complete this project, you will:
� Use the Pen tool to draw precise curves
� Adjust anchor points and handles to precisely control the shape of vector objects
� Reshape line segments with the Anchor Point tool
� Use the Blob Brush tool to “paint” the area of vector shapes
� De� ne custom color swatches to allow easy universal changes
� Create color gradients to blend multiple colors in a single object
� Adjust gradients in context on the artboard
� Install fonts from Adobe Typekit
� Manage artwork with sublayers
� Save the � le as PDF
389Project 8: Web Site Interface
Stage 1 Using Color Groups and Live Color
As you should already know, you can use Illustrator to create virtually any type of illustration — from
a basic vector drawing to a complex, realistic illustration. You can also use Illustrator to design an entire
composition, whether a letterfold brochure that will be printed or a Web site interface that will be used
as the map for an HTML page. In the first stage of this project, you are going to use color groups and
Live Color to adjust global and specific colors to unify various elements of the existing site design.
Use a Color GroUp to ChanGe MUltiple swatChes
Color groups are useful for organizing color swatches into logical and manageable
collections. You can make changes that affect all colors within a group; this takes the
concept of global color swatches one step further. In this exercise, you create a group from
the tracing object swatches, so you can make changes that affect the entire illustration.
1. Download Website_AICC14_RF.zip from the Student Files Web page.
2. Expand the ZIP archive in your WIP folder (Macintosh) or copy the archive
contents into your WIP folder (Windows).
This results in a folder named Website, which contains the files you need for this project.
You should also use this folder to save the files you create in this project.
3. Open the file dh-site.ai from the WIP>Website folder.
4. In the Layers panel, expand all five layers and review the various elements.
The basic site layout follows a structure that is fairly common in Web site design.
Four layers — Header, Navigation, Main, and Footer — represent the various sections
of a basic HTML page. A fifth layer, named Background, contains a single path with a
solid gray fill — representing the background color of the entire page.
As you work through the
exercises in this project,
the importance of the
structure used in this file
will become apparent.
Note:
87 Project 2: Regatta Artwork
RESHAPE LINE SEGMENTS
In Illustrator, you have numerous options to create, select, and modify shapes — or parts of shapes — so you can create exactly what you need, regardless of what is already on the artboard. In this exercise you use a new method to easily behind line segments in the shapes you need.
1. With sailboat.ai open, make the right sail in the sketch visible in the document window.
2. Using the Pen tool, click to place three connected anchor points at the corners of the sail.
Click to create three connected corner points.
3. Press the Option/Alt key to temporarily access the Anchor Point tool.
� e Anchor Point tool, nested under the Pen tool, can be used to change anchor points from corner to smooth (or vice versa):
• Click a smooth point to convert it to a corner point.• Click and drag a corner point to convert it to a smooth point with symmetrical
handles.• Option/Alt-click a handle to move only that handle, even if the related point has
an opposing handle; a smooth point is converted to a corner point as you drag the handle.
4. While holding down the Option/Alt key, click the right segment of the sail and drag until the segment matches the sketch.
You can click and drag a segment to bend it into a di� erent shape; handles are added to or adjusted as necessary for the related points. � is method of reshaping a line segment makes it very easy to edit your artwork without manually manipulating anchor points or handles.
The Pen tool is technically active.
Anchor Point tool cursor
Handles are added or adjusted as necessary when you reshape a line segment.
Using the Anchor Point tool, click a segment and drag to push it into a different shape.
As a general rule, use as few points as necessary to create a shape with the Pen tool.
Note:
Project GoalsEach project begins with a clear description of the overall concepts that are explained in the project; these goals closely match the different “stages” of the project workfl ow.
The Project MeetingEach project includes the client’s initial comments, which provide valuable information about the job. The Project Art Director, a vital part of any design workfl ow, also provides fundamental advice and production requirements.
Project ObjectivesEach Project Meeting includes a summary of the specifi c skills required to complete the project.
Step-By-Step ExercisesEvery stage of the workfl ow is broken into multiple hands-on, step-by-step exercises.
Visual ExplanationsWherever possible, screen shots are annotated so that you can quickly identify important information.
Real-World Workfl ow Projects are broken into logical lessons or “stages” of the workfl ow. Brief introductions at the beginning of each stage provide vital foun-dational material required to complete the task.
v
123
fi ll i
n th
e b
lank
sho
rt a
nsw
er
Project 2: Regatta Artwork
Project Review
1. Describe three ways to deselect the current selection on the artboard.
2. Briefl y explain the signifi cance of “process color” related to Illustrator artwork.
3. Briefl y explain the advantage of using the PDF format for creating printable fi les.
1. The _______________ tool is used to place
anchor points that are connected by line
segments.
2. The _______________ tool is used to change a
smooth anchor point to a corner anchor point
(and vice versa).
3. The _______________ tool is used to edit
individual anchor points (and their related
handles) on a vector path.
4. _______________ is the range of possible colors
within a specifi c color model.
5. _______________________________________
are the four component colors in process-color
output.
6. The _______________ panel includes value
sliders for each component in the defi ned color
model.
7. The _______________ is used to paint shapes
of solid color based on the defi ned brush size
and the area you drag with a single mouse
click.
8. The _______________ appears over a
gradient-fi lled object when selected with the
Gradient tool; you can use it to control the
position and direction of color in the gradient-
fi lled object.
9. Changes made to a _______________ color
swatch are refl ected in all elements where that
color is applied.
10. Individual objects on a layer appear as
_______________ in the Layers panel.
124
art
dire
cto
r co
mm
ents
clie
nt c
om
men
tsp
roje
ct ju
stifi
catio
n
Use what you learned in this project to complete the following freeform exercise. Carefully read the art director and client comments, then create your own design to meet the needs of the project.Use the space below to sketch ideas; when fi nished, write a brief explanation of your reasoning behind your fi nal design.
Portfolio Builder Project
We raise a considerable portion of our annual operating budget during this annual event. � is year the theme is a very classic masquerade in the style of Victorian-England oppulence... � ink “Phantom of the Opera,” the state dining room on the Titanic, that sort of thing. Men in tuxes and women in � owing gowns, everyone masked in some fashion until the traditional ‘reveal’ at midnight.
Every year the event includes a silent auction with some incredible prizes that are donated by local businesses, as well as a gourmet four-course meal prepared by a celebrity chef.
If there is any way you can tastefully incorporate a couple of animal photos into the poster, we would like that. But it isn’t really a requirement as long as the shelter’s name and contact information is clearly displayed.
Your local animal shelter hosts an annual fundraising gala on the � rst Saturday in October. You have been hired to create a poster advertising this year’s theme — a classic, black-tie masquerade ball.
� Design an 11� � 17� poster to promote the event in local storefronts and other public venues.
� Develop a creative type treatment for the event name: “Barking Mad for the Masquerade”
� Find or create imagery and graphics to support the event theme.
� Include the event date (look at this year’s calendar to � nd out the exact date) prominently in the poster design.
� Include the contact information (phone number and Web address) for your local animal shelter.
Project Summary
125 Project 2: Regatta Artwork
� is project incorporated more advanced drawing techniques that allow you to exercise precise control
over every point and path in a � le. � e Pen tool is arguably one of the most important tools you will
use throughout your career as an illustrator; although it can be challenging at � rst, practice is the best
way to master this skill.� is project also explored working with color in Illustrator: applying color, saving global color
swatches to make changes more e� ciently, and using gradients to add visual interest.Finally, you saved your artwork in a � le format that is commonly used to share Illustrator artwork
with other applications. � e PDF format is an invaluable part of design work� ows using software
applications that can’t import native Illustrator � les.
Use the Anchor Point tool to reshape specific line segments
Use the Pen tool to create custom artwork based on lines in a hand-drawn sketchUse the Shape Builder tool to divide overlapping objects into individual shapes
Use the Blob Brush tool to paint the outline of custom shapes
Use global swatches to allow universal changes to all objects where that color is applied
Use the Gradient Annotator to control the content and position of gradients within specific objects
Use layers and sublayers to manage the various elements in a complex file
38 Project 1: International Symbols
The Free Transform tool allows you to
change the shape of selected objects by
dragging the transformation handles.
The Touch widget, which you can use
to change the active transformation
mode, appears when the Free Transform
tool is active. To move the Touch bar in
the workspace, click away from the three
buttons and drag to another location.
Moving the mouse cursor over a handle shows the
transformation that can be made by dragging that handle. Clicking
one of the transformation handles shows a larger icon to indicate the
possible transformation.
When you first select the Free Transform tool, the widget shows that the Free Transform mode is active. Larger
transformation handles appear over all eight of the selected object’s bounding box handles. In this case, most of the
available transformations are the same as those you can make when the Selection tool is active (see Page 37).
Click a corner handle
and drag around to
rotate the selection.
Drag a corner handle diagonally in or
out to scale the selection horizontally
and vertically at the same time.
Press Option/Alt to apply
the transformation around
the center point.
Press Shift, or activate the Constraint
option, to transform the selection
proportionally (maintaining the original
height-to-width aspect ratio).
Drag a center handle perpendicular
to the bounding box edge to scale
the selection in one direction.
Drag a center handle
parallel to the bounding box
edge to skew the selection.
If you activate the Perspective Distort option in the Touch
widget, you can drag the object’s corner transformation
handles to change the
object’s perspective. (The
Constraint option is not
available when the Perspec-
tive Distort option is active.)
When the Free Transform
mode is active, you can
accomplish the same goal by
clicking a corner handle, then pressing Command-Option-
Shift/Control-Alt-Shift and dragging.
If you activate the Free Distort option, you can drag the
corner transformation handles to distort the selection. When
the Constraint option is
active, you can only drag the
corner exactly horizontal or
vertical from its previous
position.
When the Free Transform
mode is active, you can
accomplish the same goal by
clicking a corner handle, then pressing Command/Control
and dragging.
ILLU
STRATO
R F
OUN
DATIO
NS
The Free Transform Tool in Depth Free Transform
Touch widget
Constraint
Perspective DistortFree Transform
Free Distort
Transformation handles
When the cursor is over a
transformation handle,
the icon shows which
distortions can be made.
103Project 2: Regatta Artwork
3. Move your cursor over the Gradient Annotator to show the associated stops.
Moving the cursor near the Gradient Annotator reveals the gradient stops.
4. Using the Gradient tool, click the bottom-right corner of the sail, then drag up and left until the gradient width is slightly less than the shape’s actual width (use the following image as a guide).
Clicking and dragging with the Gradient tool defines the width and angle of the gradient within a selected object.
When working with a linear gradient, the first place you click with the Gradient tool defines the location for the starting color of the gradient; where you release the mouse button marks the location for the ending color of the gradient. Any areas beyond the two ends fill with the end-stop colors of the gradient.
As you drag, the marquee shows a preview of the gradient width. When you release the mouse button, the gradient annotator snaps back to the object’s center; its angle matches the angle you defined.
5. Save the file and continue to the next stage of the project.
You can turn off the Gradient Annotator in the View menu (View>Hide Gradient Annotator).
Note:
Click and drag the gradient endpoint (the smaller circle) on the annotator to change the gradient width.
Place the cursor just outside the gradient endpoint on the annotator to reveal the rotation cursor; click and drag to change the angle of the gradient.
Note:
Illustrator FoundationsAdditional functionality, related tools, and underlying graphic design concepts are included throughout the book.
Advice and WarningsWhere appropriate, sidebars provide shortcuts, warnings, or tips about the topic at hand.
Visual SummaryUsing an annotated version of the
finished project, you can quickly identify the skills used to complete
different aspects of the job.
Project ReviewAfter completing each project, you can complete these fill-in-the-blank and short-answer questions to test your under-standing of the concepts in the project.
Portfolio Builder ProjectsEach step-by-step project is accompanied by a freeform project, allowing you to practice skills and creativity, resulting in an extensive and diverse portfolio of work.
the
portfolio series
Identity Package
o Working with Gradient Meshes
o Working with Type
o Working with Multiple Artboards
o Combining Text and Graphics
pro
ject
3p
roje
ct 2 Regatta Artwork
o Drawing Complex Artwork
o Coloring and Painting Artwork
o Working with Adobe Typekit
o Creating a Finished Poster
pro
ject
1 International Symbols
o Setting up the Workspace
o Drawing Basic Shapes
Th e Against Th e Clock Portfolio Series teaches graphic design software tools and techniques entirely within the framework of real-world projects; we introduce and explain skills where they would naturally fall into a real project workfl ow .
Th e project-based approach in Th e Professional Portfolio Series allows you to get in depth with the software beginning in Project 1 — you don’t have to read several chapters of introductory material before you can start creating fi nished artwork .
Our approach also prevents “topic tedium” — in other words, we don’t require you to read pages and pages of information about text (for example); instead, we explain text tools and options as part of larger project (e .g ., creating a logotype or building a folding brochure) .
Clear, easy-to-read, step-by-step instructions walk you through every phase of each job, from creating a new fi le to saving the fi nished piece . Wherever logical, we also off er practical advice and tips about underlying concepts and graphic design practices that will benefi t you as you enter the job market .
Th e projects in this book refl ect a range of diff erent types of Illustrator jobs, from creating a series of icons to designing a corporate identity to building a Web page . When you fi nish the eight projects in this book (and the accompanying Portfolio Builder exercises), you will have a substantial body of work that should impress any potential employer .
Th e eight Illustrator projects are described briefl y here; more detail is provided in the full table of contents (beginning on Page viii) .
Projects at a Glance
vii
Our goal in this book is to familiar ize you with the majority of the Illustrator tool set, so you can be more productive and more marketable in your career as a graphic designer.
It is important to keep in mind that Illustrator is an extremely versatile and powerful application. The sheer volume of available tools, panels, and features can seem intimidating when you first look at the software interface. Most of these tools, however, are fairly simple to use with a bit of background information and a little practice.
Wherever necessary, we explain the underlying concepts and terms that are required for understanding the software. We’re confident that these projects provide the practice you need to be able to create sophisticated artwork by the end of the very first project.
pro
ject
7 Consumer Infographics
o Creating Charts and Graphs
o Drawing in Perspective
pro
ject
8 Web Site Interface
o Using Color Groups and Live Color
o Creating Web Site Graphics
pro
ject
6 Candy Packaging
o Building the File Structure
o Working with Styles and Effects
o Preparing Artwork for Output
o Previewing the Box Design in 3D
pro
ject
5 Letterfold Brochure
o Creating Documents that Fold
o Working with Imported Images
o Working with Imported Text
o Fine-Tuning Text
pro
ject
4 Ski Resort Map
o Working with Custom Swatches
o Working with Brushes
o Using Symbols
viii
acknowLedgementS III
waLk-thRough Iv
PRojectS at a gLance vI
the ILLuStRatoR uSeR InteRface 1Understanding the Application Frame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2Explore the Arrangement of Illustrator Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5Identifying and Accessing Illustrator Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8Creating Custom Tools Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9Customizing Keyboard Shortcuts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12Create a Saved Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13Explore the Illustrator Document Window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14Explore the Arrangement of Multiple Documents . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18Moving Around an Illustrator File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21Synchronizing Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Project1 InteRnatIonaL SymBoLS 25 Stage 1 Setting up the Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Create a New Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27Using Smart Guides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Defi ne Smart Guide Preferences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30Draw Rounded Rectangles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31More about Working with Live Corners . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35Selection Basics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36Transforming Objects with the Bounding Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37Th e Free Transform Tool in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38Control Fill and Stroke Attributes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39Control Object Positioning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43Align and Distribute Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47Edit Individual Grouped Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49Using the Group Selection Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51Import Template Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52Manage Multiple Layers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
Stage 2 Drawing Basic Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58Create Artwork with Lines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58Refl ect Drawing Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61Rotate Drawing Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62Divide Basic Shapes into Component Pieces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64Th e Stroke Panel in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66Th e Pathfi nder Panel in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69Work in Isolation Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70Use Measurements to Adjust Your Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72Draw with the Pencil Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Contents
ix
Project2 Regatta aRtwoRk 79 Stage 1 Drawing Complex Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Prepare the Drawing Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81Use the Pen Tool to Trace the Sketch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83Understanding Anchor Point and Bézier Curve Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86Reshape Line Segments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87Build Shapes from Overlapping Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90More on the Shape Builder Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91Editing Anchor Points with the Control Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92Use the Draw Behind Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
Stage 2 Coloring and Painting Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95Using the Draw Inside Mode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95Create Global Custom Color Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96Add a Color Gradient . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99Edit Global Color Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101Use the Gradient Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102Understanding Color Terms . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Stage 3 Working with Adobe Typekit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105Verify your Adobe ID in Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105Install Fonts from Adobe Typekit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107Managing Missing Typekit Fonts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Stage 4 Creating a Finished Poster . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112Manage Artwork with Sublayers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112Lock and Hide Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116Create Shapes with the Blob Brush Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117Save the File as PDF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Project3 IdentIty Package 127 Stage 1 Working with Gradient Meshes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Set up the Workspace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129Draw the Apple Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131Create a Gradient Mesh . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132Understanding Gradient Mesh Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133Work with a Mesh Using Smart Guides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137Color the Remaining Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Stage 2 Working with Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142Create Point-Type Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143The Character Panel in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145Point Type vs . Area Type . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148Manipulate Type Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149Convert Type to Outlines . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151Create Custom Graphics from Letter Shapes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Contents
x
Stage 3 Working with Multiple Artboards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156Adjust the Default Artboard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156Managing Artboard Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157Use the Layers Panel to Organize Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159Copy the Artboard and Artwork . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161Convert Mesh Objects to Regular Paths . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163Th e Appearance Panel in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165Add Spot Color to the Two-Color Logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166
Stage 4 Combining Text and Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168Work with Placed Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168Create the Envelope Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173Print Desktop Proofs of Multiple Artboards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180
Project4 SkI ReSoRt maP 183 Stage 1 Working with Custom Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
Manage the Swatches Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185Defi ne Gradient Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187Using Spot Colors in Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189Apply and Control Gradients . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190Edit a Path Profi le . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192Create a Custom Pattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195Creating Variable-Width Stroke Profi les . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
Stage 2 Working with Brushes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200Create a New Art Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200Understanding Art Brush Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203Control an Art Brush Stroke . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204Expand Brush Strokes into Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205Create Pattern Brush Tiles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207Create a New Pattern Brush . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210Pattern Brush Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212Save Custom Brushes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215
Stage 3 Using Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217Open Custom Symbol Libraries . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217Control Symbol Instances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218Editing Symbols in Place . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221Replace Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222Spray Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224Symbolism Tools Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226Modifying Symbol Sets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227Create a Clipping Mask . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
xi
Project5 LetteRfoLd BRochuRe 235 Stage 1 Creating Documents that Fold . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237
Use Artboards to Create the Panel Layout Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239Control Artboard Size and Position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240Create Margin and Bleed Guides . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246Create Folding Marks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248
Stage 2 Working with Imported Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252Place Layout Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252Manage Linked and Embedded Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257Unembedding Images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Stage 3 Working with Imported Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263Import Text for the Inside Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263Thread Multiple Type Areas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265Using the Find Font Dialog Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265Work with Hidden Characters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 267Using the Find and Replace Dialog Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268Define Paragraph Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269Import Styles from Other Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275Define a Character Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277
Stage 4 Fine-Tuning Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278Apply Smart Punctuation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278Control Hyphenation and Justification . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 279Format Tabbed Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281Check Spelling . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283Create a Job Package . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285Export a PDF File for Print . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Project6 candy PackagIng 293 Stage 1 Building the File Structure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295
Create the Package File from a Template . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295Use Image Trace to Create a Complex Image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296Understanding Image Trace Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300Sample Colors and Create Custom Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301
Stage 2 Working with Styles and Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302Transform and Warp Design Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303The Glyphs Panel in Depth . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306Apply a Warp Effect . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307Create a 3D Effect . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309Create Type on a Path . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311Type on a Path Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 313Place a Native Photoshop File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315Apply Transparent Effects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318Understanding Transparency Panel Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
Contents
xii
Creating an Opacity Mask . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321Understanding Blending Modes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322Use the Touch Type Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 323Apply a Built-In Graphic Style . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325
Stage 3 Preparing Artwork for Output . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327Defi ne Raster Eff ect Settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328Preview Transparency Flattening . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329More About Outputting Complex Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 330Export a PDF File for Proofi ng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331
Stage 4 Previewing the Box Design in 3D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333Create Image Slices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333Create Symbols for Box Panels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337Map the Art to a 3D Box . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 345
Project7 conSumeR InfogRaPhIcS 347 Stage 1 Creating Charts and Graphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349
Distinguishing Types of Graphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 349Create a Line Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350Format Graph Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353Change Graph Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355Create a Bar Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356Edit Graph Data . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359Create a Pie Graph . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361Edit Pie Graph Elements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363
Stage 2 Drawing in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366Defi ne the Perspective Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 366Understanding Default Perspective Grids . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371Draw in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 372Moving Objects in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374Work with Type in Perspective . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377Attach Objects to the Perspective Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379Transforming Perspective Type Objects . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379Other Perspective Grid Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 383
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385
xiii
Project8 weB SIte InteRface 387 Stage 1 Using Color Groups and Live Color . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389
Use a Color Group to Change Multiple Swatches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389Use a Color Group to Manage File Colors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392Work with Live Paint Groups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396
Stage 2 Creating Web Site Graphics . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 399Examine an HTML Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 399Examine the Pixel Grid . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402Define Object Names . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 403Create a Gradient Page Background . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 407Create Character Styles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 409Export CSS and Image Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 411
Project Review . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416
Portfolio Builder Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 417
Getting Started
xiv
PReReQuISIteS
To use Th e Professional Portfolio Series, you should know how to use your mouse to point and click, as well as how to drag items around the screen . You should be able to resize and arrange windows on your desktop to maximize your available space . You should know how to access drop-down menus, and understand how check boxes and radio buttons work . It also doesn’t hurt to have a good understanding of how your operating system organizes fi les and folders, and how to navigate your way around them . If you’re familiar with these fundamental skills, then you know all that’s necessary to use the Portfolio Series .
ReSouRce fILeS
All the fi les you need to complete the projects in this book — except, of course, the Illustrator application fi les — are on the Student Files Web page at againsttheclock .com . See the inside back cover of this book for access information .
Each archive (ZIP) fi le is named according to the related project (e .g ., Symbols_AICC14_RF.zip) . At the begin-ning of each project, you must download the archive for that project and expand it to access the resource fi les that you need to complete the exercises . Detailed instructions for this process are included in the Interface chapter .
Files required for the related Portfolio Builder exercises at the end of each project are also available on the Student Files page; these archives are also named by project (e .g ., Triumph_AICC14_PB.zip) .
atc fontS
You must download and install the ATC fonts from the Student Files Web page to ensure that your exercises and projects work as described in the book . You should replace older (pre-2013) ATC fonts with the ones on the Student Files Web page .
SoftwaRe veRSIonS
Th is book was written and tested using the 2014 release of Adobe Illustrator CC (v 18 .0) software, as released in June 2014 . (You can fi nd the specifi c version number in the Splash Screen that appears while your application is launching .)
Because Adobe has announced periodic upgrades rather than releasing new full versions, some features and func-tionality might have changed since publication . Please check the Errata section of the Against Th e Clock Web site for any signifi cant issues that might have arisen from these periodic upgrades .
SyStem ReQuIRementS
Th e Professional Portfolio Series was designed to work on both Macintosh or Windows computers; where diff erences exist from one platform to another, we include specifi c instructions relative to each platform . One issue that remains diff erent from Macintosh to Windows is the use of diff erent modifi er keys (Control, Shift, etc .) to accomplish the same task . When we present key commands, we always follow the same Macintosh/Windows format — Macintosh keys are listed fi rst, then a slash, followed by the Windows key commands .