|
This lesson demonstrates how to create an animated heart; you can create your own with a custom shape - then fill it with your choice of filter (I used Eyecandy 5 Impact’s Glass filter. Alternatively, download a selection of images with transparent backgrounds Here - including the red heart. Unzip the files and open the assets onto Photoshop’s workspace. If you need to resize the heart, link Here for my lesson.
Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards. Alternatively, click a previous snapshot in the History Palette.
Navigate (zoom in and pan) your image using the Navigator Palette,
or the Zoom Tool. 
Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way. 
1/
Open the start images onto Photoshop’s workspace.
2/
Then activate the Move Tool 
And drag either the lips or face onto the heart.
3/
Activate the Blur Tool. Lesson.
And with a Strength of around 6, blur the jagged areas of the lower lip. Then, from the top menu, choose Layers then choose Merge Visible.
4/
And right-click the image (in the Layers Palette). And from the drop-down menu, choose Duplicate Layer. You don’t need to name the layer, click OK. Repeat this (twice) and you will have four identical layers in the Layers palette.
Leaving the original image at the bottom of the Layers palette untouched, highlight the first copy, illustrated below.
5/
And from the top menu, choose Edit then choose Transform then choose Scale. In the following tool Options bar, first clear, then type 95 into both the Width and Height boxes, as shown below.
Then click the following Commit tick icon. 
Or press Enter/Return.
6/
Now, activate the second copy.
7/
And change its Scale and Width settings to 90.
8/
Then activate the third copy.
9/
And change the Scale’s Height and Width settings to 85. When you have completed the re-scaling, your hearts will appear stacked, as shown below.
10/ Photoshop CS and CS2 only - CS3 does not include ImageReady!
General optimising/saving animations lesson - CS, CS2, CS3 & Extended - here
Your four-layered image is ready to animate; therefore, click the following Edit in Image Ready icon, situated at the foot of the toolbar, and your image will open in Image Ready.
11/
Link Here for final animation instructions - for my heart, the Delay is set to 0.2.
Wendi E M Scarth - Top of Page - Home.
|
|
