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 Christmas Bells

Animated Christmas Bells


1. Here's a simple Pen Tool/Path combined with a brush preset animated christmas bells effect.

2. Start with the 'Pen Tool (P)'...

3. ... make sure the 'Path' option is selected on the Options Bar.

4. Then roughly draw in the shape of the bell. Then use the 'Convert Anchor Point Tool' to smooth out the corners as I have captured below. (You can see where I made my Anchor Points)

5. Next, select the 'Brush Tool (B)'...

6. and then define the preset parameters to use to stroke the above path. (Note the Spacing and the Diameter settings)

7. Next, set a foreground color (say of green) then select the 'Path Selection Tool (A)' from the Tool Bar, and then actually select the bell path you drew earlier. Then, right click and choose 'Stroke Path', as I have captured below.

8. Next, create a new layer, select 'Path Selection Tool (A)' again and go 'Edit/Transform Path/Flip Horizontal' and repeat step 7, except with a foreground color of red.

9. Next, I simply added a brighter green (#37C810) glow (blending style)to the green bell as captured below.

9. Also, I simply added a brighter red (#FB0925) glow (blending style) to the red bell as captured below.

10. Here's how the bells should look with both 'Outer Glow' styles applied.

11. Next, before jumping into ImageReady, lets turn off the Glow Style on the green bell. (Hit the eye symbol to the left of the 'Effects' sub layers.

12. Next, hit 'Shift +Ctrl + M' to jump to Imageready or click on the Imageready icon located on the bottom of the Toolbar.

13. While in ImageReady, should appear the first frame in the Animation Window with the settings from Photoshop. (If you do not see the Animation Window, go 'Window/Animation' up on the menu bar.

I've also adjusted the frame rate from 0 seconds to 1.

14. Next, at the end of the Animation Window, click the menu arrow and choose 'New Frame' from the list.

15. Now, here's what the Animation Window looks like now.

16. Now, while frame 2 is still active in the Animation Window, lets reverse the settings of the red and green bell settings. Simply, turn on green effects and turn off green effects.

17. Hit the play animation button to see it in action.

18. Finally, go 'File/Save Optimized As', to save as an animated gif file.

19. Finally, go 'File/Save Optimized As', to save as an animated gif file.

20. Finally, go 'File/Save Optimized As', to save as an animated gif file.

Animated Christmas Bells

Author's URL: heathrowe
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


Like us to: