Back to main AniPack page
Download Photoshop file
Note: we recommend that you save out a new version of the Photoshop animation file before customizing the animation so that if you end up with something you don't like or want to generate a new variation, you can always start over. Of course, you can always download the Photoshop file from the NavWorks site again, but it will usually just be easier and faster if you make your own copies.
The Photoshop file for the Radial Animation contains 2 "Texture" layers and 2 "H&S" (which stands for "Highlights and Shadows") layers. After the first frame, there are also two additional Highlights and shadows layers for the hole. To customize the animation, fill the "Top" layer with the desired color or texture (make sure the "Preserve Transparency" option is on before applying any fills). The color or texture that you use for the "Top" layer should match the background color or texture of the Web page that the animation will be playing on. Now fill the "Background" and all of the "Texture" layers with a color or texture (again, make sure the "Preserve Transparency" option is on before applying any fills). As mentioned, there are 2 "Texture" layers for each frame. You can color or texture these layers either with the same color/texture or with a different color/texture as in the example above.
To generate the first frame of the Radial animation, turn on or make visible all of the "F1" layers (The "F" stands for "Frame"). Select All, Click on one of the visible layers. Choose Copy Merged from the Edit menu. Paste into a new document. To make Frame 2, turn off the visibility of all of the "F1" layers and turn on the visibility of all of the "F2" layers. Select a visible layer and choose Copy Merged from the Edit menu (this assumes you still have the entire document selected, if you don't Select All). Paste into the new document (the same document that you pasted frame 1 into). Continue doing the process up through the "F6" layers. Create one final frame with all of the "F" layers turned off. See the tutorials for more information/examples on how to use the layered Photoshop files that come with AniPack 1 to generate GIF and Javascript animations.
One final note: the Radial animation is designed to have a maximum of 7 frames between fully closed and fully open, although you can remove frames if you need to make the animation's file size smaller. For example, to make a version of the Radial animation with only 4 frames from fully open and fully closed, use only the odd numbered frames (see below). Finally, note that for this animation to loop correctly you will need to make duplicates of many of the layers. For instance, the animation would start with frame 1, go to frame 7 and then would go back through frames 6, 5, 4, 3, and 2 to loop back to frame 1.
|
|
