gif動畫的制作技巧
為了避免寫僵尸教程，有些地方還是需要大家自行思考并且延伸到更多的制作，如果僅僅參考教程做出的東西而不動腦經(jīng)，除了臨時練手以外意義真的不大。下面是小編為大家?guī)淼膅if動畫的制作技巧，歡迎閱讀。
類似loading的動畫
Step1——畫圓環(huán)
新建一個500px（以下出現(xiàn)的所有數(shù)值可以自定義不用完全照搬）的默認畫布，并用橢圓工具（填充無，描邊30，色值#f2f2f2）畫一個正圓環(huán)，然后調(diào)出時間軸并且創(chuàng)建時間軸動畫。
Step2——圓環(huán)漸變
給圓環(huán)上色，技巧也就在這里。首先我們分析顏色的變化是從無到有，再從有到無。利用圖層樣式的漸變，可以實現(xiàn)這個效果（事實上利用圖層樣式實現(xiàn)的動畫實在是太多了并且太好用了）。在時間軸的第一幀位置打開樣式動畫的關(guān)鍵幀開關(guān)，調(diào)出圖層樣式勾上漸變，樣式為角度，打開漸變編輯器并選取一個顏色如下圖，
因為是從無到有的過程，因此【無】（即白色）的透明度設(shè)置0，【有】（即綠色）的透明度設(shè)置100%，
然后把【無】的透明度和顏色拖到跟【有】重疊如下圖，
溫馨提示：當漸變的兩個數(shù)值（標）完全重疊時，事實上還區(qū)分左右（上下）的位置，并且這個位置很重要。單擊標可以切換標的位置，如果無法切換則沒有完全重疊，此時你可以拉伸漸變編輯器盡可能讓數(shù)值完全重疊，當然這個是在0的起始位置重疊，拉不拉伸沒有太大意義~
回到時間軸，拖動時間線到指定位置（20f），把所有數(shù)值的標拖到最右邊的位置如下圖
Step3——添加圓形旋轉(zhuǎn)動畫
一個動畫基本完成，再給頭部跟尾部添加圓形，尾部（起始位置）的圓固定不動，而頭部的圓跟隨顏色的變化一起運動。所以我們需要給這個圓做旋轉(zhuǎn)（轉(zhuǎn)換為智能對象方可做變換動作），確立旋轉(zhuǎn)圖形新的中心點在玩轉(zhuǎn)PS時間軸第三篇有講過，這里就不多說了，我們還需要注意的是旋轉(zhuǎn)的時候不能超過180°，這個也在第二篇文章有講過，因此我們需要給這個旋轉(zhuǎn)的圓圈至少添加4個關(guān)鍵幀，并且時長與旋轉(zhuǎn)的位置要跟圓環(huán)的顏色對應(yīng)。
Step4——復(fù)制+反向
還有一個從有到無的過程，把剛才從無到有的動畫編組并且復(fù)制，轉(zhuǎn)到時間軸把這個組向后拖動到一定位置（在前面組的結(jié)尾往前一點點，使其神不知鬼不覺地循環(huán)運動），然后在復(fù)制組的`圓環(huán)圖層的關(guān)鍵幀（起始幀與結(jié)束幀）互相對調(diào)，最后將時間線拖到關(guān)鍵幀的位置調(diào)出圖層樣式，漸變勾上反向。當然你不喜歡這種復(fù)制+反向的方法而要重新做顏色的漸變也沒人攔你~
以上4步已經(jīng)完成了一個loading從無到有，從有到無的動畫，你可以設(shè)置更多樣式，比如設(shè)置圓環(huán)的填充為0，給圓環(huán)添加內(nèi)陰影，轉(zhuǎn)換為智能對象再添加樣式等等。
綻放的煙花
Step1——畫長條
新建一個500×900px（取決于煙花綻放尺寸）的畫布，用鋼筆工具（填充無，描邊4，端點圓角，色值任意但我喜歡用黃）畫一根長182px（你要長短都行，不要影響到最后效果便可）的線條，ctrl+j復(fù)制多一根（保持一樣的位置），然后調(diào)出時間軸并且創(chuàng)建時間軸動畫。
Step2——條子動畫
通過學(xué)習(xí)【玩轉(zhuǎn)PS時間軸-3】中的剪貼蒙版+移動
Step3——變換復(fù)制
學(xué)習(xí)前面一篇文章【關(guān)于ps變換復(fù)制的原理】，我們都知道快捷鍵ctrl+shift+alt+T變換復(fù)制，尤其在制作旋轉(zhuǎn)圖形的時候經(jīng)常使用，而智能對象無法直接使用快捷鍵復(fù)制，需要先用形狀圖層或者像素圖層使用先制作變換復(fù)制軌，讓系統(tǒng)記錄這個軌跡，然后再選擇智能對象圖層后方可使用快捷鍵復(fù)制。
回到原畫布，此時我們已經(jīng)制作了一個1S的條子動畫。把時間線拖到1f的位置，這個時候我們可以看到露出一點的條子，
【gif動畫的制作技巧】相關(guān)文章：
制作GIF動畫技巧09-27
PS制作GIF動畫設(shè)計的技巧09-12
設(shè)計GIF動畫技巧09-24
GIF動畫設(shè)計的技巧06-14
Flash怎么制作滾動的方塊GIF動畫09-26
GIF動畫設(shè)計的技巧方法09-24
GIF動畫設(shè)計的7技巧09-06