Adobe Flash chuyên nghiệp - p 27 pot

ptg adobe fLash professionaL Cs5 CLassroom in a book 251 e movie clip contains motion tweens of several photographs fading in and out. A movie clip’s animation is independent of the main Timeline and plays only when you test the movie (Control > Test Movie > in Flash Professional). 4 In the Library panel, drag the contact movie clip symbol from the Library panel to the Stage. Position the contact movie clip instance at X=620 and Y=175. e movie clip of the real estate agent and her contact information is a simple static graphic. Download from Library of Wow! ebook ptg 252 LESSON 7 Using Text Linking the text boxes Now you’ll arrange several linked text boxes around the graphic elements. 1 Select the Text tool. 2 In the Properties inspector, select TLF Text and Read Only. In the Character section, choose Times New Roman for Family, Regular for Style, 14.0 for Size, 20.0 for Leading, and black for Color. 3 Click and drag out the first text box that takes up the space above the photo of the bedroom and whose right edge extends to about the middle of the Stage. Don’t worry about being too precise because you can always adjust the size and location of your text box. Your first text box is created. Download from Library of Wow! ebook ptg adobe fLash professionaL Cs5 CLassroom in a book 253 4 Click on the empty box on the lower-right corner of your text box. Your cursor changes to an icon of the corner of a text box ( ) . 5 Click and drag out your second text box just to the right of the photos movie clip instance. When you release your mouse cursor, your second text box becomes linked to the first text box. Blue lines that connect the first to the second represent the linkage.  Note: If you simply click on the Stage to define your next linked text box, Flash creates a text box that is identical in size to the previous text box. Download from Library of Wow! ebook ptg 254 LESSON 7 Using Text 6 Click on the empty box on the lower-right corner of your second text box; then click and drag out your third text box above the real estate agent contact information. 7 Continue creating linked text boxes until you have five boxes that flow around the photo and real estate agent. Download from Library of Wow! ebook ptg adobe fLash professionaL Cs5 CLassroom in a book 255 Adding content to the linked text boxes Next, add text to your linked text boxes. Begin with the first text box, and as text reaches the limit of one box, it will automatically flow into the next. 1 Open the file 07SampleRealEstateText1.txt from the 07Start folder if it’s not already open. 2 Copy the description of the property. 3 Double-click the first text box on the Stage and paste the text. Click on the Stage outside the text boxes to deselect them and view how your text appears as it wraps around the graphics. Adjust the size or location to finesse the way your text flows from one box to the next.  Note: Treat the linked text boxes as if they were a single container. As you add, delete, and edit text, the contents reflow to fit. You can select all (Edit > Select All), and the contents of all the linked text boxes will be selected. Download from Library of Wow! ebook ptg 256 LESSON 7 Using Text Deleting and inserting text boxes If you need to edit the way the text flows, you can always delete linked text boxes or add new ones, and the linkages between the existing ones will be maintained. 1 With the Selection tool, select the second linked text box. 2 Press the Delete key on the keyboard. e second linked text box is deleted from the Stage, but the remaining text boxes maintain their linkages. e first text box is now linked to the third at the top of the second column. Notice that the last text box shows the red cross at its bottom-right corner, indicating overflow text that cannot be displayed. 3 Click on the box containing the small arrowhead on the lower-right corner of the first text box. Download from Library of Wow! ebook ptg adobe fLash professionaL Cs5 CLassroom in a book 257 4 Click and drag out the text box to reestablish the one you just deleted. A new text box is inserted between the existing linked text boxes, and the text reflows to fill the new container. Breaking and relinking text boxes You can also break the links between text boxes and create new linkages. 1 Click on the box containing the small arrowhead on the lower-right corner of the first text box ( ). 2 Move your mouse cursor over the second text box. Your cursor changes to a broken link icon ( ), indicating that you can break the link to the text box that is currently below your cursor. Download from Library of Wow! ebook ptg 258 LESSON 7 Using Text 3 Click on the second text box. e link from the first text box to the second text box is broken. Your text now can’t flow out of the first text box. 4 Let’s reestablish the link. Click on the red box on the lower-right corner of the first text box and move your cursor over the second text box. Your cursor changes to a linked icon ( ), indicating that you can establish a link to the text box that is currently below your cursor. 5 Click on the second text box. Download from Library of Wow! ebook ptg adobe fLash professionaL Cs5 CLassroom in a book 259 e first text box is again linked to the second text box. Your text now flows throughout the five text boxes. Finding the Next or Previous Link Sometimes, if you have multiple linked text boxes, it may be confusing to see the linkages or difficult to select the boxes in succession. You can right-click/Ctrl-click over any text box and, if it is linked, you can choose Find Previous Link or Find Next Link. The previous or next linked text box will become selected. Hyperlinking Text e description of the property on the realtor site contains references to several landmarks and destinations of interest in Meridien City. You’ll add a hyperlink to one of those text references so your users can click it and be directed to a Web site with additional information. Hyperlinks are easy to add to text and don’t require any HTML or ActionScript coding. Download from Library of Wow! ebook ptg 260 LESSON 7 Using Text Adding a hyperlink 1 Double-click the second linked text box on the Stage and select the words Avalon Green. 2 In the Advanced Character section of the Properties inspector, enter http://www.avalongreen.org for the Link and choose _blank in the Target pull-down menu. e selected words in your text box become underlined, indicating that it is hyperlinked. e Web address is a fictional one. Be sure to include the protocol http:// before any URL to choose a site on the Web. e Target field determines where the Web site loads. A _blank Target means that the Web site loads in a blank browser window.  Note: A _self Target loads the URL in the same browser window, taking over your Flash movie. A _top and _parent Target refers to the arrangement of a frameset, and loads the URL in a particular frame relative to the current frame. Download from Library of Wow! ebook . ptg adobe fLash professionaL Cs5 CLassroom in a book 251 e movie clip contains motion tweens of several photographs fading in and out. A movie clip’s animation is independent of. next. 1 Open the file 07SampleRealEstateText1.txt from the 07Start folder if it’s not already open. 2 Copy the description of the property. 3 Double-click the first text box on the Stage and paste. and plays only when you test the movie (Control > Test Movie > in Flash Professional). 4 In the Library panel, drag the contact movie clip symbol from the Library panel to the Stage. Position