作者這里僅介紹登錄動(dòng)畫的制作思路和簡單過程。一些細(xì)節(jié)的制作，如登錄框，每一幀的圖像等都需要自己根據(jù)參考圖慢慢完成。

最終效果

1、新建大小適當(dāng)?shù)奈募尘疤畛浒邓{(lán)色。首先設(shè)計(jì)一個(gè)底座，主要用圖層樣式來完成。

2、設(shè)計(jì)一個(gè)紙張的出口，同樣用圖層樣式制作。

3、畫一張紙，用圖層蒙版畫出下面的鋸齒，再新建圖層添加剪貼蒙版，給紙張?jiān)黾雨幱啊?/p>

4、輸入需要布局的文字，在這里需要考慮交互問題。快速而不繁瑣是最好的。

5、首先在草稿上或腦海里構(gòu)思出預(yù)想的一個(gè)動(dòng)態(tài)交互，然后到菜單：窗口> 時(shí)間軸，并選中它。

6、然后復(fù)制一層整個(gè)界面的組合文件，再設(shè)計(jì)出另一種方式，將其它隱藏。

7、以此類推，做出其他的逐幀變化樣式，期間注意運(yùn)動(dòng)的遠(yuǎn)近。

8、所有的準(zhǔn)備工作準(zhǔn)備完畢，開始我們的動(dòng)畫設(shè)計(jì)。

9、整體做完以后，點(diǎn)擊播放按鈕預(yù)覽，然后對于不流暢的地方調(diào)整時(shí)間或者調(diào)整細(xì)節(jié)。

10、最后按Ctrl+ Alt + Shift + S ，存儲(chǔ)為Web所用格式。

同理制作QQ表情。