Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process.  Home Photoshop ImageReady Animation Animated Glowing

Animated Glowing


1. Open up a psd that you would like to animate. Your psd needs two different pictures at least. One picture should be how your document starts, and the second is how it looks when finished. I will be using these two pictures:

image 1

Before Glow

image 2

After Glow

2. Make sure that your document is at the starting point (in this case, the before glow image). Open up your animation window (Window > Animation):

image 3

3. You should see a new toolbar pop up with your current image thumbnailed inside of it labled 1, with 0 sec below it. The one means that this is your first frame. Duplicate this frame by pressing this button in your animation window:

image 4

4. Now there are two frames in the animation window. Select frame 2 by clicking it. Now make the glowing layer your top layer:

image 5

5. Now we need to make these two frames blend together. This is actually very simple. We need to make a tween. To do this, click the button with the 4 dots in a diagonal line.

image 6

6. And now enter the following values:

image 7

Tween With: - This is what you are animating from. In this case, we are animating frame two from the previous frame, frame 1 (Non Glow to Glow).

Frames to Add: - This decides the number of frames to be made in your animation. Generally, the more frames, the smoother, but also a larger filesize.

Layers: - This decides what layers to tween.

Paramaters: - What part of the layer are we animating

image 8

7. Now that we have the button go from a non glow to a glow, we need to make it go back to a non glow so that it appears more smooth. To do this, select all the frames in your animation (select frame 12, or your last frame, and while holding shift, select frame 1):

image 9

8. Now Copy all of these frames (Click the arrow pointing to the right on the animation window > Copy Frames:

image 10

9. Now we need to paste these frames after frames 1-12 (right arrow again > Paste Frames). Enter this in the box that pops up and press ok:

image 11

10. DO NOT UNSELECT THESE FRAMES! We still need to reverse them so it goes from a glow to a non glow. Click the arrow again, and press Reverse Frames:

image 12

11. Now you can click the play button to play your animation.

12. Go to File > Save Optimized As > and enter the name of your file. Your done!

Animated Glowing

Good Luck!



Author's URL: GreyCobra.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Animate your images to attract attention and fight the static boredom. This section contains tutorials to help you master the animation process. More ImageReady Animation Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Animated Glowing"

Captcha