The author only introduces the idea of making and the simple process of the login animation. Some details of the production, such as the login box, each frame of the image, etc. need to be done slowly according to the reference map.
Final effect |
| 1, the new size of the appropriate file, the background is filled with dark blue. First, the design of a base, mainly with the layer style to complete. |
| 2, the design of a paper export, the same layer-style production. |
| 3, draw a piece of paper, with a layer of engraving out the following jagged, and then create a new layer to add clipping mask, to increase the shadow of the paper. |
| 4. Enter the text you want to layout, where you need to consider the interaction problem. It's best to be quick and not cumbersome. |
| 5, first in the draft or mind conceived a dynamic interaction, and then to the menu: Window > Timeline, and select it. |
| 6, then copy a layer of the entire interface of the combined file, and then design another way, the other hidden. |
| 7, and so on, to make other frames-by-frame change style, during the attention to the distance movement. |
| 8, all the preparation work is ready to begin our animation design. |
| 9, after the overall finish, click the Play button Preview, and then for the non-smooth place to adjust the time or adjust the details. |
| 10. Finally Press CTRL + ALT + Shift + S to store the format used for the Web. |
| Similarly make QQ expression. |
PS Make GIF landing drop-down menu effect
