1024programmer Photoshop [IR animation tutorial] Funny pictures – animation tutorial

[IR animation tutorial] Funny pictures – animation tutorial

Funny picturesAuthor:Xin Yu Source:Computer News
The widespread use of QQ groups has allowed funny dynamic QQ emoticons to be widely disseminated. When you are so amused that you can’t help but laugh, have you ever thought about DIYing a very creative dynamic QQ emoticon and showing it off in front of your friends? Adobe Photoshop CS3 can help you achieve this function. With its powerful functions and convenient operation interface, we can create dynamic QQ emoticons in gif format. Even for users who have no experience in graphics processing, it can be easily completed in just three simple steps! Take a look at the funny pictures we made, what are you waiting for (Picture 1)? Come and try it with us!

Non-mainstream pictures

Picture: Funny pictures

Editor’s tip:

Animation is the continuous playback of static images. Before making animation, we must design the static image corresponding to each key frame. Keyframe display time settings are also important. This parameter also directly affects the playback effect. For users who are just getting started, trying several times with different parameters will yield unexpected results.
The first step, graphics production:
Open Adobe Photoshop CS3 software to enter the work interface, double-click in the work space, and open the selection in the pop-up “Open” dialog box material. We can use photos we took ourselves, or we can use movie stills or cartoon character pictures as material. We chose funny stills from a classic comedy as material.
After adjusting and cutting the size, execute the “Window – Animation” command, open the “Animation” palette and start making exaggerated tears. First, we click the “Create New Layer” icon below the layers palette to create a new layer. Its default name is “Layer 1”. We can double-click the “Layer 1” text behind the thumbnail in the layer palette to turn it into an editable state and rename it “Tear 1” to avoid confusing it. Layers get mixed up.
Next, we double-click the “Set Foreground Color” icon in the toolbox, and set the foreground color to a lighter blue (R=232, G=250, B= 255), after confirmation, select the “Rectangle Tool” in the toolbox, and check the “Fill Pixels” icon in the “Rectangle Tool” option bar, so that you can draw directly under the character’s eyes on the “Tear 1” layer A light blue rectangle (Figure 2).

Non-mainstream pictures

Picture: in ” Draw a rectangle under the character’s eyes on the “Tear 1” layer

Then we select the “Tear 1” layer and execute the “Filter\Distort\Wave” command. In the pop-up Set various parameters in the “Wave” dialog box. Press the “OK” button and an exaggerated wavy tear appears. We then select the “Rectangular Marquee Tool”, select “Tear”, then select the “Move Tool” and hold down the “Alt” key to copy the tear to the position below the right eye (Figure 3).

Non-mainstream pictures

Picture: Press and hold “Alt” key to copy the tears to the position below the right eye

After completing the copy, we press the shortcut key to deselect and drag “Tear 1” in the layer palette “Create New Layer” icon below the layer, change its default name “Tear 1 Copy Layer” to “Tear 2”, press the shortcut key and a control box for the “Transform” command will appear in the screen, drag Moving the handle up will stretch the tear, press enter. At this time, the basic shape of the tears has been completed.

The next step is to use the “Vertical Text Tool” to add funny text to the picture (Figure 4). Select the text layer, execute the “Layer\Layer Style\Stroke” command, open the “Layer Style” dialog box, and add a striking stroke effect to the text. Press the “OK” button (Figure 5).

Non-mainstream pictures

Picture: text Add eye-catching stroke effect

non-mainstream picture

Picture: Parameter settings

 Second step, animation production

strong>

To make the picture move, it is best toThe key step is to set keyframes. We continuously click the icon to create key frames below the animation palette (Figure 6), and a total of 5 key frames are needed.

Non-mainstream pictures

Image: Create key Frame

First select the first keyframe, keep only the display of the background layer and text in the layer palette, cancel the display of other layers, and set the display time of the keyframe below the animation palette. 0.1 seconds.
Select the second keyframe, keep the background layer and the tears 2 layer in the layers palette, cancel the display of other layers, and set the opacity of the “tears 2” layer to 80 %, set the keyframe display time to 0.2 seconds.
Select the third keyframe, keep the background layer and the tear 1 layer in the layer palette, cancel the display of other layers, and set the opacity of the “tear 1” layer to 80 %, set the keyframe display time to 0.2 seconds.
Select the fourth keyframe, keep the background layer and the tears 2 layer in the layer palette, cancel the display of other layers, and set the opacity of the “tears 2” layer to 80 %, set the keyframe display time to 0.2 seconds.
Select the fifth keyframe, retain the display of the background layer and the tear 1 layer in the layers palette, cancel the display of other layers, and set the opacity of the “tear 1” layer to 80 %, set the keyframe display time to 0.5 seconds.
Next, we save the file as a psd file to make a backup, then execute the “File\Save for Web and Devices” command, select the gif format in the opened dialog box, and appropriately optimize the animation . We must reduce the size of the animation to facilitate propagation (Figure 7). After optimization is completed, the image is stored on the local disk.

Non-mainstream pictures

Picture: animation Carry out appropriate optimization

The third step, import QQ emoticons

After starting the QQ software, we choose a friend to open the chat window and Click the “Select Emoticon” button below the chat window to open the emoticon window, click “Emoticon Management” below the window, then click the “Add” button, and click “Browse” in the pop-up “Add Custom Emoticon” window. Find the animated gif we saved and rename the emoticon or use the default name.

Non-mainstream pictures

Picture: Import QQ Emoticons

When we reopen the QQ chat window, take a look at the emoticon icons. Ha ha! You’re done! New emoticons have appeared in the emoticon library. After completing this simple dynamic QQ emoticon, we have a preliminary understanding of the principles and production of gif animation. In the future production process, we can decide how the pictures change and how the plot is set. As long as we draw inferences from one example and use unlimited creativity, we will surely be able to create more interesting dynamic QQ emoticons.
<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/ir-animation-tutorial-funny-pictures-animation-tutorial-2/

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

The latest and most comprehensive programming knowledge, all in 1024programmer.com

© 2023 1024programmer - Encyclopedia of Programming Field
Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

首页
微信
电话
搜索