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 Drawing Animated Heart (Exclusive Tutorial)

Drawing Animated Heart (Exclusive Tutorial)


We always want to give presents to loved ones. These presents may be material or non-material. But Birthday Cards, Christmas Cards or Valentine's Cards that can be sent to friends and family are always popular. Now you can create your own Cards! To begin a card you will create an animated heart.

So, open Photoshop. Create a New Document, size 300x300 px. Then, choose Shape tool with the Shape Layers parameter, then choose Heart Shape. Set out the Foreground Color #FD7FA3. Now draw a heart that should take up most of the space in the window. Choose Shape1 and Background together. Select Move tool and center the heart in the window.

image 1

image 2

Now go to Blending Options and set out the next Drop Shadow

image 3

Inner Shadow

image 4

Inner Glow

image 5

Gradient Overlay

image 6

Outer Glow

image 7

Satin

image 8

This is what you should get.

image 9

Now duplicate the layer three times with the heart. Using Free Transform tool, resize one heart to 95% of the original. The second heart to 90% of the original, and the third to 85% of the original, leave the fourth heart unchanged.

image 10

Now proceed to Image Ready (Ctrl+Shift+M).

Open the animation panel, then press the little triangle in the right upper corner of the panel. Press the Make Frame from Layers . Shift the layer with the background in the trash.

image 11

You should get 4 frames with 4 hearts having different sizes.

Choose the second frame and press Duplicate current frame. Then drag over the layer created at the end of the animation tape. Repeat the same procedure for the third heart.

You should get 6 frames. Now set delay time to 0.05 seconds for the first frame, and to 0.1 seconds for the fourth. Save your work and enjoy the result .

Drawing Animated Heart (Exclusive Tutorial)

If heart drawing impressed you and you wish to know more how to create a heart symbol fast and easily, just follow the link and look though one more tutorial.



About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

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

Reader's comments
comments nilton February 03, 2011 says:
buena
Reply
Add comments to "Drawing Animated Heart (Exclusive Tutorial)"

Captcha