Photoshop makes a simple stereo graphics rotation animation

Although the animation is simple, it is difficult to do well without mastering the good method. The author is more intelligent, the observation is also more meticulous, the bottom of the structure is unchanged, specifically used in which the two graphics deformation as a key frame, and then set a good color and deformation effect can be.

　Final effect

1. Draw a rectangle with the shape tool, delete an anchor point and turn it into a triangle.

2, with four such triangles into a prism, and sequentially fill the same hue from the light to deep color.

3, Window > timeline, open the time axis panel, click the middle "Create video Timeline" button.

4, name the layer, such as the following, copy 1, 22 layers, named 11, 22, and the layer into a smart object.

5, to the left of the timeline panel, 11 and 22 layers of the small triangle expansion, you can see the "transform", "opacity", "style" items, meaning that the timeline can record these changes in this layer.

6, click the "transform" and "style" items of the stopwatch, enable keyframes, the end of the work area set to 2 seconds.

7. Move the slider on the timescale to the position below, and click the Diamond in the red box on the left of the figure to add the keyframe.

8, on the layer 11 oblique deformation: Press CTRL + T deformation, and then hold down CTRL + SHIF, move the mouse to the midpoint of the bottom of the deformation box, the mouse into the following figure, click to drag to the right edge of the center of the layer 22 also do a similar treatment.

9, add layer style to layer 11, color overlay, take layer 3 color, opacity to 50%; Add the same layer style to layer 22, but color to the layer 4 color, the effect is the following figure when finished.

10, this step is the same as the seventh step, but the time slider moved to the next figure position.

11, this step is also on the layer 11 and 22 deformation, into the same as the layer 3,4 triangle.

12, the layer 11 and 22 color overlay of the opacity to 100%.

13, set the playback form for "Loop play", click on the timeline of the play button to see the animation effect. If it's not clear, you can download the source file here.

Final effect:

Category:

• PS Getting Started Tutorial