Photoshop design and production "Singles Day" GIF animation effect tutorial:
Material 1:
Material 2:
Step 1: Open Clip 1 and clip 2 (shortcut key ctrl + o), use the magic wand tool (shortcut key ctrl + w) to extract the characters in clip 1 and place them in the appropriate position in clip 2, you can use the left and right arrow keys on the keyboard to move it away. note: This file is not the final size and must be reduced. for the setting effect, see [].
Step 2: perform a simple whitening effect on the character, copy the character layer, and obtain a copy of the character layer. remove the color (shortcut: ctrl + shift + u). The image blending effect is soft, for the set effect, see []. for the effect, see [].
Step 3: Make the combination of the character layer and the background layer more harmonious. create a new layer and set the fill color to ffffff. set the blending mode of the layer to deepen the color, opacity to 30, and set the effect to []. for more information, see [].
Step 4: create a new layer. the fill color is ff00d8. the blending mode of the layer is soft light, the opacity is 20, and the effect is set to []. for the effect, see [].
Step 5: use the horizontal text tool (shortcut key T) to input three texts: light, stick, and section; for the effect of setting the three texts, see [Figure 8], [Figure 9], and [0]. combine the three texts. for the effect, see [1].
Step 6: Use a beautiful effect for the text. First, use the combined text (shortcut key ctrl + T) to zoom in and place it in the appropriate position. then, I use the style in the material, on the Style panel, click the clip style. For more information, see [2].
Step 7: Set the foreground scenery fef7a2 and use the horizontal text tool (shortcut key T) to enter a small word: you will not be alone
See [3] for the effect of setting your mind times. for the effect, see [4].
Step 8: Set the foreground scenery fef7a2. use the horizontal text tool (shortcut key T) to enter February 1, November 11 (that is, the date of Singles Day). For more information, see [5]. For more information, see [6].
Step 2: add a simple border to the image, copy the lines in Clip 3, and create a border between the top, bottom, and bottom of the image. the matching method is copy, drag, and change the image; for more information, see [image 20].
Step 4: Open the clip 4 and put it in the lower right corner of the image. adjust the size and reduce the transparency. For more information, see [image 21].
Step 2: The preparations are now complete. [window-animation] calls out the animation panel and creates a new frame, the first frame shows a heart-shaped brush layer and a Starlight brush layer. for the effect, see [Figure 22]. for the second frame, two heart-shaped brush layers and two Starlight brush layers, see [3]. the third frame shows two heart-shaped brush layers plus the Halo brush layer and three-layer Starlight brush layers. set the delay time of all frames to 0.5 seconds. for details, see [Image 24].
Step 1: adjust the image size, as shown in.
Click the animation panel-insert animation button and run file-storage Web format to get the final result: