How to create a GIF animation with a pendant swinging back and forth in photoshop

We will give you a detailed analysis of the photoshop software to share with you the tutorial on making the dynamic GIF effect chart with the pendant swinging back and forth.

Tutorial sharing:

I. Prepare materials

First, open a PNG image of the pendant. No? Let's look for a picture of the rule. It's not a waste of time to start.

 

Drag the prepared photo in.

 

The M key is used to call up the rectangular box selection tool and drag a rectangle along the midline of the photo frame.

 

Ctrl + Shift + I invert selection, Delete unnecessary parts of the photo. Ctrl + D.

 

Return to the photo frame layer, Ctrl + T to bring up the deformation frame, and move the deformation point to the ring at the top of the photo frame.

 

Ctrl + J copy the two and rotate them to the left and right sides. As the deformation point is moved above, it can be rotated with a ring as the axis.

 

Also move the deformation points of the photo to the top, copy two, and rotate them to the positions of the other two frames.

 

II. Create an animation

In the window menu, select "animation" to open the animation panel.

 

Click the copy frame button to copy three frames.

 

Select the first frame, hide the small eyes in front of the thumbnail on the layer panel, and hide photo frames, photo frames 2, and photos 2. Only the frames 3 and 3 are displayed.

 

Similarly, the second frame only shows the photo frame and the photo layer. The third frame only shows the frames 2 and 2, and the fourth frame returns to the middle.

 

Click frame 1, hold down the shift key, then click frame 4, and select all frames.

 

Click the arrow next to the time (select the frame delay time) and select "others" in the displayed menu ".

 

In the displayed panel, enter 0.3 seconds. OK. The values are set as per your preferences.

 

Click play/stop on the animation panel to test the effect.

 

If you are satisfied, open the File menu and select "storage as the Web and device format".

 

The settings are shown in the following figure. Select GIF format, color depth, imitation color, maximum color, loss, etc. as much as possible to choose the best, you can try the effect.

 

Click "storage.

 

All right, the above information is the detailed tutorial on making a pendant swing GIF dynamic renderings for all photoshop users, I believe that the production method is very clear, then you can follow the tutorial above to create your favorite GIF image for swinging the pendant.