前面有一篇flash教程講解了如何利用as制作不倒翁動畫,今天我們利用photoshop來制作一個同樣的動畫,但是在photoshop就不能有交互了,大家只能是看到不倒翁動畫了。
相關文章:as實例之簡單的不倒翁flash動畫
最終效果:

素材圖

打開圖片,先摳圖,(我用容差為50的魔棒點一下白邊處,按del刪除),復制該層.
把該層的中心點移到如下所示處.

旋轉角度設為10

復制圖層二并做同上操作.得到副本4之后,選擇全部圖層并復制 然后水平翻轉,放好位置.

|||
刪掉圖層副本5,當初復制他是為了對好位置,他和圖層1是一樣的,沒必要保留

關閉所有的眼睛,打開窗口/動畫.打開圖層1的眼睛,新建一幀,關閉圖層1打開副本的眼睛.
以此類推直到把副本4做到幀里面,選擇全部幀 新建 反向幀

刪除多余幀6.他與前一幀是一樣的

現在有了九個幀了,在9號幀的基礎上新建一幀,這一幀的圖層用副本6,新建 副本7……把圖層副本9做到幀里面

然后我們又重復以前的動作。選擇10號幀按住shift點最后一幀----- 新建 反向 刪除多余幀

|||
設定統一時間,播放效果ok了就保存:文件/web所用格式/gif文件/


一個可愛的不倒翁完了,再來看下效果:

細心的同學肯定看出娃娃肚子上的字不對頭吧,那都是我偷懶造成的
最好做一下畫布設置,在寬度上多加點就行了,高度不用改.
對于不對稱的圖在向左邊倒的時候角度要設為負值.不能偷懶的,要一個一個地做.
再來一個搖擺鐘:

新聞熱點
疑難解答