本教程介紹較為綜合的動畫製作方法,不僅需要有熟練的動畫製作本領,還需要有一定的圖形製作能力,如教程中用圖層樣式中混合選項來作圖,這個看似不常用的選項竟然有非常驚人的用途,隻要稍微設置好背景圖層及操作圖層,再通過複製及變換角度就可以做出超酷的效果。再把這些圖形按照一定規律組合成動畫,效果更是讓人眼前一亮。
最終效果
1、新建文件500*500PX,RGB,分辨率為72PX,背景為白色的文件。 |
[page]
2、在背景圖層填充黑色。在畫布橫縱向分別拉參考線到畫布中間位置。 |
3、新建圖層1,工具箱中的矩形選框工具,畫一長方形,並填充RGB黃。取消選區。並自由變換。如下圖,按回車確定變形。 |
4、再次自由變換, 把圖層1的中心點轉移到參考線的中心交點上。如下圖。並設置變換屬性:角度為8度,按回車確定變形。 |
[page]
5、按複合鍵shift+ctrl+alt+T,複製並變換圖層1,如下圖。合並除背景圖層外的所有圖層,命名圖層1。 |
6、新建圖層2,把圖層1載入選區,選擇—反向,填充任意顏色,取消選區。對“圖層2”執行:圖層—圖層樣式—混合選項—高級混合,把填充改為:0%,挖空選擇為“深”,如下圖。 |
[page]
7、複製“圖層2”,生成“圖層2副本”,對“圖層2副本”執行菜單:編輯—變換—水平翻轉,得到下圖所示的效果,非常神奇吧。 |
8、複製“圖層2副本”生成“圖層2副本2”,Ctrl+T,設置屬性:角度為-1度,參數及效果如下圖。 |
[page]
9、複製“圖層2副本2”,Ctrl+T,設置屬性:角度為-1度。按此方法。複製到“圖層2副本7”(根據自己圖像而定)。效果如下圖。 |
10、拖入中間圖像,可以找一幅自己喜歡的素材圖,放到中間的圓形空間裏麵,生成圖層3。 |
11、跳轉到Imageready,設置動畫。CS3及以上版本選擇菜單:窗口 > 動畫。 a、第1幀,打開所以圖層的眼睛。 b、第2幀,關上圖層2副本7的眼睛。 c、第3幀,關上圖層2副本6的眼睛。 d、第4幀,關上圖層2副本5的眼睛。 e、第5幀,關上圖層2副本4的眼睛。 f、第6幀,關上圖層2副本3的眼睛。 g、第7幀,關上圖層2副本2的眼睛。 h、第8幀,打開圖層2副本2的眼睛。 i、第9幀,打開圖層2副本3的眼睛。 j、第10幀,打開圖層2副本4的眼睛。 k、第11幀,打開圖層2副本5的眼睛。 l、第12幀,打開圖層2副本6的眼睛。 m、點第1幀,按住shift鍵,點最後1幀,設置延遲時間為0.1秒(設置延遲可根據自己的喜歡而定)。 |
[page]
最後選擇菜單:文件 > 存儲優化結果,選擇GIF格式即可。(其它版本選擇菜單:文件 > 存儲為Web所用格式)。 |