制作GIF動(dòng)畫(huà)技巧
大家想不想知道如何制作GIF動(dòng)畫(huà)呢？下面小編為大家整理了制作GIF動(dòng)畫(huà)技巧，希望能幫到大家！
一般來(lái)說(shuō)，制作動(dòng)畫(huà)不會(huì )選擇像素圖層，因為它的動(dòng)作屬性可操作性太少，正如我們設計UI的時(shí)候也不會(huì )直接用像素繪制。如果我們需要制作的動(dòng)畫(huà)中包括旋轉或者縮放，我們只能把圖層轉換為智能對象，而文字圖層是個(gè)例外（但并不絕對），因為它已經(jīng)有變換的動(dòng)作屬性，然而僅僅改變顏色或者移動(dòng)位置直接用形狀圖層制作便可。
PS時(shí)間軸沒(méi)有像flash那樣可以設置運動(dòng)軌跡，但是它的運動(dòng)也是有規律的，即跟隨最近原則，比如我們做一個(gè)旋轉動(dòng)畫(huà)，第一幀的角度為0°，下一幀的角度旋轉360°，事實(shí)上它還是0°，也就不會(huì )產(chǎn)生動(dòng)畫(huà)；另一種情況，第一幀的角度為0°，下一幀的角度旋轉270°，產(chǎn)生動(dòng)畫(huà)則是反轉90°，因此，必要的情況下我們需要在開(kāi)始幀和結束幀之間添加更多的關(guān)鍵幀。顏色變化更是如此。
關(guān)鍵幀的拷貝和粘貼
大部分情況下我們做的動(dòng)畫(huà)都是循環(huán)的，因此在開(kāi)始幀（第一幀）和結束幀（最后一幀）都是一樣的，所以我們先復制第一幀再把時(shí)間線(xiàn)拖到最后并復粘貼。操作：右鍵點(diǎn)擊想要拷貝的關(guān)鍵幀→拖動(dòng)時(shí)間線(xiàn)到想要的位置→右鍵點(diǎn)擊任意關(guān)鍵幀→粘貼（溫馨提示：這里會(huì )重新在拖動(dòng)時(shí)間線(xiàn)的位置上生成一個(gè)新的關(guān)鍵幀，而不是替換你當前右鍵點(diǎn)擊的關(guān)鍵幀，除非時(shí)間線(xiàn)剛好在這個(gè)關(guān)鍵幀上）
具有動(dòng)畫(huà)的圖層拷貝
我們都知道圖層的快捷復制是直接按ctrl+J，而這種操作無(wú)法將其動(dòng)畫(huà)復制到時(shí)間軸上，也就是無(wú)法復制時(shí)間軸上的動(dòng)作屬性（復制組可以將其動(dòng)畫(huà)復制到時(shí)間軸上）。還有一種操作就是在當前圖層按住alt+鼠標移動(dòng)，即可復制時(shí)間軸上的動(dòng)作屬性，并且哪怕你鼠標復制圖層后移動(dòng)到任何位置，再次回到時(shí)間軸面板拖動(dòng)時(shí)間線(xiàn)它還是保持原來(lái)的位置，事實(shí)上這是一個(gè)良性的bug（溫馨提示：如果你不重新拖動(dòng)時(shí)間線(xiàn)直接導出動(dòng)畫(huà)，有一幀的位置就是你拖動(dòng)的位置）。
制作類(lèi)似咻一咻的動(dòng)畫(huà)
首先分析動(dòng)畫(huà)是由圓環(huán)從小變大并且慢慢消失，如果我們直接用圓圈減去的方法制作圓環(huán)，那么圓環(huán)的寬度并不能保持一致，因此采用圖層樣式的方法，操作：用形狀工具畫(huà)一個(gè)足夠大的正圓（為什么要足夠大？幾年前已經(jīng)粗略講過(guò)圖層樣式和智能對象，這里再補一下，就是當前形狀大小轉換為智能對象后，它最大的形狀也就是當前固定了，如果轉換為智能對象后再放大，則會(huì )失真，所以寧可畫(huà)得大一些，轉換智能對象后縮小后再次放大也不至于失真了，圖片更是如此）→轉換為智能對象再將其縮小→將其圖層填充為0→添加圖層樣式→描邊。
接下來(lái)轉到時(shí)間軸上制作動(dòng)畫(huà)。圓環(huán)發(fā)生縮放屬于變換的動(dòng)作屬性，因此在變換旁邊打開(kāi)關(guān)鍵幀開(kāi)關(guān)，然后拖動(dòng)時(shí)間線(xiàn)到指定位置，再次放大圓環(huán)。圓環(huán)還有慢慢消失的動(dòng)作，則在透明度上旁邊打開(kāi)關(guān)鍵幀開(kāi)關(guān)，設置開(kāi)始幀的透明度為100，結束幀的透明度為0，一個(gè)圓環(huán)的動(dòng)作已經(jīng)完成了。我們需要很多個(gè)圓環(huán)跟著(zhù)節奏，所以按照上面說(shuō)的動(dòng)畫(huà)的圖層拷貝，alt+鼠標移動(dòng)（復制N個(gè)），生成相同的動(dòng)作以后，再調整各個(gè)圖層動(dòng)畫(huà)預覽的位置錯開(kāi)時(shí)間緊隨節奏，動(dòng)畫(huà)制作完畢。
你還可以運用在其他動(dòng)畫(huà)上
制作模糊動(dòng)畫(huà)
如果PS可以像flash那樣有濾鏡動(dòng)畫(huà)，那是值得高興的事，很遺憾ps總歸是ps，它制作動(dòng)畫(huà)的功能無(wú)法跟專(zhuān)業(yè)的動(dòng)畫(huà)工具比，而我寫(xiě)的這個(gè)文章也并不是做專(zhuān)業(yè)動(dòng)畫(huà)的，因為已經(jīng)表明了是輕松制作簡(jiǎn)單的gif動(dòng)畫(huà)。但說(shuō)是簡(jiǎn)單，也需要實(shí)用才行，這還是符合我寫(xiě)教程的三個(gè)基本原則的，簡(jiǎn)單、實(shí)用、原創(chuàng )。好吧，又裝X了~
新建一個(gè)文字圖層并打上模糊，ctrl+J復制一個(gè)圖層，估計到這里大家已經(jīng)知道怎么做了。讓文字從模糊慢慢變得不模糊，將其中一個(gè)圖層轉換為智能對象再添加其高斯模糊濾鏡（這也就是為什么文字圖層也不絕對不用轉換智能對象了，必要情況下還是要轉的）。然后開(kāi)始幀的透明度設置100，結束幀設置0，另外一個(gè)圖層開(kāi)始幀的透明度設置0，結束幀設置100，參數反過(guò)來(lái)設置就是不模糊變得模糊，制作完畢。圖片模糊同樣方法。
制作旋轉的時(shí)鐘
我還是要吐槽一下ps動(dòng)畫(huà)沒(méi)有運動(dòng)軌跡真是一個(gè)遺憾，這使得很多動(dòng)畫(huà)的制作需要技巧，如果真的沒(méi)辦法做的動(dòng)作建議還是使用專(zhuān)業(yè)的工具。但是還是許多動(dòng)作可以做的，而更多動(dòng)作都跟旋轉有關(guān)，比如手腳的擺動(dòng)，時(shí)鐘的轉動(dòng)等。
值得注意的是，當我們ctrl+T改變圖形的中心點(diǎn)的時(shí)候，只是在當前操作起作用，而下一次再次ctrl+T，中心點(diǎn)位置還是會(huì )回歸到原始的中心位置。而旋轉，正是跟這個(gè)中心點(diǎn)有關(guān)。既然中心點(diǎn)無(wú)法用ctrl+T改變后制作動(dòng)畫(huà)，那我們需要用到技巧。因為中心點(diǎn)是固定在圖像垂直居中的中心位置，如果只是在當前的圖形上旋轉，那必定不是我們想要的動(dòng)畫(huà)，因此需要添加額外的內容填充。
以時(shí)鐘為例，將指針沿著(zhù)時(shí)鐘的中心位置轉動(dòng)起來(lái)：用形狀工具畫(huà)一個(gè)指針→將其指針轉換為智能對象→雙擊智能對象調整畫(huà)布的高度/寬度大小200%（參數的設置取決于你想要轉換智能對象后的中心點(diǎn)位置），確定再按ctrl+T，我們可以看到中心點(diǎn)還是在中間的位置，只是添加的額外內容隱藏了。
接下來(lái)就是將指針旋轉起來(lái)，轉到時(shí)間軸面板，打開(kāi)變換的關(guān)鍵幀開(kāi)關(guān)，上面已經(jīng)說(shuō)過(guò)運動(dòng)規律是跟隨最近原則的，因此每個(gè)幀的旋轉幅度不要超過(guò)180°，否則將不會(huì )順時(shí)針旋轉。
制作變化的月亮
上一篇沒(méi)有描述的圖層蒙版位置的動(dòng)作屬性，現在終于派上用場(chǎng)了。
用形狀工具畫(huà)一個(gè)正圓，添加圖層樣式，然后添加圖層蒙版并拉個(gè)黑白漸變，這個(gè)時(shí)候時(shí)間軸的動(dòng)作屬性已經(jīng)發(fā)生改變，多出了圖層蒙版位置和圖層蒙版啟用。點(diǎn)擊取消圖層和圖層蒙版中間的鏈接
�。ǚ駝t將一起移動(dòng)），回到時(shí)間軸，打開(kāi)圖層蒙版位置的關(guān)鍵幀開(kāi)關(guān)，拖動(dòng)時(shí)間線(xiàn)到指定位置，回到圖層面板，按住alt+點(diǎn)擊圖層蒙版
進(jìn)入預覽，然后用移動(dòng)工具移動(dòng)漸變位置
再次按住alt+點(diǎn)擊圖層蒙版回到畫(huà)面，月亮的變化制作完畢。接下來(lái)可以在矢量蒙版位置上加個(gè)移動(dòng)的動(dòng)作，打開(kāi)移動(dòng)蒙版位置的關(guān)鍵幀開(kāi)關(guān)→拖動(dòng)時(shí)間線(xiàn)到指定位置→拖動(dòng)圖層到指定位置，月亮的移動(dòng)制作完畢。最后還可以加上圖層樣式的動(dòng)作，整個(gè)動(dòng)畫(huà)制作完畢。
以上就是本章跟大家分享的技巧，其中包括：文字動(dòng)畫(huà)、顏色漸變、咻一咻動(dòng)畫(huà)、模糊動(dòng)畫(huà)、旋轉的時(shí)鐘以及變化的月亮。里面所需用到的技巧可以用在更多的動(dòng)畫(huà)上，相信大家一定能做出更炫的動(dòng)畫(huà)。
【制作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