Professional Documents
Culture Documents
Ado Bee
Ado Bee
By Greg Bowden
Chapter 20
Animations
PUBLISHED BY GUIDED COMPUTER TUTORIALS PO Box 311 Belmont, Victoria, 3216, Australia www.gct.com.au Greg Bowden This product is available in Single or Multi User versions. Single-user versions are for single student or teacher use at any particular time, just as a single text book would be used. If you intend to use the notes with multiple students the single user version should be upgraded to the multi-user version. Multi-user versions allow the school or institution to print as many copies as required, or to place the PDF files on the school network, intranet and staff laptops. A certificate of authentication is provided with multi-user versions. Bookmarks provide links to all headings and sub-headings, and individual chapters are provided.
First published 2009 ISBN: Module 1 1 921217 69 3 Module 2: 1 921217 70 7 Module 3 1 921217 71 5 PDF document on CD-ROM
Every effort has been made to ensure that images used in this publication are free of copyright, but there may be instances where this has not been possible. Guided Computer Tutorials would welcome any information that would redress this situation.
Chapter
Animations
Animations can be created within Photoshop. For example, you can create time lapse photography, animated GIFs such as logos, Flash videos and QuickTime movies. The animating process involves setting the changes (or keyframes) is separate layers then turning layers on or off in frames that can be inserted in the ANIMATION panel.
20
A sample photo has been prepared for you. The exposure of the photo will be altered to simulate the sun going down. 1 2 3 Load Photoshop or close the current files and select OPEN from the FILE menu. Access the PScs4 SUPPORT FILES, open the CHAPTER 20 folder and load the file: Time Lapse We could open multiple copies of the photo taken at different times and drag each into the one file, but altering the exposure will be adequate to demonstrate the process.
20-1
4 Reduce the EXPOSURE to about -1.0 and select OK to darken the image.
5 Drag the EXPOSURE 1 layer over the CREATE A NEW LAYER icon to duplicate the layer.
6 Rename the layer EXPOSURE 2 and repeat steps 3 and 4 to reduce the EXPOSURE to about -1.0 to darken the image further.
20-2
Animations
20
7 Drag the EXPOSURE 2 layer over the CREATE A NEW LAYER icon to duplicate the layer.
8 Rename the layer EXPOSURE 3 and repeat steps 3 and 4 to reduce the EXPOSURE to about -1.0 to darken the image further.
9 Turn off the visibility of the three EXPOSURE layers in the LAYERS panel.
10
Use SAVE AS from the FILE menu to save the file in your STORAGE folder as a PHOTOSHOP file under the file name: Time Lapse Animation
20-3
Frames are used to create the animation. These are inserted in the ANIMATION panel which can be quickly added to the screen using the VIDEO workspace.
1 Click on the arrow next to the WORKSPACE box in the APPLICATION BAR and select VIDEO.
2 The panels are rearranged to show the TIMELINE panel at the base of the screen with the LAYERS panel to its right.
3 Click on the CONVERT TO FRAME ANIMATION icon at the bottom right of the panel. This will adjust to TIMELINE panel to show frames.
20-4
Animations
20
4 The first frame should be visible, click on the TIME DELAY value at the base of the frame and select 0.5 seconds.
NOTE:
The TIME DELAY value is how long the frame contents will stay on the screen before the contents of the next frame are displayed.
5 Click on the DUPLICATES SELECTED FRAMES button at the base of the ANIMATION panel. A copy of the first frame is created with the same time delay value.
6 Turn on the visibility of the EXPOSURE 1 layer in the LAYERS panel and the first darker image is displayed. This has only turned the darker layer on for the second frame, not the first.
20-5
7 Click on the DUPLICATES SELECTED FRAMES button at the base of the ANIMATION panel to insert a copy of the second frame and turn on the visibility of the EXPOSURE 2 layer.
8 Click on the DUPLICATES SELECTED FRAMES button at the base of the ANIMATION panel to insert a copy of the third frame and turn on the visibility of the EXPOSURE 3 layer.
9 Check that the LOOPING box at the bottom left of the ANIMATION panel is set it to ONCE so that the animation will play just once.
20-6
Animations
20
10 Click on FRAME 1 then click on the PLAY button at the base of the ANIMATION panel to run the animation.
11
Press CTRL+S or COMMAND+S to save the document. The frames are saved when you save a document as a PHOTOSHOP file.
D Tweening
Tweening is the process of adding frames in between current frames to make an animation smoother. Photoshop automatically adjusts the animation in the inserted frames. At the moment the time lapse animation is very jerky so some tween frames will be inserted to make it look more consistent. 1 Click on the first frame then hold down the SHIFT key and click on the second frame so that both frames are selected. 2 Click on the TWEEN ANIMATION FRAMES button at the base of the ANIMATION panel.
3 Leave the TWEEN WITH box set to SELECTION, the FRAMES TO ADD box set to 5 and select OK.
NOTE:
You can add more frames to make the animation smoother, but this also increases the file size.
20-7