Heart Rotation Animation in Photoshop cs6

In this tutorial I show you how to make heart rotation animation in simple ways, you know some of animation you can see in online that your computer treats like pictures? Those are called as “Gifs”, you can make your own gif animation by using Photoshop software. This tutorial disclose very simple few steps to make heart rotation animation in gif format, just follow our tutorial steps as shown.

Heart Rotation Animation
Heart Rotation Animation

1. First take new file (Ctrl+N key), dimension depend as you like, here i am going with width and height 800, 600 px.

Heart-Rotation-Animation-1

2. Select Rectangle Marque Tool from Tool palette and drag a line vertical as shown below image.

Heart-Rotation-Animation-2

3. Go to Filter>Distort>polar Coordinates, here choose Rectangle to polar.

Heart-Rotation-Animation-3

4. Now your image seem to be  like below, this is created just like background purpose only.

Heart-Rotation-Animation-4

5. Now choose Heart shape from Custom Shape Symbol.

Heart-Rotation-Animation-5

6. Draw your heart shape on the background of the document.

Heart-Rotation-Animation-6

7. Now we have to apply layer style to that heart shape, for that go to Layer>Layer Style> choose Bevel & Emboss, just follow as shown the below image values.

Heart-Rotation-Animation-7

8. Choose Inner Glow and change blending mode into exclusion, change  color(#440000) and follow values as shown.

Heart-Rotation-Animation-8

9. Now duplicated the created heart layer and compress slightly left & right side as shown below image.

Heart-Rotation-Animation-9

10. Now gain copy the duplicated heart layer  and compress both side slightly and follow below image.

Heart-Rotation-Animation-10

11.Follow same compressing  steps as shown.

Heart-Rotation-Animation-11

12. Again do same steps until it compressing over.

Heart-Rotation-Animation-12

Heart-Rotation-Animation-13

Heart-Rotation-Animation-14

 

13. Choose video time line, Now arrange all duplicated heart images with different selected frames in video time. Your arranging  images set frames should be as shown below.

Heart-Rotation-Animation-16

14. Now you are still selected all set frames in video timeline and edge of video time line there is toggle button, just click on that symbol and first copy the all frames.

Heart-Rotation-Animation-17

15. Now paste all frames, click on same toggle button again for pasting, when you pasting frame then it shows one of  pop up table, in that table just select Paste  after selection.

Heart-Rotation-Animation-18

16. Now we have to reverse the frames what we pasted just now, for that simple click on the edge of video timeline toggle button and choose Reverse Frames.

Heart-Rotation-Animation-19

17. Now your art frames ready to animation, just play the animation then you would get following animation as well.

Heart Rotation Animation

18. Now save this video frames into gif, for that go to File> and choose Save for Web, thats it!

About Author Sudharsan

I am chief editor of Alldesigncreative.com, a designer, developer and animator. I Have spent most of the time to create designs and animations includes visual effects. I love so much to create all type of designing and have excellent knowledge in all kind of design roots.

Check Also

Animated Flowing Water-How to Create Water Flowing Animation

In this tutorial I will explain to you how to create water flowing animation in …