ps cc使用時(shí)間軸制作炫酷動(dòng)畫(huà)(3)
在平時(shí)工作項(xiàng)目中,多少會(huì)碰上要做簡(jiǎn)單gif動(dòng)畫(huà)的需求。以往做gif動(dòng)畫(huà)最麻煩的就是逐幀制作,一旦修改起來(lái)也很痛苦。隨著Photoshop版本的不斷升級(jí),其功能的優(yōu)化和增加,都是一次次的驚喜,發(fā)展到CC版本,時(shí)間軸已可以對(duì)視頻簡(jiǎn)易剪輯,所以時(shí)間軸制作簡(jiǎn)單的gif動(dòng)畫(huà)足已。
1、如何調(diào)出視頻時(shí)間軸面板
在窗口–>時(shí)間軸,調(diào)出時(shí)間軸面板后,選擇創(chuàng)建視頻時(shí)間軸。
選擇了視頻時(shí)間軸面板后,若想切換到幀動(dòng)畫(huà)面板,可以點(diǎn)擊上圖中紅色內(nèi)圖標(biāo)進(jìn)行切換。
2、了解視頻時(shí)間軸圖層的基本面板參數(shù)
位置:?jiǎn)渭兛刂茍D層對(duì)象在畫(huà)布的移動(dòng)。(該參數(shù)動(dòng)畫(huà)對(duì)位圖圖層有效,矢量圖層則需要啟動(dòng)矢量蒙版位置才會(huì)產(chǎn)生移動(dòng)動(dòng)畫(huà)效果)
演示動(dòng)畫(huà):
變換:包含對(duì)圖層對(duì)象在畫(huà)布的移動(dòng)控制和變形控制,可以產(chǎn)生原地旋轉(zhuǎn),放大縮小,翻轉(zhuǎn)動(dòng)畫(huà)效果。(參數(shù)只針對(duì)智能對(duì)象圖層而言)
演示動(dòng)畫(huà):
樣式:控制圖層對(duì)象樣式效果。圖層樣式是可以產(chǎn)生很豐富的動(dòng)畫(huà)效果,除了簡(jiǎn)單的外發(fā)光、內(nèi)發(fā)光、投影等基本動(dòng)畫(huà)效果,里面的圖案樣式更可以應(yīng)付重復(fù)的背景場(chǎng)景,如飄雪,流星等效果。
演示動(dòng)畫(huà);
不透明度:是控制圖層對(duì)象的整體透明度。
演示動(dòng)畫(huà):
蒙版:使用蒙版的時(shí)候蒙版位置與蒙版啟用一起使用。圖層蒙板位置具有控制動(dòng)畫(huà)效果范圍的作用。矢量蒙板位置則控制矢量圖層對(duì)象的移動(dòng)。
演示動(dòng)畫(huà):
3、視頻時(shí)間軸的使用
根據(jù)要使用的參數(shù),點(diǎn)擊啟用關(guān)鍵幀動(dòng)畫(huà),然后移動(dòng)浮標(biāo)到關(guān)鍵幀上,再根據(jù)對(duì)應(yīng)的參數(shù)調(diào)整圖層,時(shí)間軸就會(huì)自動(dòng)創(chuàng)建關(guān)鍵幀。
4、看看桌面圖標(biāo)動(dòng)畫(huà)制作思路:
(1)在接到需求時(shí),先在紙上勾勒自己想要的大致動(dòng)畫(huà)效果,再去網(wǎng)上找一些動(dòng)畫(huà)效果參考,覺(jué)得合適把他保存下來(lái),方便后面與需求方溝通動(dòng)畫(huà)時(shí),能表達(dá)更清楚。
(2)與需求方確認(rèn)好動(dòng)畫(huà)效果后,接著再在紙上拆解動(dòng)畫(huà)的元素,分析這些動(dòng)畫(huà)的圖層邏輯順序,哪些動(dòng)畫(huà)效果可以借助圖層混合樣式實(shí)現(xiàn),哪些需要把圖層轉(zhuǎn)換為智能對(duì)象等。這一步是為了讓自己在使用視頻時(shí)間軸做動(dòng)畫(huà)時(shí),心里會(huì)有一個(gè)比較清晰的邏輯。
(3)接下來(lái)整理確認(rèn)好的icon圖層(先復(fù)制一份源文件備份)。主要做以下幾方面:把圖層標(biāo)好顏色區(qū)分減少圖層數(shù),把可以合并的圖層轉(zhuǎn)換為智能對(duì)象(智能對(duì)象可以二次編輯,防止后面意外修改),并命好名稱。
(4)導(dǎo)出動(dòng)畫(huà):導(dǎo)出gif格式動(dòng)畫(huà),直接Alt+Ctrl+Shift+S導(dǎo)出;導(dǎo)出序列幀圖片,通過(guò) 文件–>導(dǎo)出–>渲染視頻調(diào)出面板。
(5)最終動(dòng)畫(huà)效果
5、總結(jié):
(1)在做之前先與需求方溝通好,了解動(dòng)畫(huà)尺寸、格式等信息。確認(rèn)好動(dòng)畫(huà)效果再動(dòng)手做。
(2)多用可編輯性圖層(如智能對(duì)象、矢量圖層),讓圖層變得可控性。
(3)保持圖層順序邏輯清晰明了,給圖層加以顏色區(qū)分及命好名稱,方便在時(shí)間軸上觀看。
(4)用圖層樣式做動(dòng)畫(huà)效果。一個(gè)圖層樣式不能實(shí)現(xiàn)的效果,可以把他拆成多個(gè)樣式來(lái)實(shí)現(xiàn)。同時(shí),樣式的混合模式盡量用正常的模式來(lái)做效果,這樣可以保證在轉(zhuǎn)換位智能對(duì)象的時(shí)候效果一致。
(5)善用圖層蒙版。
學(xué)習(xí) · 提示
相關(guān)教程
- 動(dòng)圖教程,制作唯美的冬季下雪動(dòng)圖效果
- 動(dòng)圖教程,在PS中制作逼真的下雨效果照片
- 動(dòng)態(tài)字體,在PS中制作一款GIF動(dòng)態(tài)效果字體
- 微動(dòng)效果,如何制作動(dòng)態(tài)圖及動(dòng)靜態(tài)結(jié)合圖
- 卡通動(dòng)畫(huà),用PS制作有趣的卡通動(dòng)物表情
- 果凍動(dòng)畫(huà),用PS制作Q彈的果凍動(dòng)畫(huà)
- 下雨效果,通過(guò)PS制作唯美逼真的下雨動(dòng)態(tài)效果圖
- 動(dòng)態(tài)照片,用PS制作那種“動(dòng)”起來(lái)的“Cinemagraph”類型照片
- 動(dòng)畫(huà)教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 融合動(dòng)畫(huà),用PS制作一個(gè)融合效果的動(dòng)態(tài)圖
推薦教程
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫(huà)效果
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- photoshop如何做河水流動(dòng)效果
- PS制作心電圖動(dòng)態(tài)效果圖
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
- 照片加水波動(dòng)畫(huà)特效IR教程
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫(huà)之三
- ps制作佛光閃耀GIF動(dòng)畫(huà)