動(dòng)畫技巧,幾個(gè)制作GIF的動(dòng)畫技巧

2022-12-25 10:43:13 來源/作者: / 己有:16人學(xué)習(xí)過

還有一個(gè)從有到無的過程,把剛才從無到有的動(dòng)畫編組并且復(fù)制,轉(zhuǎn)到時(shí)間軸把這個(gè)組向后拖動(dòng)到一定位置(在前面組的結(jié)尾往前一點(diǎn)點(diǎn),使其神不知鬼不覺地循環(huán)運(yùn)動(dòng)),然后在復(fù)制組的圓環(huán)圖層的關(guān)鍵幀(起始幀與結(jié)束幀)互相對(duì)調(diào),最后將時(shí)間線拖到關(guān)鍵幀的位置調(diào)出圖層樣式,漸變勾上反向。當(dāng)然你不喜歡這種復(fù)制+反向的方法而要重新做顏色的漸變也沒人攔你~

以上4步已經(jīng)完成了一個(gè)loading從無到有,從有到無的動(dòng)畫,你可以設(shè)置更多樣式,比如設(shè)置圓環(huán)的填充為0,給圓環(huán)添加內(nèi)陰影,轉(zhuǎn)換為智能對(duì)象再添加樣式等等。

_04015321O-6.gif

綻放的煙花

Step1——畫長(zhǎng)條

新建一個(gè)500×900px(取決于煙花綻放尺寸)的畫布,用鋼筆工具(填充無,描邊4,端點(diǎn)圓角,色值任意但我喜歡用黃)畫一根長(zhǎng)182px(你要長(zhǎng)短都行,不要影響到最后效果便可)的線條,ctrl+j復(fù)制多一根(保持一樣的位置),然后調(diào)出時(shí)間軸并且創(chuàng)建時(shí)間軸動(dòng)畫。

Step2——條子動(dòng)畫

通過學(xué)習(xí)【玩轉(zhuǎn)PS時(shí)間軸-3】中的剪貼蒙版+移動(dòng),我們先將其兩根條子按下圖設(shè)置

_0401534106-7.png

下面的圖層填充設(shè)置為0,圖層樣式的混合選項(xiàng)設(shè)置為

_04015340c-8.png

回到時(shí)間軸,將長(zhǎng)度設(shè)置為30f(等于1s),選擇兩個(gè)圖層轉(zhuǎn)換為一個(gè)智能對(duì)象,雙擊智能對(duì)象可以得知畫布大小與畫的條子是一樣的(4×182px),而我們要將畫布的長(zhǎng)度調(diào)整如下圖

_0401532V6-9.png

(這是為了煙花的綻放有更大的伸展空間)。此時(shí)我們?cè)谶@個(gè)智能對(duì)象制作動(dòng)畫,先打開下面圖層矢量蒙版位置的關(guān)鍵幀開關(guān),拖動(dòng)時(shí)間線先在起始幀(1f)添加關(guān)鍵幀,再移動(dòng)時(shí)間線到最后(29f,時(shí)間線定位到最后只能在總幀數(shù)-1的位置,做好動(dòng)作后直接把關(guān)鍵幀拉到30f即可),

_04015335b-10.png

移動(dòng)這個(gè)圖層的條子如圖所示(設(shè)置條子底部與畫布頂部相切大概的位置)

_0401536493-11.png

打開上面圖層的矢量蒙版位置的關(guān)鍵幀開關(guān),在起始幀(1f)的條子拖動(dòng)到如下圖的位置:

_040153I95-12.png

將條子在畫布底部露出幾個(gè)像素,這樣在制作變換動(dòng)作的時(shí)候起到參考的作用,然后在15f處添加關(guān)鍵幀并且把條子移動(dòng)到如下圖(剛好頂置畫布)