In this article we introduce how to use Photoshop and ImageReady to create an animated border composed of a cute flashing heart-shaped pattern.
This article was originally created by wowtime513 (Posu Yu), a Chinese tutorial network.
Here are the production steps:
1. Create a new 150*200 document in Photoshop, create a new layer, select a custom brush and draw a heart-shaped frame on layer 1.
2. Press CTRL+J to copy layer 1, and select the four corners of the heart separately. You can use the pen tool or the polygonal lasso tool to create a path, then press CTRL+ENTER to convert the path through the selection, and press CTRL+U to call it out. In the Hue and Saturation option box, adjust the hue to -155, leaving the other options unchanged.
Turn the hearts in the four corners blue in turn.
3. CTRL+J Duplicate the layer, use the same method to change the color of the second heart on the four sides to blue, the third heart, the fourth heart...
Note: Duplicate a layer each time you change color. until everything turns blue.
4. Duplicate Layer 1-Layer 1 to 7 to get 16 layers. When doing animation, it will achieve a back-and-forth color-changing effect.
5. Duplicate 6 copies of layer 1, copy 16, copy 17 - copy 21. Each layer uses hue and saturation to adjust a different color. Copy 22 is the original red.
6. Duplicate copy 22 twice, use the pen tool and hue and saturation to adjust the color of the heart, as shown below
Select copies 23 and 24 of layer 1 and copy them twice, as shown below.
Finally, a total of 29 layers are obtained. Turn off the eye of layer 1 copy - layer 1 copy 28, only display the background and layer 1, and go to ImageReady for animation.
7. Call up the ImageReady animation panel, copy the current frame, select the copy of layer 1 and open the eyes, close the eyes of layer 1, and create a 29-frame animation in this way
Select all 29 frames of animation and set the delay to 0.1 seconds. You can press the play button to see the effect, and then press CTRL+SHIFT+ALT+S to save the optimization results.