Adobe creative suite 6 design and web premium digital classroom

Jennifer Smith’s books on Photoshop, Illustrator, and the Creative Suite tools include the Photoshop Digital Classroom, the Illustrator Digital Classroom, and the Adobe Creative Suite f

Adobe®

Creative Suite® 6 Design & Web

Premium

Digital Classroom

Adobe®

Creative Suite® 6 Design & Web

Premium

Digital Classroom

Jennifer Smith, Jeremy Osborn, and the AGI Creative Team

Adobe® Creative Suite® CS6 Design & Web Premium Digital Classroom

Published byJohn Wiley & Sons, Inc

10475 Crosspoint Blvd

Indianapolis, IN 46256Copyright © 2012 by John Wiley & Sons, Inc., Indianapolis, IndianaPublished simultaneously in Canada

ISBN: 978-1-118-12405-5 Manufactured in the United States of America10987654321

No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form

or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600 Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 748-6011, fax (201) 748-6088, or online at http://www.wiley.com/go/permissions

Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifi cally disclaim all warranties, including without limitation warranties of fi tness for a particular purpose No warranty may be created or extended by sales or promotional materials The advice and strategies contained herein may not be suitable for every situation This work is sold with the understanding that the publisher is not engaged in rendering legal, accounting, or other professional services

If professional assistance is required, the services of a competent professional person should be sought Neither the publisher nor the author shall be liable for damages arising herefrom The fact that an organization or website is referred to in this work as a citation and/or a potential source of further information does not mean that the author or the publisher endorses the information the organization or website may provide or recommendations it may make Further, readers should be aware that Internet websites listed in this work may have changed or disappeared between when this work was written and when it is read

For general information on our other products and services or to obtain technical support, please contact our Customer Care Department within the U.S at (877) 762-2974, outside the U.S at (317) 572-

3993 or fax (317) 572-4002

Wiley publishes in a variety of print and electronic formats and by print-on-demand Some material included with standard print versions of this book may not be included in e-books

or in print-on-demand If this book refers to media such as a CD or DVD that is not included

in the version you purchased, you may download this material after registering your book at www.digitalclassroombooks.com/CS6/DesignandWebPremium For more information about Wiley products, visit www.wiley.com

Please report any errors by sending a message to errata@agitraining.comLibrary of Congress Control Number: 2012938093

Trademarks: Wiley and the John Wiley & Sons logos are trademarks or registered trademarks of John Wiley & Sons, Inc and/or its affi liates in the United States and/or other countries, and may not be used without written perm ission The AGI logo is a trademark of American Graphics Institute, LLC in the United States and other countries, and may not be used without written permission All other trademarks are the property of their respective owners John Wiley & Sons, Inc is not associated with any product or vendor mentioned in this book

About the Authors

Jennifer Smith is a designer, educator, and author She has authored more than 20 books on digital

design and creative software tools She provides consulting and training services across a wide

range of industries, including working with software developers, magazine publishers, catalog and

online retailers, as well as some of the biggest names in fashion, apparel and footwear design When

not writing and consulting you’ll often fi nd her delivering professional development workshops

for colleges and universities Jennifer also works extensively in the fi eld of web usability and user

experience design, working alongside application developers and web developers to create engaging

and authentic experiences for users on mobile devices, tablets, and traditional computers She has

twice been named a Most Valuable Professional by Microsoft for her work in user experience (UX) and

user interface (UI) design fi elds, and her leadership in educating users on how to integrate design and

development skills

Jennifer Smith’s books on Photoshop, Illustrator, and the Creative Suite tools include the Photoshop

Digital Classroom, the Illustrator Digital Classroom, and the Adobe Creative Suite for Dummies, all

published by Wiley She has also authored Wireframing and Prototyping with Expression Blend &

Sketchfl ow Jennifer is the cofounder of the American Graphics Institute You can fi nd her blog and

contact her at JenniferSmith.com and follow her on Twitter @jsmithers.

Jeremy Osborn is the Content Director at American Graphics Institute (agitraining.com) He has more

than 15 years of experience in web and graphic design, fi lmmaking, writing, and publication

develop-ment for both print and digital media He has contributed to several of the Digital Classroom book

series Jeremy holds a MS in Management from the Marlboro College Graduate Center and a BFA in

Film/TV from the Tisch School of the Arts at NYU

The AGI Creative Team is composed of Adobe Certifi ed Experts and Adobe Certifi ed Instructors

from American Graphics Institute (AGI) The AGI Creative Team has authored more than 25 Digital

Classroom books, and previously created many of Adobe’s offi cial training guides They work with

many of the world’s most prominent companies, helping them use creative software to communicate

more eff ectively and creatively They work with design, creative, and marketing teams around the

world, delivering private customized training programs, and teach regularly scheduled classes at

AGI’s locations The Digital Classroom authors are available for professional development sessions at

companies, schools and universities More information at agitraining.com.

Thanks to our many friends at Adobe Systems, Inc who made this book possible and assisted with questions and feedback during the writing process To the many clients of AGI who have helped us better understand how they use Photoshop and provided us with many of the tips and suggestions found in this book A special thanks to the instructional team at AGI for their input and assistance in the review process and for making this book such a team eff ort

Thanks to iStockPhoto (iStockPhoto.com) for their permission to use exclusive photographers for images throughout the Adobe Creative Suite 6 Design and Web Premium Digital Classroom book.

Additional Writing

Christopher Smith, Greg Heald, Chad Chelius

President, American Graphics Institute and

Digital Classroom Series Publisher

Graphics and Production Specialist

Jason Miranda, Spoke & Wheel

Media Development Project Supervisor

Register your Digital Classroom book

for exclusive benefi ts

The most current lesson fi les Technical resources and customer support Notifi cations of updates

On-line access to video tutorials

Downloadable lesson fi les

Samples from other Digital Classroom books

Register your book today at

Registered owners receive access to:

Register at DigitalClassroomBooks.com/CS6/DesignandWebPremium

DigitalClassroom

Starting up

About Digital Classroom 1

Prerequisites .1

Adobe Photoshop CS6 versions .2

System requirements 2

Starting the Adobe Creative Suite 6 Design & Web Premium applications .3

Resetting Adobe Photoshop CS6 preferences 4

A note about color warnings .5

Resetting the Dreamweaver workspace .5

Resetting the Flash workspace .5

Resetting Adobe Illustrator CS6 preferences 5

Resetting the InDesign workspace and preferences .7

Fonts used in this book .7

Loading lesson files .8

Working with the video tutorials 9

Additional resources .10

Bridge Lesson 1: Taking Advantage of Adobe Bridge Starting up 11

What is Adobe Bridge? .12

Navigating through Bridge 12

Using folders in Adobe Bridge .14

Making a Favorite .17

Creating and locating metadata .19

Using keywords .21

Creating a Metadata Template 22

Opening a file from Adobe Bridge .24

Searching for files using Adobe Bridge 24

Searching by name or keyword .25

Using the Filter panel 26

Saving a Collection .27

Automation tools in Adobe Bridge 28

Batch renaming your files 28

Additional Photoshop Tools 30

Automated tools for Photoshop: Web Photo Gallery .31

Saving or uploading your Web Gallery .33

Automated tools for Photoshop: PDF contact sheet .35

Changing the view 37

Self study .39

Review 39

Photoshop Lesson 1: Exploring Photoshop CS6 Starting up 41

Taking a look at the final project 42

Experimenting with new Vector capabilities 43

Filling a vector shape with a pattern .44

Adding a mask to a Vector layer 48

Using the new brush tips 48

Saving the new Brush .50

Adding strokes to vector images 51

Cloning your new snowflake .54

Adding Text layers from another document .55

Updating text styles 59

Cropping an image .59

Self study .61

Review 61

Photoshop Lesson 2: Getting to Know the Workspace Starting up 63

Opening an existing document in Mini Bridge 64

Discovering the Tools panel 66

Selection, Cropping, and Measuring Tools 66

Retouching and Painting Tools .67

Drawing and Type Tools .67

Navigation Tools 67

Accessing tools and their options 68

Using panels 72

Putting the panel system to use .73

Choosing other panels .75

Expanding and collapsing your panels .76

Customizing your panels 77

Hidden tools 79

Navigating the image area .82

Using the Zoom tool .82

Using the Hand tool 84

Tabbed windows .85

Maximizing productivity with screen modes .86

Self study .89

Review 89

Photoshop Lesson 3: Photoshop Basics Starting up 91

A look at the finished project 92

Opening an existing document .93

Understanding document settings .93

Viewing an image’s size and resolution .93

Combining the images 95

Using Copy and Paste 95

Dragging and dropping to copy an image 95

Transforming and editing combined images .97

Changing the size of a placed image 98

Removing a background .99

Understanding the stacking order of layers .100

Refining the edges of copied images 101

Adding text 102

Saving files 103

Understanding file formats 103

Choosing a file format 104

Saving a JPEG file 104

Saving for print 105

Changing the color settings 105

Adjusting image size 107

Saving a Photoshop PDF file 108

Self study 109

Review 109

Photoshop Lesson 4: Making the Best Selections

Starting up 111

The importance of a good selection 112

Using the Marquee tools 112

Creating a square selection 115

Creating a selection from a center point 117

Changing a selection into a layer 118

Working with the Magic Wand tool 120

The Lasso tool 122

Adding to and subtracting from selections 123

Saving a selection 125

Feathering the selection 125

Using the Quick Selection tool 127

Making difficult selections with the Refine Edge feature 128

Using Quick Mask 130

Saving selections 133

Copying and pasting a selection 135

Using the Pen tool for selections 136

Using the Pen tool to select an area of an image 139

More Pen tool selection techniques 141

Converting a path to a selection 145

Self study .146

Review 146

Photoshop Lesson 5: Painting and Retouching Starting up 147

Setting up your color settings 148

Color primer 148

Understanding color gamut 148

The RGB color model 149

The CMYK color model 149

Working in the RGB mode 150

Editing color settings 151

Selecting colors 154

Starting to paint 156

Using the Color panel 157

Using the Brush tool 158

Changing opacity 160

Save time—learn the shortcuts 161

Using the Brush Presets 162

Using the Airbrush feature 164

Creating a Border using the Bristle brushes 166

Applying color to an image 167

Changing blending modes 169

The Eyedropper tool 170

Retouching images 173

Using the Clone Stamp tool 173

Repairing fold lines 175

The History panel 177

The Spot Healing Brush 178

The Healing Brush 178

Using the Patch tool 180

Using the Clone Source panel 181

Cloning from another source 184

Self study 186

Review 186

Photoshop Lesson 6: Creating a Good Image Starting up 187

Choosing your color settings 188

Opening the file 189

Why you should work in RGB 190

Reading a histogram 191

Making the Curve adjustment 192

Defining the highlight and shadow 194

Locating the White and Black Point 195

Inputting the white and black point values 195

Adjusting the midtones 201

Setting the neutral 204

Sharpening your image 207

Comparing your image with the original 209

Taking care of red eye 210

Using the Camera Raw plug-in 211

Using Camera Raw controls 215

Saving a DNG file 217

Reopening a DNG file 218

Self study 219

Review 220

Dreamweaver Lesson 1: Dreamweaver CS6 Jumpstart Starting up 221

What is Dreamweaver? 222

Design and layout tools 222

Site management and File Transfer Protocol 223

Coding environment and text editor 223

Mobile design and development features .224

Who uses Dreamweaver? 224

Dreamweaver’s workspace features .225

Live View and Live Code 228

CSS Inspection and the Enable/Disable Feature .229

Related files 230

Code Navigator 231

Photoshop smart objects .232

Support for Content Management Systems 232

HTML5, CSS3, and PHP code hinting 233

HTML and CSS Starter Pages 233

Subversion .234

Business Catalyst integration 234

How websites work 234

A simple flow chart 234

Domain names and IP addresses 235

Servers and web hosts .235

The role of web browsers .235

An introduction to HTML 236

Tag structure and attributes .236

The structure of an HTML document 239

Placing images in HTML .240

Colors in HTML 242

Case sensitivity and whitespace rules 243

Element hierarchy 245

XHTML 1.0 Transitional 245

What’s the difference? 245

Explorations in code .246

A look at the Welcome Screen 247

Creating, opening, and saving documents .248

Creating new documents .248

Self study .250

Review 250

Dreamweaver Lesson 2: Setting Up a New Site Starting up 251

Creating a new site .252

Advanced site-creation options .255

Adding pages 257

Saving a page to your site .260

Defining page properties 261

Work views 267

A deeper look into the Files panel 270

Viewing local files 271

Selecting and editing files 271

Self study .273

Review 273

Dreamweaver Lesson 3: Adding Text and Images Starting up 275

Typography and images on the Web 276

Adding text 276

An introduction to styles 281

Previewing pages in a web browser 285

Understanding hyperlinks 286

Creating hyperlinks 287

Relative versus absolute hyperlinks 289

Linking to an e-mail address 291

Creating lists .292

Using the Text Insert panel 294

Inserting images 295

Image resolution .295

Image formats 295

Creating a simple gallery page 296

Linking images .299

Using image placeholders .300

Editing images 301

Adjusting brightness and contrast 301

Optimizing images .302

Updating images .303

Self study .304

Review 304

Dreamweaver Lesson 4: Styling Your Pages with CSS Starting up 305

What are Cascading Style Sheets? 306

CSS replaces inefficient HTML styling 307

The benefits of CSS styling .308

How do you create CSS rules in Dreamweaver? 310

Understanding Style Sheets 314

Understanding why they’re called Cascading 317

Creating and modifying styles 318

Creating a class style with the Property Inspector 320

Creating and modifying styles in the CSS Styles panel 323

Advanced text formatting with CSS 324

Fine-tuning page appearance with contextual and pseudo-class selectors 327

Div tags and CSS IDs 331

Internal versus external style sheets 332

Attaching an external style sheet to your page 334

Modifying attached style sheets 334

Creating a new css file (external style sheet) 336

Self study .338

Review 338

Dreamweaver Lesson 5: Managing your Website: Reports,

Optimization, and Maintenance

Starting up 339

Working with the Files panel .340

Creating a remote connection .340

Viewing files on a remote web server 344

Transferring files to and from a remote server with Get and Put 345

Using Check In/Check Out and Design Notes .347

Check In and Check Out .347

Checking files in and out 349

Using Design Notes 350

Sharing Design Notes 351

Displaying Design Notes in the Files panel 352

Testing site integrity 353

Using Check Links 353

Checking links sitewide 354

Generating site reports .356

Understanding report results .358

Addressing a listed item 358

The Browser Compatibility Check .360

Optimizing pages for launch .360

Search engine visibility and Search Engine Optimization .360

Titling your documents with the <title> tag .360

Adding meta keywords and descriptions 363

Launching your site .364

Site Launch Checklist .364

Uploading your site .365

Getting help and using the reference guides .366

The Reference panel .367

Suggested next steps 367

Website design resources 368

Self study .369

Review 369

Flash Lesson 1: Flash CS6 Jumpstart

Starting up 371What is Flash? 372About Flash Player 374Flash file types 375Creating a new document 376Setting up your new document 377Saving your Flash document 379Opening documents 380The Flash workspace 381The Stage and work area 381The Flash Tools panel 383The Property Inspector .385Panels and panel groups .390The Timeline 392Practicing with the Flash tools .395The drawing and selection tools in action .395Using gradient and color tools 400Animation in action .402Getting help 404Support forums .405Moving forward 405Self study .406Review 406

Flash Lesson 2: Getting Started with the Drawing Tools

Starting up 407Drawing in Flash 408Using the Merge Drawing mode 408Creating artwork in Merged Drawing mode .409Working with Drawing Objects 411Putting it all together 414Using the Line tool 416Using the Pen tool 419Using the Add and Delete Anchor Point tools 421Using the Combine Objects menu .423

Using the Primitive tools (Smart Shapes) 426Using the Oval Primitive tool 426The Rectangle Primitive tool 428Adding text to your artwork 431Flash Text: TLF & Classic Text 431Working with Threaded and Multi-Column Text .434Adding filters 436Working with colors 437Getting set up 437Creating gradients .438Using opacity with gradient colors 441Creating custom colors .442Saving a custom color set 442Organizing and layering graphics .443Working with layers .443Arranging, locking, and hiding layers .445Creating layer folders 446Transforming graphics .448The Transform menu and Free Transform tool .448The Transform panel .450Transforming gradients 452Self study .454Review 454

Flash Lesson 3: Creating Basic Animation

Starting up 455Introducing keyframes and the Timeline 456Layers .456Frames and keyframes .456Building animation: Enter the tween 460Tween layers and automatic keyframing .460Tweening multiple objects .464Previewing animation with Test Movie 465Moving and transforming tween paths .466Incorporating color effects and scaling .468Introducing the Motion Editor .469

Modifying the animation using the Motion Editor 470Tweening rotation 474Controlling animation paths 476Where did Motion Guide layers go? 477What happens to my existing Flash files

that use Motion Guide layers? 478How do I create a motion guide if I still want to? 478Morphing graphics and colors with shape tweens 478Shape tween basics 478Legacy techniques: Creating classic tweens 482Classic tween rules 484Adding color effects and scaling to a classic tween 485(Re)creating motion guides for classic tweens 486Troubleshooting Motion Guides .488Adjusting animation with onion skinning 489Self study 491Review 491

Flash Lesson 4: Delivering Your Final Movie

Starting up 493The publishing process .494Publishing to the Web 494Customizing the Publish settings 495Publishing for the Desktop with Adobe AIR 501About Digital Certificates .506Installing Your New AIR Application .506Publishing for Mobile Devices 508Publishing for iOS .508Publishing for Android OS 510Using Export Movie 513New: Export PNG Sequence 514

An overview of FTP 517Self study 518Review 518

Fireworks Lesson 1: Adobe Fireworks Jumpstart

Starting up 519About Fireworks .520Work with vector and bitmap objects .520Make graphics interactive .520Optimize and export graphics .520Website and mobile application prototyping 520Vector and bitmap graphics .520About vector graphics 520About bitmap graphics 521The startup screen 522Creating a new Fireworks document 523Workspace basics 524Fireworks workspace overview 524Other Fireworks panels 526Working with bitmaps 526Creating bitmaps 526Importing a bitmap 527Cropping a bitmap 528Applying a filter 529Working with vector objects 530Drawing and editing basic shapes 530Drawing a rectangle .530Resizing a rectangle 531Auto Shapes 532The Auto Shape tools 532Working with text 533Create and move text blocks 533Formatting and editing text .534Applying color 535Apply a sampled color 535Apply a swatch color to text 535Using the Color Mixer 536Using Layers 536The Layers panel 536Activate a layer 537

Organizing layers 538Naming layer objects .538Moving a layer object 538Protecting layer objects 539Show or hide objects and layers 539Merging objects in the Layers panel .540Deleting a layer object 541About the Web layer 541Creating slices for interactivity 542Create rectangular slices .542Resizing one or more slices 543View and select slices 543Naming slices .544Making slices interactive .544Creating master pages .544Linking the slices to your pages .547Optimizing and exporting in Fireworks .547Using Image Preview .548Setting export options 549Optimizing in the workspace 552Saving optimization settings .554Exporting selected slices 555Self study .556Review 556

Illustrator Lesson 1: Illustrator CS6 Essentials

Starting up 557Using the shape tools 558Repositioning and visually resizing the rectangle 560Finding or changing the shape’s

dimensions using the Transform panel 561Rotating and shearing using the Transform panel 562Constraining a shape .563Entering exact dimensions .564Selecting artwork .566Helpful keyboard shortcuts for selections 566

The selection tools 566Using shape and transform tools to create artwork 571Using the transform tools 571Adding a fill color .573Entering a shape size in the Transform panel 574Viewing in Outline view 575Rotating the shape 575Changing the color of the triangles 577Using layers when building an illustration 578Creating a new blank layer 579Cutting and pasting objects 579Creating bubbles 581Cloning the bubble group 582Repeating a resize transform .583Moving objects from one layer to another 585Self study .586Review 586

Illustrator Lesson 2: Adding Color

Starting up 587Basics of the Appearance panel .588Changing colors .589Adding Effects 590Creating a colorful illustration 592Using Live Paint 592Converting the artwork to a Live Paint group 595Applying Live Paint to the group .596Adding a symbol to your artwork 597Expanding the symbol .599Saving swatches .599What is a Global Color? 601Selecting the Same color 601Saving a set of colors as a group .603Creating a color group from selected colors .603Using the Color panel 604Adding Pantone (Spot) Colors 606

Adding Pantone colors 607Self study .609Review 609

Illustrator Lesson 3: Working with the Drawing Tools

Starting up 611Working with the Pen tool 612Drawing straight lines 613Drawing curved lines 615Drawing hinged curves 617Drawing curved lines to straight lines 618Drawing straight lines to curved lines 619Manually tracing images 621Placing an image as a template 621Other drawing tools 624Using the Line Segment and Arc tools 624Using the Pencil, Smooth, and Path Eraser tools 626Using the Eraser tool 628Editing existing paths .628Adding and removing points 628Refining a curve 630Cutting and joining paths 631Combining shapes using the Shape Builder tool 633Combining the shapes .636Subtracting with the Shape Builder tool 636Creating the fish eyes 638Self study .640Review 640

InDesign Lesson 1: InDesign CS6 Essential Skills

Starting up 641InDesign tools .642The InDesign workspace .643The document window 643Using guides .645Viewing modes 646Working with panels 647The Tools panel .647Managing panels 649Saving your workspace 651Working with the Control panel 652Navigating through an InDesign document 652Using the Pages panel 652Changing the magnification of your document .654Working with type 656Entering and formatting type 656Placing and formatting type 658Flowing type 659Using styles 661Applying paragraph styles 661Applying character styles 662Apply styles across a story using Find/Change 662Applying object styles .664Working with graphics 666Placing graphics .666Positioning graphics within a frame 668Applying text wrap 671Understanding layers 672Applying effects 674Resources for additional help 676Self study 678Review 678

InDesign Lesson 2: Building Documents with Master Pages

Starting up 679Planning your document 680Creating custom page sizes .680Creating a new custom-sized document .680Creating and formatting master pages 683Formatting master pages 684Adding automatic page numbers .685Using text variables .687Basing master pages on other master pages 691Overriding master page items 692Adding layout pages 697Placing formatted text .700Creating the classified page 702Adding images and text to the master frames .704Applying master pages to multiple pages 707Self study .708Review 708

InDesign Lesson 3: Working with Text and Type

Starting up 709Adding text to your document 710Creating a text frame 710Changing character attributes 712Changing font and type styles 712Adjusting size 713Adjusting line spacing 714Adjusting character spacing: kerning and tracking 714Using a baseline shift 715Changing paragraph attributes 716Horizontally aligning text 716Changing the spacing before and after paragraphs 716Using tabs 717Adding rules above or below paragraphs 721Changing text color .722Creating drop caps 724

Finding and changing text 724Finding and changing text and text attributes 724Finding and changing text using GREP 726Checking and correcting spelling 730Checking spelling .730Adding words to the dictionary 731Checking spelling as you type 732Automatically correcting spelling .734Editing text using the Story Editor 735Using Track Changes .736Drag-and-drop text editing 738Special characters and glyphs 739Using the Glyphs panel and glyph sets 741Text frame options 742Adjusting text inset 742Vertically aligning text 743Importing text 744Flowing text manually 745Threading text between frames 746Using semi-autoflow to link several text frames 747Changing the number of columns in a text frame 749Baseline grid 752Viewing and changing the baseline grid 752Adding story jumps .754Using styles to format text 755Creating a headline and applying a style 755Importing styles from other documents 757Redefining styles 757Placing text on a path 759Importing text from Microsoft Word 761Missing fonts 765Finding and fixing missing fonts 765Self study 767Review 767

InDesign Lesson 4: Working with Styles

Starting up 769Style types .770Paragraph styles 771Defining paragraph styles .771Applying paragraph styles 773Character styles 774Defining character styles 774Applying character styles 775Using nested styles 776Updating styles .778Loading styles from another InDesign document .779Quick Apply 781Organizing styles into groups 783Object styles .784Creating object styles .784Applying an object style .786Changing an object style 787Finishing up .788GREP Styles .789Self study 791Review 791

InDesign Lesson 5: Working with Graphics

Starting up 793Understanding how InDesign handles graphics 794Locating missing images 794Working with the Links panel and the Link badge 795Customizing the Links panel 799Adding graphics to your layout 800Fitting an image within an existing frame .804Auto Fitting 807Using Adobe Bridge to import graphics .808Placing multiple graphics using Mini Bridge 810Using object styles for images 813Wrapping text around images 817Wrapping text around the bounding box 817Using graphics with clipping paths and alpha channels 818Removing an image background using InDesign 821Using anchored objects 823Advanced importing 828Importing layered Photoshop files 828Importing InDesign layouts as graphics 830Self study 832Review 832

About Digital Classroom

Adobe Creative Suite 6 (CS6) Design & Web Premium is the leading software package

for creating print, web, and interactive content It includes the perfect creative tools for

designing and manipulating images, creating print layouts, building and maintaining

websites, and creating interactive and animated content CS6 Design & Web Premium

includes the tools you need to express your creative ideas

The Adobe Creative Suite 6 Design & Web Premium Digital Classroom helps you to understand

the capabilities of these software tools so you can get the most out of your software and get

up-and-running right away You can work through all the lessons in this book, or complete

only specifi c lessons that you need right now Each lesson includes detailed, step-by-step

instructions, along with lesson fi les, useful background information, and video tutorials

Adobe Creative Suite 6 Design & Web Premium Digital Classroom is like having your own

expert instructor guiding you through each lesson while you work at your own pace

This book includes 25 self-paced lessons that let you discover essential skills, explore

new features, and understand capabilities that save you time You’ll be productive right

away with real-world exercises and simple explanations Each lesson includes step-by-step

instructions, lesson fi les, and video tutorials, all of which are available on the included

DVD The Adobe Creative Suite 6 Design & Web Premium Digital Classroom lessons are

developed by the same team of Adobe Certifi ed experts that have previously created many

of the offi cial training guides for Adobe Systems

The lessons in this book cover the essential skills for using the software programs that are

part of the Adobe Creative Suite 6 (CS6) Design & Web Premium To gain a more in-depth

understanding of any of these software packages, turn to these Digital Classroom titles:

• Dreamweaver CS6 Digital Classroom

• Flash Professional CS6 Digital Classroom

• Photoshop CS6 Digital Classroom

• InDesign CS6 Digital Classroom

• Illustrator CS6 Digital Classroom

Prerequisites

Before you start the Adobe Creative Suite 6 Design & Web Premium Digital Classroom lessons,

you should have a working knowledge of your computer and its operating system You

should know how to use the directory system of your computer so that you can navigate

through folders You also need to understand how to locate, save, and open fi les, and you

should also know how to use your mouse to access menus and commands

Starting up

Before starting the lessons fi les in the Adobe Creative Suite 6 Design & Web Premium Digital

Classroom, make sure that you have installed Creative Suite 6 Design Premium The

software is sold separately, and not included with this book You may use the free 30-day trial version of the Adobe Creative Suite 6 Design & Web Premium Digital Classroom

applications available at the adobe.com website, subject to the terms of its license agreement.

Adobe Photoshop CS6 versions

Photoshop CS6 comes in two versions: Adobe Photoshop CS6 and Adobe Photoshop CS6 Extended The Extended version off ers everything you fi nd in Photoshop CS6, along with additional tools for editing video, motion-graphics, 3-D content, and performing image analysis This section of this book that covers Photoshop CS6 addresses both versions of the software Where appropriate, we have noted any features that are available only in the Extended version Adobe Photoshop CS6 is used to refer to both versions of the software throughout the book

System requirements

Before starting the lessons in the Adobe Creative Suite 6 Design & Web Premium, make

sure that your computer is equipped for running Adobe Creative Suite 6 Design &

Web Premium, which you must purchase separately These are the minimum system requirements for using the Adobe Creative Suite 6 Design & Web Premium applications:

Windows

• Intel® Pentium® 4 or AMD Athlon® 64 processor

• Microsoft® Windows® XP* with Service Pack 3 or Windows 7 with Service Pack 1

3D features and some GPU-enabled features are not supported on Windows XP

• 2GB of RAM (3GB recommended) for 32 bit; 2GB of RAM (8GB recommended) for

64 bit

• 11GB of available hard-drive space for installation; additional free space required during installation (cannot install on removable fl ash storage devices)

• 1280×800 display (1280×1024 recommended) with 16-bit color and 512MB of VRAM

• OpenGL 2.0–capable system

• DVD-ROM drive compatible with dual-layer DVDs

• Java™ Runtime Environment 1.6 (included)

• QuickTime 7.6.6 software required for HTML5 media playback and multimedia features

• Adobe® Flash® Player 10 software required to export SWF fi les

• Broadband Internet connection and registration are required for software activation, validation of subscriptions, and access to online services

Starting the Adobe Creative Suite 6 Design & Web Premium applications

Mac OS

• Multicore Intel processor with 64-bit support

• Mac OS X v10.6.8 or v10.7

• 2GB of RAM (8GB recommended)

• 9.5GB of available hard-drive space for installation; additional free space required

during installation (cannot install on a volume that uses a case-sensitive fi le system or on

removable fl ash storage devices)

• 1280×800 display (1280×1024 recommended) with 16-bit color and 512MB of VRAM

• OpenGL 2.0–capable system

• DVD-ROM drive compatible with dual-layer DVDs

• Java Runtime Environment 1.6

• QuickTime 7.6.6 software required for HTML5 media playback and multimedia features

• Adobe Flash Player 10 software required to export SWF fi les

• Broadband Internet connection and registration are required for software activation,

validation of subscriptions, and access to online services

Starting the Adobe Creative Suite 6 Design & Web Premium

applications

As with most software, Adobe Creative Suite 6 Design & Web Premium is launched by

locating the application in your Programs folder (Windows) or Applications folder (Mac

OS) If you are not familiar with starting the program, follow these steps to start the

desired Adobe Creative Suite 6 Design & Web Premium application:

Windows

1 Choose Start > All Programs > Adobe Photoshop, Dreamweaver, InDesign, Flash,

Fireworks, or Illustrator CS6 If you have a Creative Suite installed, you will navigate

to that folder to locate the Photoshop, Dreamweaver, InDesign, Flash, Fireworks, or

Illustrator CS6 folder

2 Close the Welcome Screen when it appears

Mac OS

1 Open the Applications folder, and then open the Adobe Photoshop, Dreamweaver,

InDesign, Flash, Fireworks, or Illustrator CS6 folder If you have a Creative Suite

installed, you will open that folder to locate the Photoshop, Dreamweaver, InDesign,

Flash, Fireworks, or Illustrator CS6 folder

2 Double-click on the Adobe Photoshop, Dreamweaver, InDesign, Flash, Fireworks, or

Illustrator CS6 application icon

Resetting Adobe Photoshop CS6 preferences

3 Close the Welcome Screen when it appears

Menus and commands are identifi ed throughout the book by using the greater-than symbol (>)

For example, the command to print a document is identifi ed as File > Print.

Resetting Adobe Photoshop CS6 preferences

When you start Adobe Photoshop, it remembers certain settings along with the confi guration of the workspace from the last time you used the application It is important that you start each lesson using the default settings so that you do not see unexpected results when working with the lessons in this book The method described in the following steps restores Photoshop back to the original setting If you have made changes

to your Colors Settings and wish to maintain them, follow the steps in the section, “Steps

to reset default settings, but keep color settings.”

Steps to reset Adobe Photoshop CS6 preferences

1 If Photoshop is open, choose File > Exit (Windows) or Photoshop > Quit (Mac OS)

2 Press and hold the Ctrl+Alt+Shift keys (Windows) or Command+Option+Shift keys (Mac OS) simultaneously while launching Adobe Photoshop CS6

3 A dialog box appears verifying that you want to delete the Adobe Photoshop settings fi le

Release the keys then press OK

Steps to reset default settings, but keep color settings

As you reset your preferences to the default settings, you may wish to keep your color settings This is important if you have created specifi c color settings, or work in a color-calibrated environment

Use the following steps to reset your Adobe Photoshop CS6 preferences and save your color settings

1 Launch Adobe Photoshop CS6

2 Choose Edit > Color Settings, and then press the Save button The Save dialog box opens Enter an appropriate name for your color settings, such as the date Leave the destination and format unchanged, then press the Save button The Color Settings Comment dialog box opens

3 In the Color Settings Comment dialog box, enter a description for the color settings you are saving and then press OK Press OK again in the Color Settings dialog box to close it You have saved your color settings so they can be accessed again in the future

4 Choose File > Quit, to exit Adobe Photoshop CS6

Resetting Adobe Illustrator CS6 preferences

5 Press and hold the Ctrl+Alt+Shift keys (Windows) or Command+Option+Shift

keys (Mac OS) simultaneously when launching Adobe Photoshop CS6 A dialog box

appears verifying that you want to delete the Adobe Photoshop settings fi le Release

the keys then press OK

6 After Adobe Photoshop CS6 launches choose Edit > Color Settings The Color

Settings dialog box appears

7 From the Settings drop-down menu, choose your saved color settings fi le Press OK

Your color settings are restored

A note about color warnings

Depending upon how your Color Settings are confi gured, there may be times when you

will receive a Missing Profi le or Embedded Profi le Mismatch warning when working in

the Photoshop section of this book If you reset your preferences before each lesson, you

should not see these color warnings

If you do receive Missing Profi le and Embedded Profi le Mismatch warnings when

working in the Photoshop section of this book, choose the Assign working option, or

Convert document’s colors to the working space The warning will not impact your

completion of the lessons

Resetting the Dreamweaver workspace

When you get to the Dreamweaver section of this book you can make certain that your

panels and working environment are consistent Do this by resetting your workspace at the

start of each Dreamweaver lesson To reset the Dreamweaver workspace, choose Window

> Workspace Layout > Designer

Resetting the Flash workspace

When you get to the Flash section of this book you can make certain that your panels and

working environment are consistent Do this by resetting your workspace at the start of each

Flash lesson To reset the Flash workspace, choose Window > Workspace > Reset ‘Essentials.’

Resetting Adobe Illustrator CS6 preferences

When you start Adobe Illustrator, it remembers certain settings along with the

confi guration of the workspace from the last time you used the application It is useful for

you to start each of the Adobe Illustrator lessons in this book using the default settings so

that you do not see unexpected results You can use the following steps to reset the Adobe

Illustrator CS6 preferences

In order to reset your preferences you will need to quit Illustrator and locate the

preferences In Windows and the Mac OS these are in two separate locations If you are

working on a Windows system you may need to change the folder’s view settings in order

Resetting Adobe Illustrator CS6 preferences

to fi nd the preferences Keep in mind that when you reset your preferences you lose saved colors, styles and other preferences that might be important to you If you wish to save your preferences, rename them instead of deleting them; Illustrator will create all new preferences if it cannot locate the appropriately named folder

Steps to resetting Windows preferences

1 Quit Adobe Illustrator CS6

2 In Windows, verify that you can fi nd the hidden AppData folder by opening your

Control Panel and typing Folder Options into the search text fi eld in the upper-right

of the Control panel dialog box

3 When Folder Options appears, click on Show hidden fi les and folders

4 In the View tab of Folder Options click on the radio box to select Show hidden fi les, folders and drives Click OK

In Windows you may have to change your folders to show Hidden folders.

5 Select C:\Users\user name\AppData\Roaming\Adobe\Adobe Illustrator\

6 Select the folder named Adobe Illustrator CS6 Settings If you want

to save custom settings to restore at a later time, rename this fi le

Adobe Illustrator CS6 Settings folder_old.

7 If you want to delete the preferences and start with new clean preferences, delete the entire Adobe Illustrator CS6 Settings folder

8 Relaunch Adobe Illustrator CS6 Your preferences are back to the original settings