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.

Align

Heart

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

Drop Shadow

Inner Shadow

Inner Shadow

Inner Glow

Inner Glow

Gradient Overlay

Gradient Overlay

Outer Glow

Outer Glow

Satin

Sating

This is what you should get.

Heart Blending

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.

Hearts

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.

Animation

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 .

Heart Tutorial: Final Result

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.
read more about this author

Author's URL: Reiven
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Drawing Animated Heart (Exclusive Tutorial)"

Only registered users can write comment

No comments yet...