Adobe* Creative Suite9 5. Design Premium. Digital. Classroom. Jennifer Smith, Jeremy Osborn and AGI Creative Team. Wiley Publishing, Inc.

Transcription

1 Adobe* Creative Suite9 5 Design Premium Digital Classroom Jennifer Smith, Jeremy Osborn and AGI Creative Team Wiley Publishing, Inc.

2 Starting Up About Adobe Creative Suite 5 Design Premium Digital Classroom Prerequisites Adobe Photoshop CS5 versions System requirements Starting the Adobe Creative Suite 5 Design Premium applications Resetting Adobe Photoshop CS5 preferences A note about color warnings Resetting the Flash workspace Resetting Adobe Illustrator CS5 preferences Resetting the InDesign workspace and preferences Fonts used in this book Loading lesson files XXIX Working with the video tutorials XXX Setting up for viewing the video tutorials XXX Viewing the video tutorials with the Adobe Flash Player Additional resources XXIII XXIII XXIV XXIV XXV XXVI XXVI XXVI XXVII XXVIII XXVIII XXXI XXXII Bridge Lesson 1: Using Adobe Bridge 1 What is Adobe Bridge? 2 Navigating through Bridge 2 Using folders in Adobe Bridge 4 Making a Favorite 6 Creating and locating metadata 7 Using keywords 9 Creating a Metadata Template 11 Opening a file from Adobe Bridge 12 Searching for files using Adobe Bridge 12 Searching by name or keyword 13 Using the Filter panel 13 Saving a Collection 14 Automation tools in Adobe Bridge 16 Batch renaming your files 16 Automated tools for Photoshop: Web Photo Gallery 17 Saving or uploading your Web Gallery 19 Automated tools for Photoshop: PDF contact sheet 20 Changing the view Review 24 Table of Contents

3 , ^***»^., ' _.... Contents Photoshop Lesson 1: Exploring Photoshop 25 /^^-s^^ Taking a look at the final project 26 flll'l^jmi...,' i^».= ;"^"fc»g*.. / Creating a panorama from three images 27 ~~ T5*****^.,<c61*! _J>«i ' Cropping l-r 3 your / image 3 28 '," i*"""--' Adding a selection to your image 30. «fuk«* '"SaSSVv. ",. Fading one image into another 31,, Using the new Content-Aware feature 33 Using the improved selection features 34 Refining your selection 36 Adding a Type layer 39 Adding the Vertical text 39 Making some waves using the Puppet Warp feature 40 Photoshop Lesson 2: Getting to Know the Workspace,..,. Starting up 43 f*"" Opening an existing document in Adobe Bridge Mini Bridge 44 1 ^gfi Discovering the Tools panel 45 V * 0 Accessing tools and their options 48 M ^^ \ Hidden tools 49 a (,yie_- NT Navigating the image area 52 Using the Zoom tool 53 Using the Hand tool 55 Tabbed windows 56 Maximizing productivity with screen modes 57 Using panels 61 Putting the panel system to use 61 Choosing other panels 64 Expanding your panels 65 Customizing your panels Review 68 Photoshop Lesson 3: The Basics ofworking with Photoshop ~ Starting up 69 ^S^BPf. sipcsf '1 Viewing an image's size and resolution 71 w... Using Copy and Paste 73 Dragging and dropping to copy an image 73 VI

4 Contents Transforming and editing combined images 76 Changing the size of a placed image 76 Removing a background 78 Understanding the stacking order of layers 79 Refining the edges of copied images 80 Adding text 81 Saving files 82 Understanding file formats 82 Choosing a file format 84 Saving a JPEG file 84 Saving for print 84 Changing the color settings 85 Adjusting image size 86 Saving a Photoshop PDF file Review 89 Photoshop Lesson 4: Making the Best Selections 91 4Btti jp9b ""-'XSBMdSk The importance of a good selection 92 jar JS^^l^^*^' ff Using the Marquee tools 92 -win16 / " IT* if fi*' Creating a square selection 96 y V,jBPHHg7 y; Creating a selection from a center point 98 ^HBHKWBii Changing a selection into a layer 100 Working with the Magic Wand tool 101 The Lasso tool 104 Adding to and subtracting from selections 104 Using the Quick Selection tool 106 Understanding the Refine Selection Edge feature 107 Making difficult selections with the Refine Edge feature 110 Using Quick Mask 112 Saving selections 115 Copying and pasting a selection 116 Using the Pen tool for selections 117 Using the Pen tool to select an area of an image 120 More Pen tool selection techniques 122 Converting a path to a selection Review 127 Table of Contents <w

5 *jhii Contents Photoshop Lesson 5: Painting and Retouching f - t, "vg'i'.-, Setting up your color settings Jfaa* Color primer _ JyU f * Understanding color gamut 130 The RGB color model 131 The CMYK color model 131 Working in the RGB mode 132 Editing color settings 133 Selecting colors 136 Starting to paint 138 Using the Color panel 139 Using the Brush tool 140 Changing opacity 142 Save time learn the shortcuts 143 Using the New Brushes 144 Using the Airbrush feature 147 Creating a Border using the Bristle brushes 148 Applying color to an image 149 Changing blending modes 150 The Eyedroppertool Retouching images Using the Clone Stamp tool 156 Repairing fold lines 157 The Historypanel 159 The Spot Healing Brush 160 The Healing Brush 160 Using the Patch tool 162 Using the Clone Source panel 163 Cloning from another source Review 168 Photoshop Lesson 6: Creating a Good Image Choosing your color settings 170 Opening the file 171 Why you should work in RGB 172 Reading a histogram 172 Making the Curve adjustment 174 Defining the highlight and shadow 177 Locating the White and Black Point VIII Adobe Creative Suite 5 Design Premium Digital Classroom

6 Contents Inputting the white and black point values 178 Adjusting the midtones 184 Setting the neutral 187 Sharpening your image 190 Comparing your image with the original 193 Taking care of red eye 194 Using the Camera Raw plug-in 195 Using Camera Raw controls 200 Saving a DNG file 202 Reopening a DNG file Review 205 Dreamweaver Lesson V. Dreamweaver CS5 Jumpstart 207 What is Dreamweaver? 208 Design and layout tools 208 Site management and FileTransfer Protocol 208 Coding environment and text editor 209 Who uses Dreamweaver? 209 An overview of features 210 Live View 212 Related files 214 Code Navigator 214 Photoshop smart objects 215 How web sites work 216 A simple flow chart 216 Domain names and IP addresses 216 Servers and web hosts 217 The role of web browsers 217 An introduction to HTML 217 Tag structure and attributes 218 The structure of an HTML document 220 Placing images in HTML 221 Colors in HTML 224 Case sensitivity and whitespace rules 224 Tag hierarchy 227 XHTML 1.0 Transitional 227 What's the difference? 228 Explorations in code 228 A look at the Welcome Screen 229 Creating, opening, and saving documents 230 Table of Contents u

7 Contents Creating new documents Review 232 Dreamweaver Lesson 2: Setting Up a New Site Creating a new site 234 ^"^:.:^~":l'.x'.t,7..) Advanced site-creation options 237 ^ Adding pages 239 I r."::.;v;:.\ "~- '~Y-~~ Saving a page to your site 243 j ;:;y':v";y' Defining page properties r-b-, Work views 250 A deeper look into the Files panel 252 Viewing local files 253 Selecting and editing files Review Dreamweaver Lesson 3: Adding Text and Images *. \ 257 Typography and images on the web 258 Adding text 258 ^JiiP*: An introduction to styles 261 jfjy*^bta*> ^ ^-S*' Previewing pages in a web browser 265 Understanding hyperlinks 266 Creating hyperlinks 267 Relative versus absolute hyperlinks 268 Linking to an address 270 Creating lists 271 Using the Text Insert panel 273 Inserting images 274 Image resolution 274 Image formats 274 Creating a simple gallery page Linking images 278 Using image placeholders 279 Editing images Adjusting brightness and contrast 280 Resizing images 281 Updating images Review 284 Adobe Creative Suite 5 Design Premium Digital Classroom

8 >. ' ~. Viewing Dreamweaver Lesson 4: Styling Your Pages with CSS ^ o ^.. ~r Jzzr" *s* «-';-? ""~~ 285 What are Cascading Style Sheets? 286 A little bit of ancient history: when fe-- <font> tags roamed the Earth 287 'y The dawn of CSS How do you create CSS rules in Dreamweaver? 290 Understanding Style Sheets 295 Understanding why they're called Cascading 298 Creating and modifying styles 299 Creating a class style with the Property Inspector 301 Creating and modifying styles in the CSS Styles panel 303 Advanced text formatting with CSS 305 Fine-tuning page appearance with contextual and pseudo-class selectors 306 Div tags and CSS IDs 310 Internal versus external style sheets 312 Attaching an external style sheet to your page 314 Modifying attached style sheets 315 Creating a new.ess file (external style sheet) 316 Adobe Device Central Review 319 Dreamweaver Lesson 5: Managing Your Web Site: Reports, Optimization, and Maintenance 321 i~ Working with the Files panel 322 L. Z~~~^m+? 1 Creating a remote connection 322 fsm^saaa- files on a remote web j server 326 r~~t\j Transferring files to and from a remote TTTTr ^fe* server with Get and Put 326 Using Check In/Check Out and Design Notes 328 Check In and Check Out 328 Using Design Notes 331 Sharing Design Notes 332 Displaying Design Notes in the Files panel 333 Testing site integrity 333 Using Check Links 334 Checking links sitewide 335 Generating site reports 336 Understanding report results 338 Addressing a listed item 338 Saving reports 339 Table of Contents

9 , Contents The Browser Compatibility Check 339 The CSS Advisor 340 Optimizing pages for launch 341 Search engine visibility and Search Engine Optimization 341 Titling your documents with the <title> tag 341 Adding meta keywords and descriptions 344 Describing images with alternate text 345 Launching your site 347 Site Launch Checklist 347 Uploading your site 347 Getting help and using the reference guides 349 The Reference panel 350 Suggested next steps 352 Review Flash Lesson 1: Flash CS5 Jumpstart 353 What is Flash? 354 : *: Sr x*mrnim> - " * MmBTT:' About Flash Player 356 Flash file types 357 Creating a new document 358 * '2 Setting up your new document 359 * ' =,,ijjt' «a Saving your Flash document 360 Opening documents 361 The Flash workspace 363 The Stage and work area 363 The Flash Tools panel 364 The Property Inspector 366 Panels and panel groups 370 TheTimeline 372 Practicing with the Flash tools 376 The drawing and selection tools in action 376 Using gradient and color tools 379 Animation in action 382 Getting help 383 Support forums 383 Moving forward Review 384 <ll

10 Contents Flash Lesson 2: Getting Started with the Drawing Tools 385 Drawing in Flash 386 Using the Merge Drawing model 386 Creating artwork in Merged Drawing mode 387 Working with Drawing Objects 389 Putting it all together 391 Using the Line tool 393 Using the Pen tool 396 Using the Add and Delete Anchor Point tools 398 Using the Combine Objects menu 400 Using the Primitive tools (Smart Shapes) 402 Using the Oval Primitive tool 403 The Rectangle Primitive tool 405 Adding text to your artwork 409 New & Improved: Flash TLFText 409 New: Working with Threaded and Multi-Column Text 411 Adding filters 413 Working with colors 414 Getting set up 415 Creating gradients 416 Using opacity with gradient colors 418 Creating custom colors 419 Saving a custom color set 420 Organizing and layering graphics 421 Working with layers 421 Arranging, locking, and hiding layers 423 Creating layer folders 424 Transforming graphics 425 The Transform menu and Free Transform tool 425 TheTransform panel 428 Transforming gradients Review 432 Flash Lesson 3: Creating Basic Animation i 434 If Building animation: Enter the tween fg 438 Table of Contents i

11 " Tweening multiple objects 442 Previewing animation with Test Movie 443 Moving and transforming tween paths 444 Incorporating color effects and scaling 446 Introducing the Motion Editor 447 Modifying the animation using the Motion Editor 448 Tweening rotation 452 Controlling animation paths 454 Where did Motion Guide layers go? 455 What happens to my existing Flash files that use Motion Guide layers? 455 How do I create a motion guide if I still want to? 456 Morphing graphics and colors with shape tweens 456 Shape tween basics 456 Legacy techniques: Creating classic tweens 460 Adding color effects and scaling to a classic tween 462 (Re)creating motion guides for classic tweens 463 Troubleshooting Motion Guides 465 Adjusting animation with onion skinning 465 Looking ahead Review 468 Flash Lesson 4: Delivering Your Final Movie 469 A'JH-A '' vhl^^ttj^^^^ F Wk Customizing the Publish settings 471 Publishing for the Desktop with Adobe AIR 476 Installing Your New AIR Application 480 CD-ROM delivery 481 Creating a standalone projector 481 Using Export Movie 483 An overview of FTP 484 Using Adobe Device Central in Flash Review 488 Adobe Creative Suite 5 Design Premium Digital Classroom

12 Fireworks Lesson 1: Adobe Fireworks Jumpstart Fw I 489 About Fireworks 490 Work with vector and bitmap objects 490 Make graphics interactive 490 Optimize and export graphics 490 Vector and bitmap graphics 490 About vector graphics 491 About bitmap graphics 491 The startup screen 492 Creating a new Fireworks document 492 Workspace basics 493 Fireworks workspace overview 494 Other Fireworks panels 496 Working with bitmaps 496 Creating bitmaps 496 Importing a bitmap 497 Cropping a bitmap 498 Applying a filter 499 Working with vector objects 500 Drawing and editing basic shapes 501 Drawing a rectangle 501 Resizing a rectangle 502 Auto Shapes 503 The Auto Shape tools 503 Working with text 504 Create and move text blocks 504 Formatting and editing text 506 Applying color 506 Apply a sampled color 506 Apply a swatch color to text 507 Using the Color Mixer 507 Using Layers 507 The Layers panel 508 Activate a layer 508 Organizing layers 508 Naming layer objectsv 509 Moving a layer object 509 Protecting layer objects 510 Show or hide objects and layers 510 Merging objects in the Layers panel 511 Deleting a layer object 512 About the Web layer 512 Table of Contents

13 "" ' ' Finding Contents Creating slices for interactivity 512 Create rectangular slices 512 Resizing one or more slices 513 View and select slices 514 Naming slices 514 Show and hide slices 515 Making slices interactive. 515 About rollovers 515 Adding simple interactivity to slices 515 Create and attach a simple rollover 516 Optimizing and exporting 518 Using the Export Wizard 519 Using the Image Preview 521 Changing the preview area 521 Setting export options 522 Exporting using Image Preview 524 Optimizing in the workspace 525 Saving optimization settings 526 Exporting a single image 527 Export a sliced document 527 Exporting selected slices 528 Results of exporting Review 530 Illustrator Lesson 1: Illustrator CS5 Essentials i 531 s-4htl Using the shape tools 532 J %rv- V* ' *' '/O Repositioning and visually resizing the rectangle 534 "';!\J Jf H,:mmi I 151 _ '^tej I or changing the shape's dimensions using the Transform 3 panel r 535 Rotating and shearing using the Transform panel 536 Constraining a shape 537 Entering exact dimensions 538 Selecting artwork 540 Helpful keyboard shortcuts for selections 540 The selection tools 540 Using shape and transform tools to create artwork 544 Using the transform tools 545 Adding a fill color 546 Entering a shape size in the Transform panel 547 Viewing in Outline view 548 Rotating the shape 549 XVI Adobe Creative Suite 5 Design Premium Digital Classroom

14 .. Contents Changing the color of the triangles 551 Using layers when building an illustration 551 Creating a new blank layer 552 Cutting and pasting objects 553 Creating bubbles 555 Cloning the bubble group 556 Repeating a resize transform 558 Moving objects from one layer to another Review 561 Illustrator Lesson 2: Adding Color 563 Basics of the Appearance panel 564 Changing colors 565 Adding Effects 566 Creating a colorful illustration 568 Using Live Paint 568 Converting theartworkto a Live Paint group 571 Applying Live Paint to the group 572 Adding a symbol to your artwork 573 Expanding the symbol 574 Saving swatches 575 What is a Global Color? 576 Selecting the Same color 577 Saving a set of colors as a group 578 Creating a color group from selected colors 579 Using the Color panel Adding Pantone (Spot) Colors 580 Adding Pantone colors Review Illustrator Lesson 3: Working with the Drawing Tools i "% ~z-! Workinq with the Pen tool 586 X ^ ^ ~ ".jit^l a '" ~' F jil, Drawing Drawing straight lines 587 curved lines 589 u ^Is^SfijBik Drawing hinged curves 591 wf Drawing curved lines to straight lines 592 Drawing straight lines to curved lines 594 Manually tracing images 595 Placing an image as a template Table of Contents xva

15 ; " I ' I Contents Other drawing tools 597 Using the Line Segment and Arc tools 597 Using the Pencil, Smooth, and Path Eraser tools 599 Using the Eraser tool 601 Editing existing paths 602 Adding and removing points 602 Refining a curve 603 Cutting and joining paths 604 Working with Live Trace 606 Using the tracing presets 606 Understanding tracing options 608 Expanding Live Traced artwork 610 Working with Live Paint 611 Creating a Live Paint group 611 Setting Gap Detection options 611 Using the Live Paint Bucket tool 612 Using the Live Paint Selection tool 613 Combining shapes using the new Shape Builder tool 614 Combining the shapes 617 Subtracting with the Shape Builder tool 617 Creating the Fish Eyes Review 621 InDesign Lesson 1: InDesign CS5 Essential Skills rap-- ;" : tjj InDesign tools 624 The InDesign workspace 625 bh; fl u \. The document window 625 ^blmi flttt/bf Using guides 626 -~ P 3TOPXXS ' Viewing modes 627 Working with panels 628 TheTools panel 628 Managing panels 629 Working with the Control panel 629 Saving your workspace 630 Navigating through an InDesign document 631 Using the Pages panel 631 Changing the magnification of your document 632 Working with type 634 Entering and formatting type 634 Placing and formatting type 636 Flowing type 637 ill Adobe Creative Suite 5 Design Premium Digital Classroom

16 v _ Contents Using styles 639 Applying paragraph styles 639 Applying character styles 640 Apply styles using Find/Change 641 Applying object styles Working with graphics Placing graphics Positioning graphics within a frame 647 Applying text wrap 650 Understanding layers 651 Applying effects 653 Resources for additional help 655 In-product help On-line help Forums Conferences, seminars, and training Review InDesign Lesson 2: Building Documents with Master Pages jbhbbrcr-;_ ffl 657 MhtaiSstf il'ty ~, & Planning your document 658 ' Creating custom page sizes 658 yi.c ^ r'l! Creating a new custom-sized document 658 *~ Creating and formatting master pages 660 ~ 661 Formatting master pages Adding automatic page numbering 662 Using text variables 664 Basing master pages on other master pages 668 Overriding master page items 669 Adding layout pages Placing formatted text 676 Creating the classified page 678 Adding images and text to the master frames 679 Applying master pages to multiple pages Review Table of Contents xn

17 Contents InDesign Lesson 3: Working with Text and Type Adding text to your document 684 Creating a text frame 684 Changing character attributes 685 Changing font and type styles 685 Adjusting size 687 Adjusting line spacing 687 Adjusting character spacing: kerning and tracking 687 Using a baseline shift 688 Changing paragraph attributes 689 Horizontally aligning text 689 Changing the spacing before and after paragraphs 689 Using tabs 690 Adding rules above or below paragraphs 692 Changing text color 694 Creating drop caps Checking and correcting spelling 696 Finding and changing text and text attributes 696 Finding and changing text using GREP 698 Checking spelling 700 Adding words to the dictionary 701 Checking spelling as you type 702 Automatically correcting spelling 704 Editing text using the Story Editor 705 Drag-and-drop text editing 708 Special characters and glyphs 709 Using the Glyphs panel and glyph sets 711 Text frame options 712 Adjusting text inset 712 Vertically aligning text 713 Importing text 714 Flowing text manually 714 Threading text between frames 715 Using semi-autoflow to link several text frames 717 Changing the number of columns in a text frame 718 Baseline grid 719 Viewing and changing the baseline grid 719 Adding storyjumps 720 Using styles to format text 721 Creating a headline and applying a style 721 Importing styles from other documents 723 Redefining styles XX Adobe Creative Suite 5 Design Premium Digital Classroom

18 Contents Type on a path 725 Importing text from Microsoft Word Missing fonts 730 Finding and fixing missing fonts 730 Review InDesign Lesson 4: Working with Styles 733 Style types 734 Paragraph styles 735 Applying a paragraph style 737 Character styles 737 Defining a character style 737 Applying a character style 739 Using nested styles 739 Globally updating styles 741 Loading styles from another document 742 Quick Apply Organizing styles into groups Object styles 747 Defining an object style 747 Applying an object style 750 Changing an object style Finishing up GREP Styles Review InDesign Lesson 5: Working with Graphics Understanding how InDesign handles graphics 756 Locating missing images 756 Working with the Links panel 757 Customizing the Links panel 759 Adding graphics to your layout 760 Fitting an image within an existing frame 764 Auto Fitting 766 Using Adobe Bridge to import graphics 767 Placing multiple graphics using Mini Bridge 769 Using object styles for images 771 Wrapping text around images Wrapping text around the bounding box 773 Table of Contents

19 Contents Using graphics with clipping paths and alpha channels 775 Removing an image background using InDesign 777 Using anchored objects 779 Advanced importing 782 Importing layered Photoshop files 782 Importing InDesign layouts as graphics Review 786 XXII