Welcome to my newest tutorial. Today we are going to make an animated love heart.
This is what we are going to learn:
Step 1:
Create a new document 300 by 300 px.
First take out your Custom Shape Tool:
And from the upper falling menu select the heart shape:
Now select a nice pink color #FD7FA3.
Draw the heart somewhere in the canvas. Now select both the Background and the heart shape layer.
To select multiple layers hold down shift and click on the layer what you want to have selected.
Now take out the Move Tool (V) and click in the upper panel how it´s shown in the upcoming image.
Step 2:
Now right click on our heart shape layer and select Rasterize layer:
Now we gonna add some blending styles. So be sure that you have selected our heart layer.
To call out the blending style panel just make a double click on the heart layer with the left button on your mouse.
Your heart should look like this:
Step 3:
This step is optional. When you want you can add some text or a photo to your heart.
I decided to add some text. Because this heart is for my love Martinka
But don't forget to merge the text or the other layers with your heart.
And you can do that by selecting the heart layer and other layers with Shift + click like I explained in Step 1.
And when you have everything selected hit Ctrl + E.
Step 4:
Now hit 3 times Ctrl + J. This duplicates the layer 3 times. Now you should have 4 heart layers.
Make sure you have selected the first layer from the upper site. And hit Ctrl + T.
In the upper panel modify the layers width and height to 85%
Now go one layer down and make it to 90% and one more layer down and make it to 95%.
Step 5:
Open up your animation panel.
When you have Adobe Photoshop CS3 then the timeline animation panel will show, but we want the frame animation panel.
So click there where the upcoming image shows you.
Oh and don't forget to click Forever in the lower left corner in the animation panel.
Because when you leave it to Once, your animation will play only once and we don't want that lol
Step 6:
Now hide the 3 duplicated heart layers and leave only our original heart layer.
You can make a layer invisible by clicking on the small eye by the layer thumbnail.
Now click there where shows you the upcoming image.
Step 7:
Now hide our original heart layer and make visible the heart layer above it.
Now click there where the previous image shows you. And repeat this until you arrive by the last heart layer.
At the end you should have four hearts in the frame animation panel.
Step 8:
Now duplicate the second heart layer in the frame animation panel. You can do that so that you drag the second heart layer there where the image form step 6 shows you.
Then drag the duplicated layer you have selected to the end of the frame animation panel.
Now do the same with the third heart. You should have 6 hearts in the animation panel now.
Step 9:
Now set the first heart layer to 0,5 sec. the second, third, fifth and sixth to 0,1 sec. and the fourth to 0,2 sec.
So and we are done
Now just save your heart and Enjoy
And here is our finished animated love heart
Thanks for reading. Hope you enjoyed the tutorial.
So I wish you good luck I hope you post some outcomes and see you by the next tutorial
Tutorial Written By Ua|Bajzito for UtralEnergy.com
Animated Love Heart Photoshop Tutorial
!!
Linear Mode
