Lesson 3A Angry Birds01 Page 3A-1 Create Animation (ver 1) Crop Images Start Adobe Photoshop.

Size: px

Start display at page:

Download "Lesson 3A Angry Birds01 Page 3A-1 Create Animation (ver 1) Crop Images Start Adobe Photoshop."

Damian Singleton
5 years ago
Views:

1 Lesson 3A Angry Birds01 Page 3A-1 Crop Images Start Adobe Photoshop. Click on File>Open. Open your AngryBirds01>Images folder. Select and open Lesson01-AngryBird and Lesson01-Pig images. Click on the AngryBird image. Click on the Crop Tool.

2 Lesson 3A Angry Birds01 Page 3A-2 Draw a close fitting selection box. Double click in the selection box so that the image becomes cropped. Resize Angry Bird Image Click on Image>Image Size Set the width to 100 pixels. Let the computer set the Height value, it might be different to the example below. Click on File>Save.

Lesson 3A Angry Birds01 Page 3A-3 Click on the

Let the computer set the Height value, it

3 Lesson 3A Angry Birds01 Page 3A-3 Click on the pig image. Crop the pig image. Resize Pig Image Click on Image>Image Size Set the width to 100 pixels. Let the computer set the Height value, it might be different to the example below. Click on File>Save. Exit from Adobe Photoshop.

4 Lesson 3A Angry Birds01 Page 3A-4 Start Adobe Flash. Click on File>Open. Open your Lesson02-Scenery file. Click on File>Save As. Name the file Lesson03-your name. Check that you have locked the following layers. Click on the Animation layer.

5 Lesson 3A Angry Birds01 Page 3A-5 Click on the Selection Tool. Draw a selection box around the structure. Relocate the structure as seen below.

Lesson 3A Angry Birds01 Page 3A-6 Import

6 Lesson 3A Angry Birds01 Page 3A-6 Import Angry Bird and Pig Images to Library Click on File>Import>Import to Library Select and open the Angry Bird and Pig images. Click on Window. Click on Library if this item has no tick. Click on the Angry Bird image.

7 Lesson 3A Angry Birds01 Page 3A-7 Drag and position Angry Bird and Pig as seen below. Activate Onion Skinning Click on the Onion Skin control. Click on Insert>Timeline>Keyframe.

8 Lesson 3A Angry Birds01 Page 3A-8 Drag AngryBird to the new location. Click on Insert>Timeline>Keyframe. Reposition AngryBird to the new location. Reposition AngryBird. Insert another keyframe and reposition AngryBird.

9 Lesson 3A Angry Birds01 Page 3A-9 At this point you should have 6 frames. Deactivate Onion Skinning Click on the Onion Skin control once more to turn this feature off. Reposition the pumpkin and the block. At this point you should have 7 frames. Make the following changes.

10 Lesson 3A Angry Birds01 Page 3A-10 At this point you should have 8 frames. Make the following changes. Check that you have 9 frames. Make the following changes.

11 Lesson 3A Angry Birds01 Page 3A-11 Check that you have 10 frames. Make the following changes. Check that you have 11 frames. Make the following changes.

12 Lesson 3A Angry Birds01 Page 3A-12 Remove Structure Image Lock and unlock the layers as seen below. Click on the show/hide control. The original angry bird art work reappears. Delete this image. Lock the layer.

13 Lesson 3A Angry Birds01 Page 3A-13 Modify Frame Rate Click on Modify>Document. Change the frame rate(images per to 2. Press the Enter key a few times to watch the animation. Click on File>Save. Create SWF and HTML Files The Publish command generates HTML and SWF files that can be viewed by most computer users. Click on File>Publish. Click on Start>Computer. Open your AngryBirds01 folder. Double click on the HTML and SWF lesson03 files.

Lesson 1A Plants Versus Zombies01 Page 1A-1 Extracting Frames from Video (ver 1) Extract Frames Using Adobe Premiere Start Adobe Premiere

Lesson 1A Plants Versus Zombies01 Page 1A-1 Extract Frames Using Adobe Premiere Start Adobe Premiere Click on New Project. Click on Browse. Single click on your PlantsVersusZombies01 folder. Click on Select