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.
To customize the Sliding Rod animation, fill the "Background" layer with the desired color or texture . The color or texture that you use for the "Background" layer should match the background color or texture of the Web page that the animation will be playing on. Now fill the "Dot Texture" and "Housing Texture" with a color or texture (make sure the "Preserve Transparency" option is on before applying any fills). If you want to add text, place the text above the "Position 5 Gel" layer. You can also Colorize the "Position 1-6" and "Position 1-6 Gel" layers, if you like, with the Hue/Saturation command using the Colorize option.
To generate the first frame of the Sliding Rod animation, turn on or make visible all of the layers. Next make all of the "Position" layers invisible except for the "Position 1" layers. Select All and 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 the "Position 1" layers and turn on the visibility of the "Position 2" 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 this process through to the "Positon 6" layers. For example, to create frame 3, turn off the visibility of the "Position 2" layers and turn on the visibility of the "Position 3" layers. Select a visible layer and choose Copy Merged from the Edit menu. Paste into the new document.
If you prefer, you can start the animation with "Position 6" going to "Position 1." Note that for this animation to loop correctly you will need to make duplicates of many of the layers. For instance, the 6 frame animation would start with frame 1, go to frame 6 and then would go back through frames 5, 4, 3, and 2 to loop back to frame 1.
|
|
