當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

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

來源:站酷 作者:矢量人生 學(xué)習(xí):11769人次

還有一個(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é)束幀)互相對調(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)換為智能對象再添加樣式等等。

theoat.com.cn_04015321O-6.gif

綻放的煙花

Step1——畫長條

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

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

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

theoat.com.cn_0401534106-7.png

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

theoat.com.cn_04015340c-8.png

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

theoat.com.cn_0401532V6-9.png

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

theoat.com.cn_04015335b-10.png

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

theoat.com.cn_0401536493-11.png

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

theoat.com.cn_040153I95-12.png

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
白犀2018-06-29 10:26
學(xué)到了,真的厲害
菇?jīng)鰟e矯情好嗎2017-05-28 11:14
頂一下....
分漓的緈福2017-05-28 08:28
學(xué)習(xí)了!
黑夜深處的貓2017-05-28 02:31
看不懂多少

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!