adobe InDesign CS5 Bible for dummies PHẦN 10 ppt

393 Chapter 24: Presentation Project Basics If you applied a page transition to just selected pages but then decide you want to apply a page transition to all spreads, just go to one of the pages that has the page transition applied, or select that page in the Pages panel and then choose Apply to All Spreads in the Page Transitions panel’s flyout menu, or click the Apply to All Spreads iconic button at the bottom of the panel. To change selected pages’ transitions, choose a new one using the Choose menus described earlier or choose a new transition from the Page Transitions panel. You have three ways to remove all page transitions: ✓ Choose Page Transitions➪Clear All from the Pages panel’s flyout menu. ✓ Choose Layout➪Page Transitions➪Clear All. ✓ Choose Clear All from the Page Transitions dialog box’s flyout menu. Animating Objects An animation is, at its heart, a moving object in InDesign. That is, you are applying motion and visibility effects to the various kinds of objects InDesign creates for any type of document: frames, shapes, lines, and so on. So, before animating your objects, you create them using the standard methods described throughout this book. You edit them and their contents using the standard techniques as well, even after you apply animation effects to them. The animation effects applied in InDesign can be viewed only in Flash Player SWF files viewed in Adobe Flash Player 10 or later; they are ignored if you export to HTML, interactive PDF, e-book, or Flash Pro FLA project files. What do I mean by animation effects? InDesign supports 47 predefined ani- mation effects, or motion presets, that fall into the following types: appear/ disappear (including fade in and out), move into the desired location from elsewhere, change size, rotate, and move in place (such as bounce up and down or dance). Some predefined animation effects combine several effects, such as move and scale, but you cannot create your own combinations, such as having an object fly in from the top, then bounce up and down, and finally disappear in a puff of smoke. But you can import more sophisticated animation effects (called motion presets) created in Adobe Flash Pro by choosing Manage Presets from the Animation panel’s flyout menu and then clicking the Load button in the Manage Presets dialog box. 34_614495-ch24.indd 39334_614495-ch24.indd 393 4/2/10 1:52 PM4/2/10 1:52 PM 394 Part VII: Printing, Presentation, and Web Essentials To apply an animation effect to an object, select that object and choose the desired effect from the new Animation panel’s Preset pop-up menu. (To open the Animation panel, choose Window➪Interactive➪Animation.) Note that an indicator icon composed of three circles appears in the object to let you know the object has an animation effect applied. (This indicator does not print or display in the exported Flash Player SWF file.) To remove an animation effect from an object, choose None from the Preset pop-up menu. For animations that involve moving the object along a path, you can see the motion path that the object will move through by clicking the Show Animation Proxy iconic button at the bottom of the Animation panel. (If the iconic button is selected, it shows as a dark button.) In your layout, you’ll see a green line, called the animation proxy; it indicates the motion path, as Figure 24-4 shows. The animation proxy has an arrowhead at one end to indicate the direction of motion. Setting animation effects Use the other controls in the Animation panel to configure how the animation works for this object; note if the panel doesn’t display any options after the Properties label, clicking the disclosure triangle icon to its left reveals the other available options: ✓ Name: Give the object its own name (a default name such as rectangle appears when you first select the object) so it can be referred to in Adobe Flash Pro CS5’s ActionScript scripting language, such as to apply other effects to that specific object. ✓ Event(s): Choose in the Event(s) pop-up menu the conditions that will cause the animation to run (you can select multiple conditions; selected ones have a check mark next to their names): • On Page Load: This option causes the animation to run when the page containing it is displayed. • On Page Click: This option causes the animation to run when the user clicks anywhere on the page containing the animation. • On Click (Self): This option causes the animation to run when the user clicks the animated object. • On Roll Over (Self): This option causes the animation to run when the user moves the mouse over the animated object. • On Button Event: This option causes the animation to run when the use clicks a button in the document that has the Animation action associated to it and specifies this specific animation effect. Because a button action must refer to the animation to be able 34_614495-ch24.indd 39434_614495-ch24.indd 394 4/2/10 1:52 PM4/2/10 1:52 PM 395 Chapter 24: Presentation Project Basics to run it, you should create the animated object first, then create or modify the button to cause the specific animation to run. For example, you might name an animated object Flyin Intro in the Animation panel, then in the Button panel, specify that the button invokes the Animate action and choose Flyin Intro as the spe- cific animation to run. (I explain how to create buttons and use actions earlier in this chapter.) The Create Button Trigger iconic button to the right of the Event(s) pop-up menu provides a quick way to make an object into a button to run the current animation. Click the Create Button trigger iconic button to start the process, then click the object you want to be used as a button to make the current ani- mation run. That’s it! (The button’s appearance will change so it looks as if it is pressed; click it again to clear the button assignment.) ✓ Duration: Enter a value in this field to set the time interval over which the effect takes place, in seconds. ✓ Play: Enter a value in this field to indicate how many times the anima- tion should occur when triggered. To have it continually play, select the Loop check box. ✓ Speed: This pop-up menu lets you adjust the acceleration and decelera- tion of the animation to appear more natural. The Ease In option gives the initial motion a slight acceleration, while the Ease Out option gives the final motion a slight deceleration. The Ease In and Out option adjusts both the initial and final motions, while None plays the entire motion at a consistent speed. The From Preset option uses the default setting for the selected preset; you use this to reset the speed you later modified from the preset’s default. Note that these adjustments are rarely notice- able on animations that occur in a few seconds or over short distances. ✓ Animate: This pop-up menu is where you tell InDesign if the object’s location on the page is where you want the animation to start from (the From Current Appearance option) or finish at. There are two options for specifying that the object’s current location is the end point: To Current Appearance and To Current Location. They have the same effect for ani- mations that don’t involve moving the object, but they cause different motion directions for animation effects that do move the object: Fly In, Move, and Spring. For example, if you use the Fly In from Left animation effect, choosing To Current Location will have the object move from out- side the page’s left margin to the location in your layout, but choosing To Current Appearance will have the object move to the left, ending up in its current location but starting roughly a half-screen’s width to the right of that location. 34_614495-ch24.indd 39534_614495-ch24.indd 395 4/2/10 1:52 PM4/2/10 1:52 PM 396 Part VII: Printing, Presentation, and Web Essentials ✓ Rotate: Enter a value in this field to specify the object’s rotation as it animates. For example, if you set a Fly In from Left animation to 120 degrees, the object will rotate 120 degrees as it moves to its final loca- tion. You set the object’s rotation point by clicking one of the control points in the grid to the right of the Rotate field. ✓ Scale: Enter values in the W and H fields (for width and height) to indicate how much the object should grow or shrink in size during its animation sequence. (To set the W and H values separately, be sure to click the Constrain the Scale Value iconic button so the appearance changes to a broken-chain icon.) How the object scales depends on your selection in the Animate pop-up menu: If you choose From Current Appearance, the object’s final size will be the percentage indicated in the Scale fields, but if you choose either To Current Appearance or To Current Location, the object’s initial size will be the percentage indi- cated in the Scale fields. ✓ Opacity: Use this pop-up menu to have the object fade in or out during the animation by choosing Fade In or Fade Out. (Choose None to have the object not fade in or out.) ✓ Visibility: Use the two check boxes here to control when the object is visible. If selected, the Hide Until Animated check box keeps the object from appearing until the animation begins. If selected, the Hide After Animated check box makes the object disappear after the animation has completed. You can select both check boxes so that the object appears only while its animation is running. Figure 24-4 shows the Animation panel and a sequence of Preview panel views that show the animation in action. Sharing and managing animation effects You can save the animation settings applied to a specific object as a motion preset by choosing Save from the Animation panel’s flyout menu. In the Save Preset dialog box that appears, enter a name for the preset and click OK. You can then choose this new preset in the Animation panel’s Preset pop-up menu for other objects. (To change the preset’s settings, change the set- tings in the Animation panel, choose Save in the flyout menu, enter the same preset name in the Save Preset dialog box, click OK, and then click OK in the warning dialog box that appears.) You can also delete, import, and export animation presets in the Manage Presets dialog box, which you access by choosing Manage Presets from the Animation panel’s flyout menu. Because the motion presets in InDesign CS5 are the same as in Flash Pro CS4 and CS5, you can exchange presets between InDesign and Flash Pro using the Manage Presets dialog box. 34_614495-ch24.indd 39634_614495-ch24.indd 396 4/2/10 1:52 PM4/2/10 1:52 PM 397 Chapter 24: Presentation Project Basics Figure 24-4: Top: The Animation panel, with the set- tings for the object to its left. Bottom: A sequence of Preview panel views showing the animation’s progress. Animation proxy Create Button Trigger Preview Spread Show Timing Panel Show/Hide Animation Proxy Convert to Motion Path Remove Animation Constrain Scale Value Change Origin Point Creating and adjusting motion paths By default, a motion path is either the distance from outside the page to the object, or roughly half the width of the page, depending on the Animate menu option chosen (as described in the preceding section). But you can change the length of animation proxy — thus the motion path it represents — simply by selecting it, then dragging its end point as you would any line. You can also reverse the animation’s direction by selecting its animation proxy and choosing Object➪Paths➪Reverse Path. Also by default, the motion paths for animation effects are straight lines. But they don’t have to be. 34_614495-ch24.indd 39734_614495-ch24.indd 397 4/2/10 1:52 PM4/2/10 1:52 PM 398 Part VII: Printing, Presentation, and Web Essentials You can change the shape of the default motion path, such as to make it curve. To do so, select the animation proxy using the Direct Selection tool, then use the Pen tool and related techniques described in Chapter 17 to manipulate the path’s shape. For example, you could select its midpoint and choose Object➪Convert Point➪Symmetrical to create a simple wave-shaped motion path. Or you can create a motion path from scratch. To do so, create a path or shape as described in Chapter 17 or use one of the line or frame tools described in Chapter 7. Also create your animated object using the Animation panel, as explained in the preceding section. Select both the animated object and the object you want to be used as the motion path. Then click the Convert to Motion Path iconic button in the Animation panel. The object is converted into a motion path, with its end point placed inside the animated object. Each time you select an animated object and another object, then click Convert to Motion Path, any previously applied motion path is removed in favor of the one you just applied. Also, the object you convert to the motion path is deleted from the layout and any contents removed. So be sure only to use objects you intended to use only as the motion path before clicking Convert to Motion Path. Timing animation sequences The Animation panel covered in the earlier “Setting animation effects” sec- tion lets you specify when animations begin based on specific trigger events: when a page loads, when a user clicks in the page, when a user clicks the ani- mated object, when a user moves the mouse over the animated object, and when a specific button is clicked. If you have multiple animations set to begin when a page loads or when a user clicks in the page, the result could be dis- concerting, as several animations go off at once. Likewise, even if you have just one animation that occurs when a page loads or is clicked, you may not want the animation to start immediately, before the user has had a chance to take in what’s on the page. That’s where the new Timing panel (Window➪Interactive➪Timing) comes in. It lets you specify a delay for animations whose trigger is a page load or a page click. Figure 24-5 shows the panel. In the panel, use the Event pop-up menu to choose which animations to apply timing delays to: On Page Load or On Page Click. A list of animated objects using the chosen trigger appears in the panel. Click an animated object in that list, then enter a delay time in the Delay field. The times can be specified 34_614495-ch24.indd 39834_614495-ch24.indd 398 4/2/10 1:52 PM4/2/10 1:52 PM 399 Chapter 24: Presentation Project Basics to the thousandth of a second, such as 10.348 seconds. You can also select multiple animated objects and give them the same Delay value all at once. Figure 24-5: The Timing panel with settings for an animated object (left) and for a linked set of objects (right). Preview Spread Play Together Play Separately The Timing panel lets you create groups of animations to which you control how often they play as a group. This lets you combine animated objects into sequences. Select all the animated objects you want to treat as a sequence, then link them by clicking the Play Together iconic button. When the group is selected (click the connecting-line icon to their left to select them all), the Timing panel makes the Linked Items options available. Enter a value for how many times you want the group to play in the Play field, or select the Loop check box to make the group play continuously. Note that you can set a separate delay for each animated object in the group (select each object separately and adjust the Delay settings). Doing so lets you coordinate the sequence of playback timings for each item in the group. To see the effects of your Timing panel settings for selected animated objects, click the Preview Spread iconic button, choose Window➪Interactive➪Preview, or press Shift+Ô+Return or Ctrl+Shift+Enter. 34_614495-ch24.indd 39934_614495-ch24.indd 399 4/2/10 1:52 PM4/2/10 1:52 PM 400 Part VII: Printing, Presentation, and Web Essentials To ungroup linked objects, select the ones to remove from the group and click the Play Separately iconic button. The Timing panel’s flyout menu gives you three additional controls over ani- mated objects: ✓ Reassign to On Page Load: Choose this option to change the trigger for the selected objects to On Page Load (the change is also reflected in the Animation panel). ✓ Reassign to On Page Click: Choose this option to change the trigger for the selected objects to On Page Click (the change is also reflected in the Animation panel). ✓ Remove Item: Choose this option to remove the object from the Timing panel. This also removes any On Page Load or On Page Click triggers from the object, a change that is also reflected in the Animation panel. Exporting to Interactive PDFs and Flash Files All the whiz-bang interactivity you can create in InDesign doesn’t do a thing until you export the InDesign file to an interactive PDF or Flash file that the reader then opens on his or her computer or Web browser. After you’re done creating your interactive documents, you need to export them. The animations you create in InDesign work only in exported Flash Player SWF files — not in PDF or Flash FLA files, and not in the Web’s HTML files. Buttons and actions work in interactive PDF, Flash Player SWF, and Flash FLA files (but not Web pages) — but some specific actions, as noted earlier in this chapter, work only in Flash Player SWF files or only in interactive PDF files. Likewise, not all audio and video files will play back in interactive PDF files, so you should use MP3 audio and Flash video files exclusively to ensure maximum compatibility across export file formats. Finally, page transitions work only in interactive files that are displayed in full-screen mode and in Flash files. Exporting interactive PDFs InDesign CS5 has split its export options for PDFs into print PDF and interac- tive PDF options; use the interactive PDF option to retain button actions, media playback, and page transitions. The interactive-PDF export options in InDesign CS5 have also added more controls than in CS4. 34_614495-ch24.indd 40034_614495-ch24.indd 400 4/2/10 1:52 PM4/2/10 1:52 PM 401 Chapter 24: Presentation Project Basics Most of what you need to do to export interactive PDF files is the same as for regular print documents (see Chapter 22). The biggest difference is that there are several options in the Export Adobe PDF dialog box specific to interactive documents that you should use. To start your export, choose File➪Export (Ô+E or Ctrl+E) and then choose Adobe PDF (Interactive) in the Format pop-up menu (Mac) or Save as Type pop-up menu (Windows). The Export to Interactive PDF dialog box then appears. The key options are: ✓ Pages: The options in this section control which pages are exported and how pages are handled. Select the All radio button to export the entire document; enter a range of pages, such as 2–5, 8, to select specific pages. ✓ View: This pop-up menu lets you set the zoom level for the exported PDF file when a user opens it. The options are Default, Actual Size, Fit Page, Fit Width, Fit Height, Fit Visible, 25%, 50%, 75%, and 100%. The Default option uses whatever default the user has set in his or her copy of Adobe Acrobat or Adobe Reader. ✓ Presentation: In this section, if the Open in Full Screen Mode check box is selected, the PDF file opens in full-screen mode, with no Acrobat or Reader controls visible. If the Flip Pages Every check box is selected, you can enter a time in the adjacent text field to have Acrobat or Reader automatically play each page as if it were a slideshow, with each page displaying for the number of seconds specified. ✓ Page Transitions: This pop-up menu lets you specify which page tran- sitions are used in the exported PDF if displayed in full-screen mode in Acrobat or Reader. If you select From Document, whatever page transitions specified in the InDesign document are used; otherwise, the selected page transition is used, overriding any set in InDesign. ✓ Buttons and Media: This section lets you control how buttons, button actions, and media files are exported. By default, the Include All radio button is selected, which enables all these interactive features in the exported PDF file. You can turn off these interactive features by select- ing Appearance Only instead; this displays the buttons as static graphics and the media files as static poster images. Click OK when done setting the options to create the interactive PDF file. 34_614495-ch24.indd 40134_614495-ch24.indd 401 4/2/10 1:52 PM4/2/10 1:52 PM 402 Part VII: Printing, Presentation, and Web Essentials Exporting Flash files When you choose File➪Export (Ô+E or Ctrl+E), you can also choose to export to either Flash Player SWF or Flash FLA files from the Format pop-up menu (Mac) or Save as Type pop-up menu (Windows): ✓ A SWF file is a ready-to-play presentation file that can contain anima- tions, button actions, hyperlinks, and page transitions. Note that you can’t edit a SWF file in Adobe Flash Pro, so whatever you create in InDesign CS5 is the limit of what the SWF file can present. SWF files are playable by the Adobe Flash Player, either on a computer or via a Web browser. ✓ An FLA file is the default file format that Adobe Flash Professional CS5 uses for its projects. It can contain button actions, hyperlinks, and object states created in InDesign, but not animations. In the exported FLA file, all the supported InDesign layout objects are maintained as individual Flash objects, so you can work with each one. Likewise, all the text is editable. That makes it easy, for example, to apply ActionScript commands in Flash Pro to objects created in an InDesign layout. After you’ve selected the desired output format, click Save to open a dialog box where you can specify the export options. (If you’re not a Flash expert, consult with your Flash project manager on what settings are appropriate for your files’ intended usage.) The SWF export options The key export options for SWF files are: ✓ Export options: These options let you choose exactly what to export. Use the Selection, All Pages, or Range radio buttons to determine what is exported. If Selection is selected, only selected objects are exported. Note that if you enter page numbers in the Range field, such as 1-4, 7, the Range radio button is automatically selected. ✓ Size (pixels): The three radio button options here let you determine how to size the exported Flash Player SWF file. You have three choices: Scale, which lets you then set a percentage of reduction or enlargement; Fit To, whose pop-up menu lets you select from eight standard Web screen sizes; and Width Height, where you enter the specific width and height in pixels. The last option keeps the dimensions proportional; if you change one of these settings, the other is recalculated automatically. ✓ Interactivity and Media: Select the Include All radio button (the default) to include all interactive features used in the layout, such as hyperlinks, page transitions, media files, button actions, and animations. Select the Appearance Only radio button to disable all interactive features and simply show the interactive objects as static graphics. 34_614495-ch24.indd 40234_614495-ch24.indd 402 4/2/10 1:52 PM4/2/10 1:52 PM [...]... box, 102 colors calibrating, 353–355 default, adding, 44–45 gradients creating gradient swatches, 108 – 110 Gradient panel, 110 111 overview, 108 mixed, creating, 106 107 overview, 99 predefined, 99 swatches applying, 115 copying, 112 creating, 100 104 417 418 InDesign CS5 For Dummies colors (continued) deleting, 112–113 editing, 112 exporting, 115 importing, 113–114 tints, 107 108 using Kuler colors, 104 105 ... and Windows links ✓ Adobe InDesign Bible series and QuarkXPress to InDesign: Face to Face: Excerpts from the books, including updates from after the books’ releases and color versions of the screen images from the chapters that cover color The Adobe Web site www .adobe. com The friendly people at Adobe, who gave the world InDesign, recognize the value in providing useful information for users of their... www.indesignusergroup.com Seeking to help InDesign users share skills and tips, Adobe is supporting local user groups in many cities Here’s your chance to extend your InDesign knowledge and enlarge your personal network of graphics and layout experts You can also find links to several how-to guides from Adobe Chapter 26: Top Ten Resources for InDesign Users Creativepro www.creativepro.com Looking for. .. books — the first two I wrote — can help you expand your InDesign knowledge and related areas of expertise: ✓ My Adobe InDesign CS5 Bible gives you extensive insight and tips on using the newest versions of InDesign in professional publishing environments ✓ My QuarkXPress to InDesign: Face to Face shows you how to make the move from QuarkXPress to InDesign You’ll be running at full speed in no time, leveraging... Features in InDesign CS5 Tracked Changes InDesign CS5 lets you see text changes made within InDesign (using the Story Editor, as Chapter 12 explains) and even decide whether to accept or reject them Tracked changes from imported Word files are also shown Although InDesign CS4 began tracking text changes made in layouts, only InCopy users could see and act on them — no more, thanks to InDesign CS5 Animation... solutions The Adobe Web site offers InDesign tips and tricks, guides, interactive tutorials, and lists of user groups It’s worth your while to visit the site now and then to see what’s new Be sure to check out the InDesign community area for pro tips and help from users just like you The Adobe Web site has a special area full of tips and user-to-user discussions as well: www .adobe. com/designcenter InDesign. .. all objects appropriately Chapter 10 explains more Two Annoying Bugs No More Okay, so this is one extra item in my list of top ten new features in InDesign CS5 But since they are not new features, I can get away with it InDesign CS5 fixes two long-annoying bugs: ✓ When you have bulleted or numbered text in a column that wraps to the right of another object, InDesign CS5 properly aligns the bullets or... Bridge panel, 30 mini-Swatches panel, 101 missing fonts, 230 mixed colors, creating, 106 107 (Mixed) text, 244 mixed-ink color, 106 More Options button, 321, 323 motion paths creating and adjusting, 397–398 viewing, 394 motion presets, 393 mov (QuickTime movie) format, 281 Move Pages dialog box, 64 Mover tool, 22 moving objects, 142–143 MP3 format, 384 multimedia formats, 56 multiple document windows,... 428 InDesign CS5 For Dummies Pause iconic button, 386 PC Paintbrush (PCX) format, 280 PDF (Portable Document Format) files exporting General pane, 364–365 interactive PDFs, 400–401 overview, 362–364 Security pane, 366–367 overview, 281 PDF Options dialog box, 385 Pen tool, 24, 127, 128, 130, 131, 295, 398 Pencil tool, 127, 295 perfect square text frames, 23 Photo-Author style, 160 Photoshop (.psd) format,... menu element, 17 arrow buttons, Pages section, 288 arrowheads, 124 416 InDesign CS5 For Dummies Attributes panel, 143 audio and video animations settings, 385 audio settings, 386 overview, 384–385 video settings, 386–387 Autocorrect feature, 231–232 Autocorrect pane, Preferences dialog box, 231 autofit, 410 autoflow feature, 201, 210 automatic hyphenation, 257–258 automatic text automating page numbers, . 40836_614495-ch25.indd 408 4/2 /10 1:56 PM4/2 /10 1:56 PM 409 Chapter 25: Top Ten New Features in InDesign CS5 Tracked Changes InDesign CS5 lets you see text changes made within InDesign (using the Story. bottom! 36_614495-ch25.indd 4103 6_614495-ch25.indd 410 4/2 /10 1:56 PM4/2 /10 1:56 PM Chapter 26 Top Ten Resources for InDesign Users In This Chapter ▶ Discovering useful Web sites ▶ Using Adobe Web resources ▶. color. The Adobe Web site www .adobe. com The friendly people at Adobe, who gave the world InDesign, recognize the value in providing useful information for users of their software solutions. The Adobe