Photoshop makes a simple stereo graphics rotation animation

Source: Internet
Author: User

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:

    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.