Adobe Flash Professional CS6 Textbook

Adobe Flash Professional CS6: A Tutorial Approach

Adobe Flash Professional CS6 is a multimedia platform for creating digital animation, rich web applications, websites, movies as well as content for mobile phones, and other embedded devices. It is frequently used for creating advertisements and games. Some of the most popular games made in Flash are Minesweeper, Pac Man, Tetris, and Bejewelled. Flash has also been used to create many popular movies and series such as Off-Mikes, Gotham Girls, CrimeTime, and Homestar Runner.

Adobe Flash Professional CS6: A Tutorial Approach textbook introduces the readers to the Adobe Flash Professional CS6, one of the world’s leading 2D graphics, animation, and web design and development software. This textbook covers all features of Adobe Flash Professional CS6. In this textbook, the author emphasizes on the 2D drawings, animation, Inverse Kinematics, web page design and development, ActionScript 3.0, sound and videos, and exporting and publishing for web.

This textbook will help you unleash your creativity, thus enabling you to transform your imagination into reality with ease. The textbook caters to the needs of both novice and advanced users of the software. Written with the tutorial point-of-view and learn-by-doing theme, this textbook is ideally suited for learning at your convenience and pace.

Table of Contents

Chapter 1

Introduction to Adobe Flash Professional CS6

Chapter 2

Working with Graphics and Text

Chapter 3

Working with Symbols and Instances

Chapter 4

Creating Animation

Chapter 5

Motion Editor

Chapter 6

Creating and Controlling Bones

Chapter 7

Understanding ActionScript 3.0

Chapter 8

Creating Interactive Applications

Chapter 9

Working with Sound and Video

Chapter 10

Working with External Content

Chapter 11

Exporting and Publishing Flash Content

Project 1

Creating a Scrolling Background

Project 2

Creating Interactive Navigation

More Info

FLTIP001 - Converting Rastor Images into Vector (Editable).

In this tip, you will learn how to convert a rastor image (bmp, jpg, and so on) into vector.

1. Import the image to the Stage using the Import > Import to Stage option from the File menu, refer to Figure 1.

Figure 1

2. Select the image in the Stage and choose Modify > Bitmap > Trace Bitmap from the menubar; the Trace Bitmap dialog box is displayed, refer to Figures 2 and 3. In the Trace Bitmap dialog box, set the required values and choose the OK button; the rastor image is converted into vector, refer to Figure 4.

Figure 2

Figure 3

Figure 4

ft0002-Nested Animation

In this tutorial, you will learn how to create a animated tyre in Flash.

1. Choose Oval Tool.

2. In the Properties panel, set the value of the Stroke slider to 26.

3. Create a circle in the Stage and set the value of W and H in the Properties panel to 137, refer to
Figure 1.

Figure 1

4. Select the fill of the circle using Selection Tool and press DELETE.

5. Select the stroke of the circle and choose the Stroke color swatch in the Properties panel; a flyout is displayed. In this flyout, choose the radial gradient swatch, refer to Figure 2.

Figure 2

6. Create a new layer in the Timeline panel. Drag this layer and place this layer below Layer 1. Select Line Tool from the Tools panel and then create the shape in Layer 2, as shown in Figure 3. Make sure that there is no gap between the stroke drawn.

Figure 3

7. Choose Paint Bucket Tool from the Tools panel and select the radial gradient swatch using the Fill color swatch in the Properties panel.

8. Click in the shape that you have created in the Stage; the gradient fill is applied. Double-click on the stroke of the shape in the Stage and press the DELETE key.

9. Select the fill using Selection Tool and choose the Color button to display the Color panel. In the Color panel, set the colors of the pointers of the gradient bar, as shown in Figure 4. 

Figure 4

10. Choose Gradient Transform Tool. Scale and position the gradient, refer to Figure 5. 

Figure 5

11. Create four copies of this shape and using Free transform Tool position them as shown in Figure 6.

Figure 6

12. Choose Selection Tool and marquee select all the copies of the shape. Next, drag and place them below the shape drawn in Layer 1, refer to Figure 7.

Figure 7

13. Marquee select all the elements in the Stage and press the F8 key; the Convert to symbol dialog box is displayed. Enter Tyre in the Name text box and select Movie clip from the type drop-down list and choose the OK button.

14. Double-click on the Tyre instance in the Stage;  the symbol editing mode is displayed. Select all the elements in the Stage and convert it into a movie clip symbol with the name Tyre_nested.

15. Right-click on frame 1 in the Timeline panel; a flyout is displayed. Choose the Create Motion Tween option from the flyout; the layer is converted into the motion tween layer, refer to Figure 8.

Figure 8

16. Place the playhead on frame 24 and click on the frame 24 and press the F6 key to insert a keyframe.

17. Click on any frame between 1 to 24. In the ROTATION area of the Properties panel, enter 2 in the Rotation text box.

18. Click on Scene 1. Right-click on frame 1 and choose the Create Motion Tween option from the flyout.

19. Place the playhead on frame 1 and select the Tyre instance in the Stage. In the POSITION AND SIZE area of the Properties panel, set the value of X to -95 and the value of Y to 312.

20. Place the playhead on frame 24 and select Tyre instance in the Stage. In the POSITION AND SIZE area of the Properties panel, set the value of X to 637 and the value of Y to 312.

21. Press CTRL+ENTER to preview the animation.