website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop ImageReady Animation Animated Christmas Bells
rss

Animated Christmas Bells

Author: heathrowe More by this author


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

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

image 1

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

image 2

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)

image 3

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

image 4

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

image 5

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.

image 6

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.

image 7

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

image 8

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

image 9

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

image 10

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.

image 11

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

image 12

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.

image 13

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

image 14

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

image 15

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.

image 16

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

image 17

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

image 18

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

image 19

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

Animated Christmas Bells Tutorial: Final Result


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Animated Christmas Bells"