CAD Animation and Photoshop Introduction You can use Photoshop to create animations for the Web. Types of Animation which can be Created Using Photoshop You can animate the position of an object on each layer, or you can animate fading through each image to the next, or you can animate effects from one image to another. Tweening This term comes from the film cartooning industry, where artists draw frames showing images of the basic positions for each of the objects. Then teams of individuals draw a series in between images, which illustrate how each image appears to move between its positions in the enclosing major frames. If you draw an object in a specific position on one frame, and in a different position on the next, then Photoshop can fill in the intermediate tweening frames automatically to generate animated .gifâ€™s. ImageReady will also allow you to fade one image into the next by successively modifying the opacity of the images concerned to fade out the first image and fade in the next. This technique is especially useful if you want to present a series of related images, or development of an idea. In each case, you can control the number of tweening frames and the amount of time each frame is displayed before the next frame appears. How to Create an Animated GIF Moving Objects Draw your object and import it into Photoshop. Use the Window menu to switch on the Animation palette. Select the timing you want on the first frame. This shows on the bottom right of each frame. Timing may be different for each frame if you wish. Create a new frame and make it active.. Then move the object to be animated to its next position in this new frame. Create each new frame in turn moving the object to its new position.
For each new frame, click the tweening icon and select the layer(s) containing your object(s), tween with previous frame, and select parameter, position. Select the number of tween frames to add, and then click OK. Adjust the times and the frames until you are happy, and then File/Save Optimised As, to save the animation as an animated GIF, which can be displayed using Internet Explorer. Fading from One Image to the Next Create a new layer for each image which is to form part of the animation. Before you add each image, create a new animation frame. Switch the visibility on/off for each image to be shown in each frame of the animation. Once youâ€™ve set up the major animation image frames, chose the timing for each. For each new frame, click the tweening icon and select all layers, make visible the layer(s) containing your object(s), tween with previous frame, and select parameter, opacity. Select the number of tween frames to add, and then click OK. Adjust the times and the frames until you are happy, and then File/Save Optimised As, to save the animation as an animated GIF, which can be displayed using Internet Explorer.