Home  >  Article  >  Web Front-end  >  How to animate PS timeline

How to animate PS timeline

若昕
若昕Original
2019-04-08 15:38:1027152browse

We know that PS can make animations. Here we need to use a tool called "Timeline". Today we will learn to use "Timeline" to make animations.

Open the PS tool, The size of the new canvas is 400*400 pixels, the resolution is 72, the color mode is RGB, and the background color is the default white.

How to animate PS timeline

The new canvas is like this

How to animate PS timeline

Then you need to draw several graphics. For convenience, you can select the ellipse tool in the toolbar. When drawing graphics, a heart layer will be automatically generated to lay the foundation for the next step.

How to animate PS timeline

Hold down the shift key and draw a circle in the center of the canvas, fill it with red

How to animate PS timeline

Then copy the two layers and select fill Different colors, such as the top one filled with green and the second one with blue, as shown in the picture

How to animate PS timeline

Then select "Window-Timeline" in the menu bar ”

How to animate PS timeline

Select frame animation drawing

How to animate PS timeline

After opening frame animation, each frame must be based on the shape of a layer of canvas , so we need to create 3 frames, each frame corresponding to each graphic. Clicking on the first frame will target the first graphic, and close the eyes in front of the other two graphics, as shown in the picture, and so on, the remaining The two pictures have the same effect. Whichever frame is turned on will only display the graphic number

How to animate PS timeline

How to animate PS timeline

How to animate PS timeline

##After completion, enter the start process, adjust the time, set it to forever, click start

1How to animate PS timeline

The last step is to save, shortcut key ctrl shift alt S, select GIF format, Click Save to save.

The last simple GIF picture is finished. 1How to animate PS timeline

How to animate PS timeline

The above is the detailed content of How to animate PS timeline. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn