FLASH L07 VIEW TOOLS
1 like510 views
The document is a learning module for using Flash animation tools, focusing on identifying view tools, working with the pen tool, and incorporating text. It includes detailed exercises for creating shapes and text formatting while emphasizing the importance of practice with the pen tool. The module culminates in a project related to global warming, utilizing multimedia elements and effective use of various Flash tools.
FLASH L07 VIEW TOOLS
- 1. FLASH ANIMATIONVIEW TOOLS Marvin B. Broñoso Flash Animation Teacher 0918 6975164 mbronoso@gmail.com
- 2. LEARNING COMPETENCIES At the end of this learning module the student will be able to: ○ Identify the flash tools for viewing. ○ adjust document properties ○ Work with text inside the flash animation software.
- 3. VIEW TOOLS While working in Flash, you may need the view tools on the toolbar that will allow you to quickly move on the stage. Hand Tool Zoom Tool TIP To zoom out, hold down the ALT key then click. Drags the stage to view another part of your document Zooms in or out to view more or less of the stage.
- 4. GLOBAL WARMING PROJECT Now we are going to completethe global warming multimedia project. You will need to enhance your Earth drawing from the previous exercise. The effect that you are trying to achieve is the one shown. The next drawing will be the hat. You can draw the hat by using several tools like the merged oval, and just drag the nodes or the pencil. For this exercise, you will use the Pen Tool. This tool will allow you to have greater control over creating lines. The next exercise will show you how the pen tool works.
- 5. EXERCISE: Pen Tool Practice 1. Open a new Flash document. 2. Select the Pen Tool. This tool will create lines by creating anchor points for your lines. For your first pen practice, you will first create straight lines to make up a triangle.
- 6. EXERCISE : Pen Tool Practice 3. Click at the bottom left then at the top, and then at the bottom right. To join the points to make up the triangle, click the bottom left point again. Your pen mouse pointer will display a small circle beside it, which will indicate that the nodes have been locked together. This will close the gap between the lines. Then you can select the delete anchor point tool to delete the center starting point of our triangle.
- 7. EXERCISE : Pen Tool Practice 4. Close the document without saving. Now, try drawing Bezier curves. Bezier (Pronounced as bez-ee-ay), are curved lines defined by mathematical formulas that employ at least three points to define a curve. It was named after Pierre Bezier. He was a French engineer known for the Bezier curve and Bezier surface. A curve has two endpoints, which are called anchor points. The other points are called handles, tangent points, or nodes. In each handle are two Control Points. You can modify the shape of the curve by moving the control points. ANCHOR POINT HANDLE
- 9. ACTIVITY : PEN TOOL 1. Open a new Flash document. 2. Select the Pen Tool. Click and drag on the Stage twice to a different location, and the double click to end the drawing. Notice how the curves are being made by the pen. 3. Erase the drawing by pressing the delete key. 4. Try using the pen to create a circle. It doesn’t need to be a perfect circle. Just doodle using the pen tool. Make sure that you close the gap by joining the first and last nodes. 5. Save your work as ACTIVITY 2 – PEN TOOL Do not worry if you are having a hard time. Using the pen tool needs a lot of practice. The success with drawing curves depends on the ability to control the handles. The further away from the anchor point we drag, the longer the direction handles will be. The longer the handle, the longer the curve will be.
- 11. ACTIVITY : USINGPEN TOOL TO DRAWTHEHAT 1. Open GlobalWarming_Intro.fla. You will use the Pen Tool to trace a graphic. The first thing that you need to do is to put the graphic on the Stage. 2. In the dialog box, locate the Flash Practice Files folder. Download the “Earth Fever.jpg” in our website or edmodo page. 3. Then browse for it by clicking File > Import > Import to Stage
- 12. ACTIVITY : USINGPEN TOOL TO DRAWTHEHAT 4. The image should now be in your Stage. Click the Pen Tool and use it to trace the hat. Make sure that the drawing is not merged. 5. Add a red fill color to the hat. 6. Click the image on the stage, and the press Delete. 7. Save the Flash Document named ACTIVITY: HAT.
- 14. ACTIVITY : WORKING WITH TEXT There are two formats that you can use to add text in Flash: Text Layout Framework (TLF) and Classic Text. The TLF Text, which requires ActionScript 3.0 and Flash 10 or higher, provides the following enhancements: • Option to adjust the leading and tracking. • Allows creation of right-to-left text. • Allows text overflow across multiple containers. • More control over the text layout. There are three types of Classic Text: Static, Dynamic and Input. Here are their uses: • Use Static Text when the text will not change, such as button and form labels. • Use Dynamic Text for text that will change as the movie plays, usually set in the ActionScript program. • Use Input text for requesting input from the viewer, such as username and password.
- 15. ACTIVITY : WORKING WITH TEXT 1. Open GlobalWarming_Intro.fla. 2. In the tools panel, select the Text Tool. 3. Select Classic Text from the Properties Panel. 4. Type the following text below the globe artwork: “The temperature is rising. The earth has fever.” 5. After typing, click the Selection tool to select all the text
- 16. ACTIVITY : WORKING WITH TEXT 6. In the properties panel, apply basic character formatting according to your preference. a. In the character section, choose a different font family in the font family menu. b. Choose a different font style, such as Italic or Bold. c. Set a different font size appropriate for your artwork. d. Choose a different font color by clicking the color box. e. In the Paragraph section, choose the centered alignment for your text. 7. Save your flash document.
- 17. ACTIVITY : WORKING WITH TEXT Merge Drawing – blends shapes when they overlap on the stage. Object Drawing – Treats your shapes as grouped objects that can overlap without affecting each other. Bezier – (Prounounced as bez-ee-ay) are curved lines defined by mathematical formulas that employ at least three points to define a curve. In this lesson, you were able to differentiate from an object drawing from an object drawing. You can draw different shapes from the rectangle tool and modify them by using the subselection tool to drag the nodes. The pen tool is useful to trace objects on your stage. Adding text is easy by using the Text tool and adjusting its properties.