Photoshop cc makes a loading GIF motion diagram

Photoshop CC's frame animation and timeline function, so that it can be animated in the production of repeated miracles. Loading small gif in the PPT presentation document, or some UI demo can be used as material, a good display of content. Next, I'll share with you a piece of loading design tips.

Methods are as follows

1, open PS Software, new 400*300 document, resolution 72 on the line, the background white can be.

2. Create a new transparent layer, select the Elliptical Marquee tool, hold down SHIFT, and pull out a circle.

3, set good foreground color ffe689 and background color fa8b00. Select the Gradient tool to select an angle gradient. Pull a gradient out of the circle Marquee. Effect as shown.

4, hold down the Ctrl+d, cancel the selection, this time, the loading material is done, then make animation effect. The PS work panel is set to "dynamic" mode.

5, click to create a video timeline button, create a timeline, and shorten to two seconds.

6, right click on layer one, choose to convert to smart object. Because, the smart object's transform animation effect is better operation.

7. In the timeline panel, move the time indicator to the starting position, and then click the anchor point on the left side of the transform to add the keyframe.

8. Move the time indicator to 1 seconds, select Edit > Transform > Rotate 180 °. The keyframe is automatically added at that point in time.

9, move the time indicator to the last, select Edit > Transform > Rotate 180 ° again. Key frames are also added automatically.

10, so, has completed a simple production of loading, you can press the space bar to play the preview effect. If you are satisfied with the effect, you can choose File > Save as Web format, saved as GIF format pictures. PS: Note that the animation's looping option is set to forever.

11, the final effect is shown in the figure below.

Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 182958314 welcome you to join

Category:

• PS Getting Started Tutorial