Adobe Creative Classroom Suite 5 Design Premium Digital classroom phần 6 docx

2 Click and drag to draw a rectangle to the upper left of your fish. It’s okay if it goes off the Stage into the pasteboard. If you’d like to match the sample file, in the Property Inspector make sure the Lock width and height button ( ) is disabled and set the rectangle’s size to 200 pixels wide by 130 pixels high. 3 In the Property Inspector, locate the Rectangle Options section; you’ll see four text fields and a slider. Here is where you set the corner radius for all or each of your rectangle’s corners. By default, the four corners are locked together and use the same value. Click and drag the slider to the right until the corner values read about 40—you see the corners of the rectangle begin to round out. 686 Add a corner radius to the rectangle primitive using the slider in the Property Inspector. 4 Next, you’ll modify the corner radius using a slightly different technique. Instead of using the slider in the Property Inspector, you can grab the points adjacent to any corner and drag them to reshape the corner radius. 687 5 Switch to the Selection tool ( ), then click and drag the point in the upper-left corner of your rectangle to the left and right. As you can see, this modifies the corners of your rectangle—move slightly to the right to reduce the corner radius. Using the Selection tool can be a more tactile way to modify corners. 6 Choose File > Save to save your work. You’ll now add the stem to make this a true word balloon—however, you may have noticed that primitive shapes behave unlike any other shape you’ve used so far. While they appear to look and function much like Drawing Objects, they actually can’t be modified in the way that Drawing Objects can. Neither the Selection nor Subselection tool will allow you to modify them in the way you’ve been able to do with Drawing 688 Objects and mergeable artwork. To accomplish this, you need to break the shape down to artwork that you can manipulate freely. Keep in mind, however, that doing this is a one-way street: You can’t convert a shape or Drawing Object back into a primitive once it’s been broken apart. 7 If it’s not already active, switch to the Selection tool ( ) and click once to select the rectangle primitive. 8 You’ll now break this out of a primitive down to artwork you can manipulate further. Choose Modify > Break Apart, and the shape now appears with the dotted pattern that indicates it is now a mergeable shape. Keep in mind that you cannot go back. Use Modify > Break Apart to convert the primitive shape to a mergeable shape. 689 Choose the Subselection tool ( ) from the Tools panel and click once on the edge of the shape to reveal its points and paths. 9 Switch to the Add Anchor Point tool ( ). In the lower-right corner of the rectangle, click to create two new consecutive anchor points before the corner. 10 Switch to the Subselection tool, again, then click on the second point (the one closest to the corner) and drag it down and to the right to form the stem of your word balloon. Form a stem by pulling out the second of the two new points you created. 11 With the shape still selected, choose Modify > Combine Objects > Union to convert the shape to a Drawing Object, which you can easily move and stack later on. 690 12 Choose File > Save to save your work. Adding text to your artwork Flash allows you to create and style text to include in your movies, which can also be incorporated into animations or rendered in 3D. In addition, text is one of a few objects in Flash that can have filters applied to enhance its appearance. New & Improved: Flash TLF Text A significant new improvement in Flash typography is the TLF Text engine, which supersedes and vastly adds upon the capabilities of the “classic” Flash Text tool. TLF Text boasts features such as multi-column text and threaded text frames, which most designers have become accustomed to working with in other Adobe applications such as InDesign and Illustrator. In addition, many subtle but advanced text options such as character rotation and vertical orientation are now available through an expanded character options panel in the Property Inspector. You can continue to use Flash’s older text model (now labeled as the Classic Text option in the Property Inspector), but for the purpose of the following exercises you’ll be using the new TLF Text engine for all tasks. In this lesson, you’ll use the Text tool to add and style some cool text inside of your fish’s word balloon and alongside the edge of the stage. 1 Select the Text tool ( ) from the Tools panel. Click once and drag within your word balloon to create a new text box 691 that’s slightly smaller than the balloon itself. The box appears with a blinking cursor in the upper left-hand corner, indicating that you’re ready to type. 2 Type the words A Fish’s Story: within the text box. Click and drag across all the text within the box to select it. Use the Text tool to add some text to your word balloon. 3 In the Property Inspector, locate the Character options, which include menus for Family, Color, and Size. Choose Arial (or equivalent) from the Family menu to change the typeface. Move your cursor above the Size value, and drag to set the type size to 24 points. Click the Color swatch and set the type color to black (#000000). 692 Specify typeface, size, and color options for your new text from the Property Inspector. 4 Press the Escape key twice to exit the current text box and make the Text tool active again. You’ll now add some text along the left side of the stage for more visual impact. 693 5 At the top of the Property Inspector, locate the Change orientation of text drop-down menu. Click it and select the Vertical option. This will create vertically-oriented text next time you use the Text tool. The Change orientation of text drop-down menu. 6 Click (but don’t drag) near the left edge of the stage to create a new text box, and type the words Go Fish! You’ll see that the text now is created vertically alongside the left edge of the stage. You’ll notice that you’ve created text on the stage using two slightly different techniques: Clicking and dragging to create a pre-sized text box, or simply clicking on the stage to begin a new type path. The former of the two will result in a text box that can take advantage of advanced type options and such as text-flow, multi-column text. The single click approach is a good way to create single lines of text for more basic and aesthetic purposes. 694 New: Working with Threaded and Multi-Column Text The new TLF Text Engine brings a wealth of new capabilities to Flash type, many of which designers have become accustomed to in other Adobe applications such as Illustrator and InDesign. This includes the ability to flow (thread) text across multiple text boxes, multi-column text and a variety of advanced character and paragraph options. Next, you’ll add more text to your fish’s word balloon, and to catch the additional words you’ll add a second text box on the stage. You’ll also take a look at splitting large blocks of type it into columns for better presentation. 1 If it’s not already active, select the Text tool ( ) from the Tools panel. Also, make sure that the orientation of your text is set back to Horizontal (select Horizontal from the Change orientation of text drop-down menu toward the top of the Property Inspector). 2 Click and drag in the lower-right hand corner of the stage to create a second, empty text box (it should take up roughly the entire lower-right quarter of the stage). 3 To resize the new text box, hover over any of the box handles on the sides or corners until you see a double-arrow. Click and drag to resize the text box until it’s just right. 695 [...]... to each stop 4 Double-click the right slider, and the Swatches panel appears Choose the dark orange color marked #CC 660 0 Double-click the left slider, and from the Swatches panel, choose the light orange color marked #FF9900 7 05 Set a unique value for each color stop on your gradient 5 The position and distance between the two sliders determines the blend point Moving one slider closer to the other... 75 for the Scale value, and 25 for the rotation value; then press OK to exit the dialog box 4 Your fish now appears smaller and rotated slightly upward Use the Selection tool to move your fish to the center of the Stage, closer to the word bubble To fine-tune, you’ll use the Free Transform tool, which offers a more tactile (but less precise) way of scaling and rotating your artwork Rotate the fish 5. .. the various filters you can apply to your text Select the Drop Shadow filter 69 9 Apply filters to selected text from the Filters section of the Property Inspector 4 Options appear for the new Drop Shadow filter, which you can fine-tune To start, click and drag the Strength value to reduce the strength (opacity) to 30 percent 5 Click and drag the Distance value to increase the distance to 10 pixels Under... certain that All Files are set to display in the dialog box in order to view and select a txt file 5 Select all the text within the text file you opened by triple-clicking within any point in the document, and choose Edit > Copy or Ctrl+C (Windows) or Command+C (Mac OS) to copy the selected contents 6 Return to your Flash file by selecting its tab at the top of the workspace Your text tool should still... middle—this makes the lighter orange more prominent than the dark orange 6 To add colors to your gradient, you’ll add more color stops Add a new color stop by clicking on the far left edge of the color ramp A new stop should appear below the color ramp Double-click the stop, and choose white (#FFFFFF) from the Swatches panel 7 06 Now, you’ll save this gradient for use later on 7 Locate and open the Color... and drag to draw a small circle to the left of your fish Leave the circle selected 4 If it’s not already open, choose Window > Color to open the Color panel 5 Double-click the black color stop to open the Swatches panel, and choose white (#FFFFFF) 6 With the stop still active, locate the Alpha slider; this sets the opacity of the selected color in the current gradient Click and drag the slider downward... to solid and the color to black (#000000) 2 Locate the R, G, and B text fields on the Color panel, click the stroke icon ( ) to make certain the stroke (and not the fill) is selected, and type 250 , 100, and 16, respectively This creates a dark orange color that is immediately applied to the stroke 3 From the Color panel menu located in the upper-right corner, select Add Swatch to add your new color... color set into the selected folder The color set appears in your destination folder as a single clr (Flash Color Set) file You can also choose to save your swatches in act (Adobe Color Table) format, which allows you to exchange it with Adobe applications such as Photoshop 711 and Fireworks You can even load act color tables exported from Fireworks back into Flash if you’d like! Organizing and layering... position and layer them as needed to make your movie work for you Flash gives you a lot of control over your Stage through a robust layer structure that you may already be accustomed to using in other Adobe design applications Working with layers On a single layer, you have a great deal of flexibility to arrange Drawing Objects and grouped graphics—however, as your artwork becomes more complex, you’ll... identify which graphics belong to which layers and rename them appropriately 5 Choose Edit > Deselect All First, click on the fish on the Stage to select it, and look at the Timeline panel below The layer that becomes selected is the one to which it belongs Double-click directly on the layer’s name to edit it, and type in the name Fish 6 Repeat step 4 for the bubble and word balloon, naming them Bubble and . multi-column text and threaded text frames, which most designers have become accustomed to working with in other Adobe applications such as InDesign and Illustrator. In addition, many subtle but. purposes. 69 4 New: Working with Threaded and Multi-Column Text The new TLF Text Engine brings a wealth of new capabilities to Flash type, many of which designers have become accustomed to in other Adobe. Choose the dark orange color marked #CC 660 0. Double-click the left slider, and from the Swatches panel, choose the light orange color marked #FF9900. 7 05