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