動(dòng)畫技巧,幾個(gè)制作GIF的動(dòng)畫技巧(2)
還有一個(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)換為智能對象再添加樣式等等。
綻放的煙花
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è)置
下面的圖層填充設(shè)置為0,圖層樣式的混合選項(xiàng)設(shè)置為
回到時(shí)間軸,將長度設(shè)置為30f(等于1s),選擇兩個(gè)圖層轉(zhuǎn)換為一個(gè)智能對象,雙擊智能對象可以得知畫布大小與畫的條子是一樣的(4×182px),而我們要將畫布的長度調(diào)整如下圖
(這是為了煙花的綻放有更大的伸展空間)。此時(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即可),
移動(dòng)這個(gè)圖層的條子如圖所示(設(shè)置條子底部與畫布頂部相切大概的位置)
打開上面圖層的矢量蒙版位置的關(guān)鍵幀開關(guān),在起始幀(1f)的條子拖動(dòng)到如下圖的位置:
將條子在畫布底部露出幾個(gè)像素,這樣在制作變換動(dòng)作的時(shí)候起到參考的作用,然后在15f處添加關(guān)鍵幀并且把條子移動(dòng)到如下圖(剛好頂置畫布)
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 動(dòng)畫閃字
- 矢量人生
- 制作
- 技巧
- 動(dòng)畫技巧
學(xué)習(xí) · 提示
相關(guān)教程
- 果凍動(dòng)畫,用PS制作Q彈的果凍動(dòng)畫
- 下雨效果,通過PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來的“Cinemagraph”類型照片
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫,用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
- 融合動(dòng)圖,做一個(gè)圖形融合效果的圖片
- 動(dòng)圖教程,用PS制作一款動(dòng)態(tài)風(fēng)景照
- 動(dòng)圖教程,用PS制作一只萌萌噠動(dòng)態(tài)小飛機(jī)
- 煙花效果,用PS制作煙花綻放GIF動(dòng)畫效果
- 播放器制作,用PS加AE制作一個(gè)“山寨”網(wǎng)易云音樂播放界面
推薦教程
- photoshop如何做河水流動(dòng)效果
- PS制作心電圖動(dòng)態(tài)效果圖
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- 照片加水波動(dòng)畫特效IR教程
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫效果
- ps制作佛光閃耀GIF動(dòng)畫
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫之三