Wile Adobe Creative 5 suite Design Premium aio for dummies phần 10 pptx

886 Creating Gradients Click the Fill Color box in the Tools panel to assign colors to the gradient The Fill Options window appears, as shown in Figure 3-7 Figure 3-7: Assign the gradient colors To assign colors to the gradient, simply click the existing color stops and choose a color from the pop-up palette Click anywhere on the gradient ramp to add a stop, and edit the color If you don’t want to create your own gradient, click the Preset drop-down list to choose among existing gradients, as shown in Figure 3-8 Figure 3-8: Pick a preset gradient from this drop-down list Chapter 4: Creating Text in Fireworks In This Chapter ✓ Creating and formatting text ✓ Setting a text attribute ✓ Working on spacing, alignment, and orientation ✓ Applying effects ✓ Styling text ✓ Checking your spelling ✓ Setting text on a path ✓ Outlining your text Y ou definitely don’t want to attempt to create a brochure in Fireworks, but you can take advantage of its excellent capabilities to format your on-screen text Whether you’re working with paragraphs or single lines of text, you have lots of options for applying fonts, styles, and interesting effects In this chapter, you find out where to find the features you need to make your words look just the way you like them Creating Text You can create text in either of two ways: ✦ Select the Type tool, click in the image area, and begin typing ✦ Copy (or cut) text from another application, select the Type tool, and paste it on the artboard In a hurry? You can select text from one application and then click and drag it into the Fireworks workspace 888 Setting Text Attributes Setting Text Attributes Text can create mood and feeling, so you have to make sure your message has the right font and style You can apply text attributes by using one of two main methods: the Type menu or the Properties panel In this chapter, you use the Properties panel (see Figure 4-1), because it provides an easier method of locating text attributes If the Properties panel isn’t visible at the bottom of the Fireworks workspace, choose Window➪Properties Figure 4-1: Choose font, size, and other attributes Whether you use the Type menu or Properties panel, you can set text attributes from the Properties panel either before or after you enter text The same rule applies in Fireworks as in all other applications: You have to select it to affect it Before you apply any attributes, use the Pointer or Text tool to select the text you want to format To set text attributes with the Properties panel, follow these steps: Select the text you want to format Choose a font from the Font drop-down list and then choose a style from the Style drop-down list If you don’t see your favorite font in bold, you can take advantage of the Bold button to create faux bold text (It isn’t the true bold font, but it’s close) The same trick works with the Italic button To assign color, click the color selector box to the right of the Size drop-down list and then choose a color from the pop-up Swatches panel Fine-Tuning Spacing, Alignment, and Orientation Unfortunately, the Fireworks text controls leave much to be desired, compared with the other Creative Suite applications But if you want to fine-tune your text, you might consider adjusting the spacing between characters or lines Sliders are available in the Properties panel for adjusting the kerning (spacing between two characters), tracking (spacing between multiple letters), Adding Effects 889 and leading (spacing between lines of text) Select the text you want to format, adjust the slider as shown in Figure 4-2, and then click off the slider to confirm the change Set Text Orientation Figure 4-2: Adjust kerning, tracking, and leading Kerning and tracking Leading units Leading Kerning and tracking are controlled using the same Kerning tool To kern between two letters, insert the cursor between the two letters before making a change To adjust tracking, select multiple letters before making a change To align selected text, click the Left, Center, Right, or Justified alignment button in the Properties panel You can also change the orientation of selected text by clicking the Set Text Orientation button (refer to Figure 4-2) Adding Effects Spunk up your text by adding Live Effects from Photoshop You can add drop shadows or 3D effects or even make your text look like wood! To add effects to your text, follow these steps: Book VIII Chapter With the Pointer tool, select some text and then click the Add Filters Figure 4-3: Click the Filters button to apply additional effects Creating Text in Fireworks button in the Properties panel, shown in Figure 4-3 890 Giving Your Text Some Style Select Photoshop Live Effects from the pop-up window that appears The Photoshop Live Effects dialog box appears (see Figure 4-4) Figure 4-4: Set text effects in the Photoshop Live Effects dialog box In the list on the left side of the dialog box, select the effect you want to apply Set the related options on the right side of the dialog box and click OK The effects are applied to your text, as shown in Figure 4-5 Figure 4-5: Create interesting text effects Don’t apply all these effects to your text at the same time You’ve heard it before, but we have to say it again: Just because you can something doesn’t mean that you always should Giving Your Text Some Style You can choose among an array of interesting default styles to apply to both objects and text You can also create your own styles — an extremely helpful capability when text needs to be consistent throughout an entire Web site Styles are applied to the entire text area Giving Your Text Some Style 891 Applying an existing style To apply an existing text style, follow these steps: Create some text by typing, cutting, copying, and pasting or by dragging the text on the artboard Use the Pointer tool to select the text you want to affect Choose Window➪Styles The Styles panel appears (see Figure 4-6) From the drop-down list, choose a category of style that you want to apply In Figure 4-6, the Chrome Styles category was selected Click the style preview that you want to apply to your selected text Figure 4-6: Click a style to apply interesting attributes to your selection New Style Creating your own style To create a custom style, follow these steps: Select some text and apply all the formatting and effects you want to use, following the procedures described earlier in this chapter Choose Window➪Styles to display the Styles panel From the Style Category drop-down list, choose a category for saving the style Creating Text in Fireworks Save yourself time by applying all the text attributes you need to make your text look just right Book VIII Chapter 892 Spell-Checking Your Text Click the New Style button in the lower right corner of the Styles panel (refer to Figure 4-6) The New Style dialog box appears Type an appropriate name for the style in the Name text box Select the attributes you want to save and click OK You have a saved style that you can apply to selected text at any time Spell-Checking Your Text Checking your spelling is simple, right? It certainly is simple in Fireworks, so you have no excuse for typographical errors To check the spelling of your text in Fireworks, follow these steps: Choose Text➪Spelling Setup The Spelling Setup dialog box appears Choose the language that you want to use for the spelling check Set any other options you want to use and click OK Choose Text➪Check Spelling The Check Spelling dialog box appears with the first questionable spelling highlighted If you want to add unique words in your document to the spell-checking dictionary, click the Add to Personal button in the upper right corner of the Check Spelling dialog box Attaching Text to a Path Add some excitement by attaching text to a path In Figure 4-7, the text is attached to a curvy path, but you can just as easily create angled text or text that follows a circle Follow these steps to attach text to a path: Select the text that you want to attach to the path Create a path with the Pen, Line, or Shape tool See Book III, Chapter for additional details on creating a path using the Pen tool www.zshareall.com Attaching Text to a Path 893 Figure 4-7: You can make text curve by attaching the text to a path Using the Pointer tool, select the text area and then Shift-click the path Both the text and the path are selected Choose Text➪Attach to Path If you want the text to run inside a shape, such as a circle, choose Text➪Attach in Path To change the orientation of the attached text on the path, choose Text➪ Orientation and then choose an orientation option from the submenu In Figure 4-8, the orientation has been changed to Skew Vertical Book VIII Chapter Creating Text in Fireworks Figure 4-8: You can change the text orientation on the path 894 Outlining Text Outlining Text Creating interesting text with unique fonts can be fun But what if you need to send the text to someone whose computer perhaps doesn’t have your funky Giddyup font installed? No problem — Fireworks lets you outline text, which means essentially to turn it into a vector path The content of your text can’t be edited after it’s been outlined To outline your text, follow these steps: Create some text with the attributes you want, including the font The size doesn’t have to be exact, however; you can rescale even after outlining the text With the Pointer tool, select the text area You can’t outline individual letters or words within a text area Choose Text➪Convert to Paths The text is outlined To edit the new vector path, switch to the Subselection tool and click an individual letter, as shown in Figure 4-9 You can ungroup your text by selecting it then choosing Modify➪UnGroup Figure 4-9: Turn your text into vector paths Chapter 5: Getting Images In and Out of Fireworks In This Chapter ✓ Importing images ✓ Editing images ✓ Optimizing and exporting images C reating images for your Web site is most likely what you’ll use Fireworks for most often In this chapter, you find out how to work with images from various sources, discover the importance of optimizing, and see how to export your images Getting Images into Fireworks Besides making your own graphics and illustrations, you can use four main methods for getting images into Fireworks: ✦ Open: Fireworks isn’t picky As long as you open images (vector or raster) by choosing File➪Open, you can open pretty much anything in Fireworks When you open a native Adobe Illustrator or Photoshop file, expect to see a dialog box, like you see in Figure 5-1 This particular dialog box appears when you open a Vector image from Adobe Illustrator As you can see, you have to make some decisions as to what size the file should be, which artboards should be imported, and how you want to handle layers and groups When importing a Photoshop file, your choices are relatively the same, as shown in Figure 5-2 The integration between Fireworks and Photoshop is excellent; you can keep layers intact and continue your editing process in Fireworks ✦ Import: By choosing File➪Import, you can place an image directly in an existing image The imported image is placed as a sublayer in the selected layer, as shown in Figure 5-3 Note that to complete your import, you need to click on the image area 972 Adobe Creative Suite Design Premium All-in-One For Dummies methods, Photoshop, 430–431 movies, Flash, 752 pages, Dreamweaver, 578–579, 590–592 settings, Flash, 826–827 Web settings, Fireworks, 903 Preview drop-down list, InDesign, 205 Preview in Browser feature, Fireworks, 935 Preview pane, Photoshop, 454 Preview view Fireworks, 867 Illustrator, 235, 236, 316 Preview/Debug in Browser button, Dreamweaver, 586, 590 previous button, Flash, 804–805 Previous Page button, Dreamweaver, 587 Primitive Tools, Flash, 676 Print dialog box Illustrator, 216, 231, 388 InDesign, 187–189 Photoshop, 76–78 print layout, 63 Print Tiling tool, Illustrator, 230–231, 234 printers buying, 72–73 choosing, 71–72 testing, Photoshop, 469 printing changing resolution, Photoshop, 451–452 considerations, 73–74 document with multiple artboards, Illustrator, 216–217 graphics, Illustrator, 388–389 at home, 76–78 limiting for PDFs, Acrobat, 572–574 overview, 71, 73 paper for, 74–75 resolution formula, Photoshop, 451 saving files for service providers, 75–76 service provider, 73 printing, in InDesign bleeding, 184 at home, 187–189 in office, 187–189 overview, 183 taking files to service provider, 186–187 trapping, 184–186 process color Illustrator, 327–328 InDesign, 180 projector, 825, 828 Projector files, Flash, 686 Properties icon, Library panel, Flash, 713 Properties panel Fireworks, 888–889 Flash Catalyst, 843, 859–860 Property inspector, Dreamweaver Flash movies, adjusting, 615 links, creating, 633, 636 modifying images, 597–598 overview, 589–590, 606–607 styling text, 619–622 table cell alignment, 648–649 tables, editing, 642 tag styles, creating, 625 Property inspector, Flash button instances, modifying, 800 frame labels, adding, 795–796 multicolumn text, creating, 699–700 overview, 678–679 sounds, placing on Timeline, 771–772 text, modifying, 697–698 transparency and color effects, modifying, 760–761 proportional scaling, Fireworks, 898 Protect Texture option, Brush panel, Photoshop, 479 PSD (Photoshop) file format, 410–411, 506, 608–610, 764–767 Publish Preview, Flash, 779, 826 publish profile, Flash, 838–840 publish settings, ActionScript, Flash, 790 Publish Settings dialog box, Flash, 824, 825, 827, 829–832, 838–839 Publish settings option, Photoshop, 767 publishing, Flash Adobe AIR, 833–838 for CD-ROM, 828 choosing settings, 829–833 file formats, 824–825 overview, 685–686, 823–824 previewing settings, 826–827 Index publish profiles, creating, 838–840 for Web, 827–828 publishing Web sites, Dreamweaver CSS compatibility, 662–663 improving sites, 670 links, 664–665 links, checking, 661–662 overview, 661 remote connections, 665–669 Pucker tool, Illustrator, 345 Puppet Warp feature, Photoshop, 396–397 Q Quality drop-down list, Publish Settings dialog box, Flash, 832 Quick Mask Options dialog box, Photoshop, 425 Quick Mask tool, Photoshop, 424–426 Quick Selection tool, Photoshop, 402, 423–424 R radial gradient Flash, 703 InDesign, 144, 145 Radius option, Unsharp Mask dialog box, Photoshop, 454 Radius slider, Refine Edge dialog box, Photoshop, 431 Range text box, Print dialog box, Illustrator, 216 rasterized objects, Illustrator, 371 Raw files, Photoshop, 408 Raw plug-in, 408 Reader, Adobe, enabling comments in, 567 Reading Mode, Acrobat, 526 Record Audio Comment tool, Acrobat, 561 Rectangle Hotspot tool, Fireworks, 866 Rectangle Shape tool, Acrobat, 562 Rectangle tool Fireworks, 866 Flash, 687 Illustrator, 250 InDesign, 133, 134 Rectangular Marquee tool, Photoshop, 420 rectangular selection, Photoshop, 420–421 Red, Green, Blue (RGB) color mode Illustrator, 317 InDesign, 180 overview, 66 Photoshop, 416, 460, 463 Red Eye tool Fireworks, 902 Photoshop, 477 Redo option, menu, 22 Redraw Path tool, Fireworks, 877 Reference Point Indicator icon, Transform panel Illustrator, 301 InDesign, 170 Refine Edge feature, Photoshop, 395, 429–433 Refine Radius tool, Photoshop, 432 973 Reflect tool, Illustrator, 341 reflecting objects, InDesign, 175 Refresh button, Dreamweaver, 587 Refresh Design View button, Dreamweaver, 586 registration point, Flash, 781 Related Documents feature, Dreamweaver, 579–580, 587 relative Uniform Resource Locator (URL), 636 relatively positioned DIVs, Dreamweaver, 657–658 Remember icon, 405 remote connections, Dreamweaver, 665–669 Reports dialog box, Dreamweaver, 663 Repoussé dialog box, Photoshop, 398 Resample Image check box, Photoshop, 451–452 resampling, Dreamweaver, 607 Reshape Area tool, Fireworks, 878 Reshape tool, Illustrator, 343 reshaping objects, Illustrator, 346–347 resolution onscreen image, 63 printer, 72 resolution, in Photoshop overview, 449 print, creating images for, 449–452 Unsharp Mask filter, 453–455 Web images, determining for, 452–453 974 Adobe Creative Suite Design Premium All-in-One For Dummies resolution-independent graphics, 226 resources, Flash, 839–840 Results panel, Dreamweaver, 638 retouching tools, Photoshop See painting tools, in Photoshop Reveal Layer view, Refine Edge dialog box, Photoshop, 430 Reverse Frames command, Flash, 733–734 Review panel, InDesign, 86 review status, comment, Acrobat, 565 Revolve effect, Illustrator, 368 RGB (Red, Green, Blue) color mode Illustrator, 317 InDesign, 180 overview, 66 Photoshop, 416, 460, 463 RGB values, Info panel, Photoshop, 467 Rich text files, 202 Rich Text Format, Acrobat, 554 right alignment, Dreamweaver, 611 Right Indent, Illustrator, 289 Rigid warp mode, Photoshop, 397 rollover button, Fireworks, 922–925 Dreamweaver, 613–614 Fireworks, 922 Rotate 3D transition, in Flash Catalyst, 858 Rotate dialog box, Illustrator, 339–340 Rotate effect, Illustrator, 368 Rotate option, Illustrator, 288 Rotate tool Illustrator, 233 InDesign, 172 rotation objects, InDesign, 172–173 shapes, InDesign, 138 transition, in Flash Catalyst, 858 Rotation angle, InDesign, 170 Rounded Rectangle tool, Illustrator, 250–251 row, table Dreamweaver, 642–643 InDesign, 124 Rows text box, Table dialog box, Dreamweaver, 640 Rubber Stamp tool, Fireworks, 866, 876, 900–901 ruler Flash, 811–813 Illustrator, 223, 252–253, 299–302 InDesign, 98–99, 159 Ruler Units, Document Properties dialog box, Flash, 674 S Sans serif font, 60 Saturation blend mode Illustrator, 359 Photoshop, 486 Save As command, Acrobat, 554–556 Save As dialog box Dreamweaver, 589 Illustrator, 375 InDesign, 104 Save As option, CS5 menus, 22 Save for Web & Devices dialog box Illustrator, 381–385 Photoshop, 507, 509, 510–512 Save option, CS5 menus, 22 Save Selection feature, Illustrator, 245 Save Style Sheet File As dialog box, Dreamweaver, 629 saving artwork for Web, in Illustrator, 381–385 colors, in Illustrator, 323–326 documents, in Flash, 681 documents, InDesign, 103–104 file format, in Photoshop, 505–507 files for service providers, 75–76 graphic files, in Illustrator, 375–381 graphic styles, in Illustrator, 367–368 graphics, in Photoshop, 409–410 layer styles, in Photoshop, 501 panels, in Photoshop, 404 in Photoshop, 505 presets, in Photoshop, 487–488 selections, in Illustrator, 245 selections, in Photoshop, 433–434 settings, in Photoshop, 515 for Web and devices, in Photoshop, 507–515 Index workspaces, in Flash, 680–681 workspaces, in Dreamweaver, 587–588 scalability, graphic, 227 Scalable Vector Graphics (SVG) format, 202, 383–384 Scale dialog box, Illustrator, 329 Scale drop-down list, Publish Settings dialog box, Flash, 832 Scale Percentage dropdown lists, Transform panel, InDesign, 170 Scale tool Fireworks, 865, 898 Illustrator, 233, 341–342 InDesign, 173 scaling Fireworks, 897–899 InDesign, 173 overview, 57 Scallop tool, Illustrator, 345 scanned documents, Acrobat, 536–537 Scattering option, Brush panel, Photoshop, 479 scratch area, Illustrator, 231 Screen blend mode Illustrator, 358 Photoshop, 485 screen grab, Acrobat, 556 screen mode, Photoshop, 406 Script Assist mode, Flash, 788–789 Script drop-down list, Publish Settings dialog box, Flash, 829 scroll bars, InDesign, 103 Scrolling Pages button, Acrobat, 523 Search text box, Library panel, Flash, 713 Secure button, Tasks toolbar, Acrobat, 570 security, Acrobat editing, limiting, 572–574 overview, 522, 569 password security, 569–572 printing, limiting, 572–574 segment, InDesign, 131, 132 Select & Zoom toolbar, Acrobat, 553, 554 Select Image Source dialog box, Dreamweaver, 597, 605 Select menu, Illustrator, 248 Select Photoshop Layer Comp option, Photoshop, 766 Select Similar button, Illustrator, 248 selection in Flash, 690–692 in Illustrator, 314 InDesign, 154–156 selection, in Photoshop See also Selection tools, Photoshop feathering, 427–429 fills for, 487 layer masks, creating from, 494–495 of layers, 491–492 overview, 394–395, 419 paths, using as, 444–446 Refine Edge feature, 429–433 saving, 433–434 transforming, 426–427 Vanishing Point feature, 434–437 Selection output option, Photoshop, 433 975 Selection tool Fireworks, 865, 868–870 Flash, 675, 693 Illustrator, 232, 241, 242–243 InDesign, 154 Selection tools, in Illustrator anchor points, 239–240 bounding boxes, 241 creating selection, 242–243 grouping and ungrouping, 245–247 manipulating selected objects, 247–248 overview, 239 saving selection, 245 selecting anchor point, 243–244 selecting multiple objects, 245 types of, 241 using marquee to select object, 244–245 Selection tools, Photoshop Lasso tool, 422–423 Magic Wand tool, 424 Marquee tool, 420–422 overview, 419–420 Quick Mask tool, 424–426 Quick Selection tool, 423–424 Selector tab, Color Palette panel, Fireworks, 883–884 Send Backward command, Illustrator, 303 Send to Back, Illustrator, 303 sentence case text, Illustrator, 293 Separations option, Print dialog box, Illustrator, 389 976 Adobe Creative Suite Design Premium All-in-One For Dummies Serif font, 60 server connection, Dreamweaver, 665–668 service provider saving files for, 75–76 taking files to, 186–187 Set font style drop-down list, Character panel, Illustrator, 287 Set Stage to Same Size as Illustrator Canvas option, Illustrator, 769 Set Stage to Same Size As Photoshop Canvas option, Photoshop, 766 Setup options, Print dialog box, InDesign, 188 shadows, tone curve, Photoshop, 462–466 shape, in Flash editing shape with Lasso tool, 694 fill and stroke colors, modifying, 690–691 Free Transform tool, 695 merge versus Object Drawing mode, 691–692 merging, 688 modifying, 694–695 overview, 687, 690, 692–695 Selection tool, 693 shape tools, 687–688 skewing artwork, 696–697 Subselection tool, 693 Transform panel, 696 shape, in Illustrator building custom, 221–222 editing, 135–138 with exact dimensions, 134 overview, 133–135, 249 placing text on path of closed, 281–283 resizing, 252–253 text frames, creating from, 107–108 tips for creating, 253–257 tools for creating, 249–252 using Polygon tool, 134–135 shape, InDesign, 129–131, 144 Shape Builder tool, Illustrator, 221–222, 233, 256–257 Shape Dynamics option, Brush panel, Photoshop, 479 shape hinting, Flash, 743–746 shape layer, Photoshop, 439–444 Shape layers option, Photoshop, 439 shape mode, Illustrator, 255 Shape tool Fireworks, 876–877 Flash, 676, 687–688 InDesign, 130–131 lllustrator, 232 shape tween, Flash, 724–726, 743–746 sharing comments, Acrobat, 566 Sharpness controls, Dreamweaver, 607 Shear tool Illustrator, 342 InDesign, 174 shearing, InDesign, 138, 174 shearing angle option, Transform panel, InDesign, 170 Shift Edge option, Refine Edge dialog box, Photoshop, 432 Shockwave Flash file (SWF) creating multimedia, InDesign, 194–195 in Dreamweaver, 615 exporting, InDesign, 207–208 in Flash, 681, 685–686, 824, 827, 829–831 in Illustrator, 383 Show Slices and Hotspots tool, Fireworks, 866 silhouettes, Photoshop, 446 Single Column Marquee tools, Photoshop, 420 Single Page Continuous viewing mode, Acrobat, 525 Single Page viewing mode, Acrobat, 525 Single Row Marquee tool, Photoshop, 420 Single-Line Composer, Illustrator, 293 site reports, Dreamweaver, 662–663 Site Setup dialog box, Dreamweaver, 588–589, 594–595, 665–667 SIze (CSS) button, Property inspector, Dreamweaver, 622 size, paper, 75 size option, Transform panel, InDesign, 170 skewing Flash, 696–697 InDesign, 138 Slice tool Fireworks, 866, 917–918 Illustrator, 234 slicing, Fireworks, 914–919 Index Smallest File Size option Acrobat PDF Maker dialog box, Acrobat, 530–531 Adobe PDF Options dialog box, Illustrator, 381 Export PDF dialog box, InDesign, 534 Smart Filter, Photoshop, 455, 502 Smart Guides Illustrator, 242 InDesign, 99–100, 159, 176 Smart Objects, Photoshop, 501–502, 608–610 Smart Radius feature, Photoshop, 431 Smooth Color option, Illustrator, 354 Smooth option, Refine Edge dialog box, Photoshop, 432 Smoothing mode, Pencil tool, Flash, 690–691 Smoothing option, Brush panel, Photoshop, 479 snapping Flash, 740, 813–815 InDesign, 98–100, 157–159 Snapshot tool, Acrobat, 556 Soft Light blend mode Illustrator, 359 Photoshop, 485 sound effect, Flash Catalyst, 859 source file attachments, Acrobat, 532 Spacing drop-down list, Blend Options dialog box, Illustrator, 354 spacing text, Fireworks, 888–889 Span option, Area Type Options dialog box, Illustrator, 277 special effects tools, Illustrator Blend tool, 352–355 Mesh tool, 349–352 overview, 349 Symbol Sprayer tool, 355–357 transparency, 358–361 Specified Distance option, Illustrator, 354 Specified Steps option, Illustrator, 354 speed, printer, 72 spell-checking Dreamweaver, 623 Fireworks, 892 Illustrator, 290 InDesign, 122–123 Spelling Setup dialog box, Fireworks, 892 Split Cell dialog box, Dreamweaver, 644 Split View, Dreamweaver, 585, 600 spot color Illustrator, 327 InDesign, 181, 197 Spot Healing Brush tool, Photoshop, 403, 474–476 Spot Healing tool, Photoshop, 397 Spray Brush tool, Flash, 676, 716, 717 spread, InDesign, 92 Spry category, Insert panel, Dreamweaver, 585 stacking order Adobe Bridge, 45 Illustrator, 302–303, 314 Photoshop, 492 stage, Flash, 674, 710–712 Stamp tool, Acrobat, 559 977 Standard conversion option, Acrobat, 530 Standard drop-down list, Illustrator, 381 Standard Screen Mode, Photoshop, 406 Star tool, Illustrator, 251–252 state, button, Flash, 797–799 state, Fireworks, 921–922, 935 State Delay pop-up, Fireworks, 936 States panel, Fireworks, 923–924, 932 Sticky Note tool, Acrobat, 557–558 stop() statement, Flash, 791–792, 793 story, InDesign, 115 Story Editor, InDesign, 84, 121–122 Straighten mode, Flash, 690 strikethrough option, Character panel, Illustrator, 288 stroke in Flash, 690–691, 705 in Illustrator, 320–322, 371–373 in InDesign, 129–130, 137–138 overview, 57–59 Stroke color control, InDesign, 180 Stroke Color options, Fireworks, 882 Stroke panel in Illustrator, 320–321 in InDesign, 137–138 overview, 34 Strong option, Insert panel, Dreamweaver, 618 978 Adobe Creative Suite Design Premium All-in-One For Dummies style font, Illustrator, 284–286 graphic, saving, Illustrator, 367–368 layer, Photoshop, 499–501 paragraph, InDesign, 120–121 table, InDesign, 126–127 text, Fireworks, 890–892 text, Illustrator, 293–294 Styles panel, Fireworks, 891, 922 sublayers, Illustrator, 311, 314 Subselection tool Fireworks, 865, 877 Flash, 675, 693, 694 Summarize Options dialog box, Acrobat, 566 summarizing comments, Acrobat, 566–567 Summary, Print dialog box, InDesign, 189 SVG (Scalable Vector Graphics) format, 202, 383–384 swatch, color in InDesign, 179–180 overview, 68 Photoshop spot colors in InDesign, 197 saving in Illustrator, 323 Swatch libraries Illustrator, 323–324 InDesign, 181–183 Swatch Options dialog box, Illustrator, 326–327 Swatches panel Fireworks, 883 Flash, 701–702 Illustrator, 318–319, 328 InDesign, 143, 144, 181–182 overview, 33 Photoshop, 471–472 SWF (Shockwave Flash file) creating multimedia, InDesign, 194–195 in Dreamweaver, 615 exporting, InDesign, 207–208 in Flash, 681, 685–686, 824, 827, 829–831 in Illustrator, 383 SWF Settings area, Publish Settings dialog box, Flash, 831 symbol, in Fireworks adding to stage, 710 cloning, 938–939 converting artwork to, 926–928 converting bitmap images to, 759–762 creating, 937–938 editing symbol, 928 overview, 925–926 tweening, 939 working with precreated, 926 symbol, in Flash creating, 708–715 Deco tool, 716–719 duplicating, 715 modifying, 710–713 organizing with folders, 714–715 sorting, 714 Spray Brush tool, 716 Symbol editing mode, Fireworks, 928 symbol library, Illustrator, 770 Symbol Screener tool, Illustrator, 356 Symbol Scruncher tool, Illustrator, 356 Symbol Shifter tool, Illustrator, 356 Symbol Sizer tool, Illustrator, 356 Symbol Spinner tool, Illustrator, 356 Symbol Sprayer tool, Illustrator, 233, 355–357 Symbol Stainer tool, Illustrator, 356 Symbol Styler tool, Illustrator, 356 Symbols panel, Illustrator, 357 Symmetry Brush mode, Deco tool, Flash, 719 synchronization, Dreamweaver, 669 Synchronize Files dialog box, Dreamweaver, 669 synchronized workspace, 29–30 T tab, panel, 32 tab-delimited files, Dreamweaver, 647–648 table Fireworks, 918–919 InDesign, 123–127 table, Dreamweaver adding and importing content, 647–649 cells, changing color of, 646–647 cells, spanning or merging, 643–644 columns, 642–643 creating, 639–646 editing attributes, 642 overview, 639 Index rows, 642–643 selecting cells and, 645–646 Table dialog box, Dreamweaver, 639, 640–641 Table menu, InDesign, 95 Table Options dialog box, InDesign, 125–126 Table Styles panel, InDesign, 127 Table Width text box, Table dialog box, Dreamweaver, 641 tabular data, Dreamweaver, 647–648 tag, HTML, 601 tag selector, Dreamweaver, 645–646 tag style, CSS, Dreamweaver, 625–628 Tagged Image File Format (TIFF) file format, 507 Target (HTML) button, Property inspector, Dreamweaver, 621 Targeted Rule (CSS) button, Property inspector, Dreamweaver, 621 TCP/IP (Transmission Control Protocol/ Internet Protocol), 594 Technical Stuff icon, 405 template Illustrator, 229 InDesign, 101 layer, Illustrator, 269–270 overview, 63 Template setting, Publish Settings dialog box, Flash, 831 Test Movie mode, Flash, 779, 789 testing animation, Fireworks, 934–935 image map, Fireworks, 912–914 printer, Photoshop, 469 Text (Accessible) format, Acrobat, 555 Text (Plain) format, Acrobat, 555 text, in Acrobat editing, 549–553 exporting, 553–556 text, in CS5, 59–62 text, in Dreamweaver CSS, 623–630 formatting, 618–619 overview, 617–618 spell-checking, 623 using Property inspector to style, 619–622 text, in Fireworks adding effects, 889–890 alignment, 888–889 attaching to path, 892–893 creating, 887–888 orientation, 888–889 outlining, 894 overview, 878, 887 setting attributes, 888 spacing, 888–889 spell-checking, 892 styles, 890–892 text, in Flash character shapes, modifying, 701 multicolumn, 698–700 overview, 697 threaded, 698–700 TLF versus classic text, 697–698 transforming type, 701 979 text, in Illustrator Change Case feature, 293 Character panel, using, 286–288 closed shape, placing on, 281–283 columns, creating with Area Type tool, 276–277 Control panel, using, 288 Find and Replace feature, 290 Find Font feature, 292 flowing into area, 275 font styles, assigning, 284–286 Hyphenation feature, 291–292 importing, 49 line of, creating, 274–275 outlining of, 280–281 overflow, 275 overview, 273 Paragraph panel, using, 288–289 path, placing on, 281–283 path of shape, placing on, 281–283 Spell checker, 290 text areas, creating, 274 text styles, 293–297 threading into shapes, 278–279 tools, 273–274 wrapping of, 279–280 text, in InDesign See also text frame, InDesign adding to publication, 108–110 editing stories, 121–123 exporting, 208–209 font, 105–106 and graphics in layout, 156–160 980 Adobe Creative Suite Design Premium All-in-One For Dummies text, in InDesign (continued) merging with graphics, 160–163 overview, 105–106 paragraph settings, 118–121 on paths, 127–128 using tables, 123–127 text, legacy, Illustrator, 296 Text Box tool, Acrobat, 562 Text category, Insert panel, Dreamweaver, 585 Text color control, InDesign, 180 Text drop-down list, Export SWF dialog box, InDesign, 208 Text Edits tool, Acrobat, 558 Text Export Options dialog box, InDesign, 208–209 Text Flow option, Area Type Options dialog box, Illustrator, 277 text frame, InDesign adding page jump number, 117–118 changing options, 111 columns, using and modifying, 112–113 creating from shape, 107–108 creating with Frame tool, 107 creating with Type tool, 106–107 modifying, 113–118 overview, 105–108, 110–113 resizing and moving, 113–115 threading, 115–117 Text Frame Options dialog box, InDesign, 112–113 text hints, Illustrator, 281 Text Indent (HTML) button, Property inspector, Dreamweaver, 621 text layer, Photoshop, 492–493 Text Layout Framework (TLF), Flash, 697–698 Text option, Properties panel, Flash Catalyst, 859 Text Outdent (HTML) button, Property inspector, Dreamweaver, 621 text style, Illustrator, 293–297 Text tool Fireworks, 878 Flash, 676, 697, 698–699 text top alignment, Dreamweaver, 610 text warp, in Photoshop, 493 Text Wrap Options dialog box, Illustrator, 280 Text Wrap panel, InDesign, 160, 162 text wrapping Illustrator, 279–280 InDesign, 160–163 texture, paper, 74 Texture option, Brush panel, Photoshop, 479 Texturizer dialog box, Photoshop, 611 threading in Flash, 698–700 in Illustrator, 278–279 in InDesign, 115–117 Threshold option, Unsharp Mask dialog box, Photoshop, 454 TIFF (Tagged Image File Format) file format, 507 Timeline, Flash creating motion tweens on, 721 overview, 677, 678, 719–720 placing sounds on, 771–773 resizing tween spans, 722–723 stopping at specific points, 802–804 Timelines panel, Flash Catalyst, 843, 855–856, 857 Timing panel, InDesign, 83 tint, symbol, Flash, 759–760 Tip icon, 405 title case text, Illustrator, 293 TLF (Text Layout Framework), Flash, 697–698 Tolerance text field, Photoshop, 424 tone curve, Photoshop adjusting midtone, 466–467 finding neutrals, 467–468 highlights, 462–466 overview, 461–462 shadows, 462–466 Toning tool, Photoshop, 403 toolbars, Acrobat, 523–524 tools Acrobat See Comment & Markup Toolbar, Acrobat Fireworks, 865–867 InDesign, 93–94, 131–133 Index Photoshop, 401–403 See also painting tools, in Photoshop; Selection tools, Photoshop tools, in Illustrator, 232– 234, 273–274, 373–374 See also special effects tools, Illustrator creating advanced shapes, 254–255 creating rectangles and ellipses, 250 overview, 249–252 Shape Builder, 256–257 Transform tools, 341–343 using Polygon tool, 251 using Rounded Rectangle tool, 250–251 using Star tool, 251–252 Tools palette, Flash Catalyst, 843 Tools panel Flash, 674–677 Illustrator, 218–219 InDesign, 93–94, 142 overview, 33 Photoshop, 401–404 top alignment, Dreamweaver, 610 Top Offset option, InDesign, 161 TouchUp Object tool, Acrobat, 550, 552–553 TouchUp Properties dialog box, Acrobat, 551 TouchUp Reading Order tool, Acrobat, 550 TouchUp Text tool, Acrobat, 550–552 tracing, Illustrator, 269–270 Tracing Options dialog box, Illustrator, 333–334 Track Changes panel, InDesign, 84 tracking changes to documents, InDesign, 84 Fireworks, 888–889 Illustrator, 284–285 Tracking option, Character panel, Illustrator, 287 Transfer option, Brush panel, Photoshop, 479 Transform Again command, Illustrator, 248 Transform panel Flash, 682, 696, 701 Illustrator, 252, 301, 340–341 InDesign, 114, 136, 138, 170–171, 173–175 overview, 34 Transform tool Flash, 701, 780 Illustrator, 341–343 transformation, in Flash creating, 729–732 Free Transform tool, 695 overview, 695 skewing artwork, 696–697 text, 701 Transform panel, 696 transformation, in Illustrator distortions, creating, 343–347 methods for, 338–341 overview, 337–338 of pattern, 329 Transform tools, 341–343 transformation, in InDesign Free Transform tool, 171–172 overview, 169 reflecting objects, 175 rotating objects, 172–173 scaling objects, 173 981 shearing objects, 174 Transform panel, 170–171 transformation, in Photoshop, 426–427 transition, Flash Catalyst, 856–858 Transmission Control Protocol/Internet Protocol (TCP/IP), 594 transparency Flash, 759–760 Illustrator, 220–221, 358–361, 385–388 InDesign, 143–144, 196–197 Transparency panel, Illustrator, 358, 360–361 Transparent Background option, InDesign, 151 Trap Presets panel, InDesign, 184 Trap Thresholds options, InDesign, 186 Trap Width option, InDesign, 185 trapping Illustrator, 237 InDesign, 184–186 Trash Can icon, Library panel, Flash, 713 Trim pathfinder, Illustrator, 256 TrueType fonts, 61 trusted identities, Acrobat, 50 Tween Instances dialog box, Fireworks, 939 tween layer, Flash, 721 tween span, Flash, 721, 722–723 tweening, Fireworks, 937–939 982 Adobe Creative Suite Design Premium All-in-One For Dummies tweening, Flash 3D properties, 785 creating motion tween, 720–722 creating shape tween, 724–726 versus frame-by-frame animation, 726 overview, 720 resizing tween spans, 722–723 using Motion Editor panel, 723–724 Twirl tool, Illustrator, 345 Twist dialog box, Illustrator, 372 Two-Up Continuous viewing mode, Acrobat, 525 Two-Up viewing mode, Acrobat, 525 Type menu, InDesign, 94 Type On a Path Options dialog box, InDesign, 127–128 Type On a Path tool Illustrator, 58 InDesign, 127 Type size option, Character panel, Illustrator, 287 Type tool Fireworks, 866 Illustrator, 232 InDesign, 106–107 Photoshop, 403 typesetting keyboard shortcuts, Photoshop, 493 Typewriter tool, Acrobat, 552 Typical Display, InDesign, 153–154 U V Underline option, Character panel, Illustrator, 288 Underline Text tools, Acrobat, 560 Undo option, menu, 22 undocking panels, 30 Uniform Resource Locator (URL), 192–193, 594 Unordered List (HTML) button, Property inspector, Dreamweaver, 621 Unordered List (UL) option, Insert panel, Dreamweaver, 618 Unsharp Mask filter, Photoshop, 453–455 unthreading text, InDesign, 117 Up button state, Flash, 797 updating InCopy stories, InDesign, 198 styles, Illustrator, 296–297 uploading site, Dreamweaver, 667–668 uppercase text, Illustrator, 293 URL (Uniform Resource Locator), 192–193, 594 URL (Uniform Resource Locator), relative, 636 URL panel, Fireworks, 909–910 user interface, InDesign, 91–92 Vanishing Point feature, Photoshop, 434–437 vector graphic applying colors, Fireworks, 882 versus bitmap graphics, Fireworks, 872–873 versus bitmap graphics, Flash, 753–754 versus bitmap graphics, Photoshop, 411–412 editing, Acrobat, 553 general discussion, 226 overview, 56–57 resolution, Illustrator, 227 selections in, Fireworks, 870 vector mask, in Photoshop, 495–496 Vector Outlines option, Import Options panel, Photoshop, 766 Vector Path tool, Fireworks, 877 Vector Shape tool, Photoshop, 403, 440 Vector tools, Fireworks, 866, 876–878 Vertical scale option, Character panel, Illustrator, 287 view Fireworks, 867–868 Illustrator, 235–237 View menu Illustrator, 238 InDesign, 95 overview, 18 Refine Edge dialog box, Photoshop, 430 Index View tools, Fireworks, 867 viewing comment, Acrobat, 564 viewing mode, Acrobat, 525 vignette, Photoshop, 427–429 Vine Fill mode, Deco tool, Flash, 716–718 visibility of layer, in Photoshop, 492 Visual Aids button, Dreamweaver, 586 Vivid Light blending mode, Photoshop, 486 W Warning icon, 405 Warp Options dialog box, Illustrator, 345 Warp Text dialog box, Photoshop, 493 Warp tool, Illustrator, 345 warping, Photoshop, 396–397, 493 warps preset, Illustrator, 345–346 WBMP (Wireless Application Protocol Bitmap Format) file format, 384, 514–515 Web audio files on, 771 choosing colors for, Fireworks, 881 converting pages to PDFs, in Acrobat, 537–539 creating content in InDesign, 82 defining pages, Flash Catalyst, 847 exporting for, in Fireworks, 904–905 Flash resources on, 840 graphic resolution, determining, 452–453 graphics, Dreamweaver See graphic, in Dreamweaver layout, 62–64 optimizing images for, Fireworks, 903–904 publishing, Flash, 685, 827–828 saving artwork for, Illustrator, 381–385 saving files for, Photoshop, 507–515 testing Fireworks on, 935 using color on, 69–70 using fonts on, 61–62 using text on, 61–62 viewing previews in, Flash, 752 Web Layer, Fireworks, 871, 907 Web Page Conversion Settings dialog box, Acrobat, 538 Web site See also publishing Web sites, Dreamweaver ActionScript, 840 Adobe XMP metadata information, 840 Colin Moock, 840 feedback on, 670 FFiles, 840 Flash Magazine, 840 FlashKit, 840 Fonts for Flash, 840 home page, 593 Kirupa, 840 linking to Flash movies, 805–807 Moluv, 840 983 Web site creation, Dreamweaver, 588–589 creating page for site, 596 HTML basics, 599–601 images, adding, 596–599 overview, 593–601 starting site, 594–596 Web site basics, 593–594 Web site files, managing, 599 Web tools, Fireworks, 866 Web-safe color palette, 70 weight, paper, 74 Welcome screen Dreamweaver, 583 Illustrator, 227 Wet Edges option, Brush panel, Photoshop, 479 Width and Height options, Area Type Options dialog box, Illustrator, 277 Width Point Edit dialog box, Illustrator, 344 Width tool, Illustrator, 233, 344, 345 Window menu CS5, 18 InDesign, 95 Window Mode drop-down list, Flash, 832 Windows Projector, 825, 828 wireframe, Fireworks, 863 Wireframe Components panel, Flash Catalyst, 843 Wireless Application Protocol Bitmap Format (WBMP) file format, 384, 514–515 Word, Microsoft, PDF conversion options from, 531–532 984 Adobe Creative Suite Design Premium All-in-One For Dummies workflow, Flash aligning artwork, 815–818 grids and guides, 811–815 keyboard shortcuts, 820–821 Movie Explorer panel, 821–822 onion skinning, 818–819 overview, 809 using workspace layouts, 809–811 Workflow reports, Dreamweaver, 662 workspace, Dreamweaver Document toolbar, 585–587 Insert panel, 584–585 overview, 577–578, 583–584 saving, 587–588 using panel groups, 587 workspace, Flash layout, 809–811 Motion Editor, 677 overview, 674 panels, 679–680 Property inspector, 678–679 Timeline, 677 Tools panel, 674–677 workspace, Acrobat additional viewing options, 526 changing page magnification, 522–523 navigation panels, 526–527 overview, 522 toolbars, 523–524 viewing modes, 525 workspace, in InDesign contextual menus, 97 grids, 98–100 guides, 98–100 menus, 94–95 overview, 91–92, 98 panels, 95–97 saving custom, 100–101 tools, 93–94 workspace, in Photoshop new features, 404–405 overview, 393–394, 404 panels, docking and saving, 404 zooming in, 405–406 workspaces, CS5, 29–34 Wrap around Bounding Box option, InDesign, 160 Wrap around Object Shape option, InDesign, 160 wrapping, text Illustrator, 279–280 InDesign, 160–163 Wrinkle tool, Illustrator, 345 X X height, Illustrator, 284 XFL file format, Flash, 682 XHTML Export Options dialog box, InDesign, 199 XML (Extensible Markup Language), 202 Z zoom effect, Flash, 730–732 Zoom In option, CS5 menus, 22 zoom keyboard shortcuts Illustrator, 238 Photoshop, 405 Zoom marquee, Photoshop, 406 Zoom Out option, menu, 22 Zooming Acrobat, 522 Fireworks, 867 Flash, 677 Illustrator, 234, 237–238 InDesign, 103 Photoshop, 52, 403, 405–406 ile Apps Mob There’s a Dummies App for This and That With more than 200 million books in print and over 1,600 unique titles, Dummies is a global leader in how-to information Now you can get the same great Dummies information in an App With topics such as Wine, Spanish, Digital Photography, Certification, and more, you’ll have instant access to the topics you need to know in a format you can trust To get information on all our Dummies apps, visit the following: www.Dummies.com/go/mobile from your computer www.Dummies.com/go/iphone/apps from your phone Graphics/Web Page Design A minibook on each program plus one on how they work together — now that’s suite! Adobe created this outstanding suite of programs to work together, and we created this book to help you make the most of them all Whether you’re using a Mac or Windows, you’ll learn to design beautiful pages, create great illustrations, edit your photos, build Web sites with cool interactive animations, optimize graphics, and so much more! Open the book and find: • Commands, menus, and extensions shared by all programs • Printing dos and don’ts • How Illustrator’s multiple artboards make things easier • Tips on working with type • The suite deal — learn the menus, panels, and tools that work the same across all the CS5 programs • What histograms are for • Page perfection — design page layouts with text, images, and drawings using InDesign • How to optimize images for the Web • Free your creativity — with Illustrator’s Appearance panel, the Pen tool, and new features like vector tracing • Web site essentials and site construction advice • Fabulous photos — improve, enhance, and organize your photos with the new features in Photoshop CS5 • Ways to spice up your site with Flash movies and Fireworks animations • Amazing Acrobat — save time and expense with document sharing and collaborative editing using Acrobat 9.0 • Geek-free Web sites — use the improved CSS capabilities, interactive options, and more in Dreamweaver CS5 • Flashy stuff — create 3D motion graphics and interactive animations with Flash • Watch the Fireworks — optimize images and graphics, create rollover effects, and more Go to Dummies.com® for videos, step-by-step examples, how-to articles, or to shop! $39.99 US / $47.99 CN / £27.99 UK Jennifer Smith, Executive Vice President of the American Graphics Institute, is the author of Photoshop CS5 Digital Classroom and other books Christopher Smith is an industry expert on electronic publishing software Fred Gerantabee is an author and Emmy Award–winning interactive designer and Web developer ISBN 978-0-470-60746-6 ... Figure 5- 11) For a more thorough description of each file format, including its benefits and drawbacks, see Book IV, Chapter 10, which covers Web optimization in Photoshop CS5 Figure 5- 11: Use... Numeric Transform dialog box appears, as shown in Figure 5- 5 In the Width and Height text boxes, type the percentage by which you want to scale and click OK Editing Images 899 Figure 5- 5: You can... and wait for the application to come forward Then you can drag into the work area ✦ Browse: Just as you can in the rest of the Creative Suite applications, you can take advantage of Adobe Bridge