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 Diamond Split Animation contains two different types of shading layers each of the main elements. However, this animation has frames that build upon one another. Each element has a set of Highlight and Shadow layers as well as a single layer that you must use the "Hard Light" layer mode with. These shading layers can be combined, you can also decrease the effect by reducing the opacity.
To customize the animation, fill the "Closed Shape Texture," "Right Arrow Texture," and "Left Arrow Texture," and "Dot Texture" layers with the desired color or texture (make sure the "Preserve Transparency" option is on before applying any fills). Similarly, fill "Background Texture" layer with a texture or color that matches your web page's texture or color. To generate the first frame of the Diamond Split Animation, turn on or make visible all of the layers with the label "Closed Shape" on them (depending on which highlights and shadows layers you are using). 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, make all of the layers with the label "Closed Shape" on them invisible and turn on the visibility of the layers with the labels "Right Arrow," "Left Arrow" and "Dot". You should try to use the same highlights and shadows for these elements as you used with the "Closed Shape" 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. To create the remaining frames, nudge the Left and Right Arrows to the left and right respectively. Leave the "Dot" layers stationary.
You can nudge the Arrow layers over as many times as you wish (though, you might have to make the canvas larger). Note that if you want the animation to loop properly, you will need to move the arrow layers back toward the center. So, for example, say you create an animation wherein your first frame the diamond shape is closed. Then, the arrows move appart for 3 frames and reach the apex or furthest distance apart in the fifth frame. To have the animation loop, you'd have to add three more frames to the animation. The simplest way to do this is to merely duplicate frames 2, 3, and 4, place them behind frame 5 and reverse their order.
|
|
