Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1....

15
Flash Interface

Transcript of Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1....

Page 1: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Flash Interface

Page 2: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 1 : Creating Shape

Using Line Tool

Freeflow line ( Pencil tool)

Page 3: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Polygon

Page 4: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Resize and Transform Object

1. Select selection tool.

2. Double click at the object.

3. Select free transform tool and resize/tranform the object

Change object colour

1. Double click on the object.

2. Select colour fill and change the colour.

Gradient Colour

1. Double click on the object

2. On colour panel, change the type from solid to radial

3. Change colour on the left and right

Page 5: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

4. Gradient Transform Tool to change direction of gradient.

Page 6: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial : Import Pictures

1. File > Import > Import to stage

2. If you want to resize, use transform tool. Press SHIFT button along to get ratio size.

Page 7: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 2 : Animated Object

1. Create new file Flash File

2. Select oval tool>change colour( if you want)

Page 8: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

3. Click and drag to stage

4. Select selection tool and double click on the oval to make it active.

5. Select Modify>Convert To Symbol.

6. Change type to GRAPHIC and click OK.

7. Click at frame no 30 , right click mouse and select Insert Keyframe

Page 9: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

8. Click on the oval dan drag to new location ( for example to the right)

9. Highlight frame 1 to 30 ( using shift key)

10. Right click and select Create Motion Tween

11. Now, try run the animation by Press Enter or Control > Play

Page 10: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 3 : Animation with resizing object

1. Repeat the same step as previous tutorial.

2. Click at frame 30

3. Use free transform tool to resize became smaller or bigger

4. Press ENTER to run animation

Page 11: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 4: Change shape from oval to rectangle

1. Create new file

2. Create new oval using oval tool

3. Right Click at frame 40, and select Insert Blank Keyframe

4. At frame 40, insert new rectangle.

5. Right Click at frame 20, select Create Shape Tween

6. Run animation by press ENTER

Page 12: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 5: Adding Text

1. Select

2. Edit font properties

3. Add text to stage.

Page 13: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

Tutorial 6 : Text changing colour

1. Create new file with black background.

2. Click text tool and change properties Static Text , Arial 40 , yellow , anti alias for

animation

3. Add text to centre stage ( any).

Page 14: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

4. Select modify >break apart

5. Select Modify>Convert to Symbol and tick to graphic

\

6. Right click at frame 15 and insert new keyframe

7. Right click at frame 30 and insert new keyframe

Page 15: Flash Interface - Universiti Teknologi MARA · Tutorial 4: Change shape from oval to rectangle 1. Create new file 2. Create new oval using oval tool 3. Right Click at frame 40, and

8. Click at frame 15 and click at text.

9. At text properties, change as follow. Change colour from none to tint ( colour to oren

etc)

10. Highlight frame 1 to 30 (SHIFT).

11. Right click and select motion tween.

12. Run your animation.