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

ps cc使用時間軸制作炫酷動畫(2)

來源:優(yōu)設(shè) 作者:佚名 學習:94382人次

演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

蒙版:使用蒙版的時候蒙版位置與蒙版啟用一起使用。圖層蒙板位置具有控制動畫效果范圍的作用。矢量蒙板位置則控制矢量圖層對象的移動。

演示動畫:

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

 

3、視頻時間軸的使用

根據(jù)要使用的參數(shù),點擊Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)啟用關(guān)鍵幀動畫,然后移動浮標到關(guān)鍵幀上,再根據(jù)對應(yīng)的參數(shù)調(diào)整圖層,時間軸就會自動創(chuàng)建關(guān)鍵幀。

4、看看桌面圖標動畫制作思路:

(1)在接到需求時,先在紙上勾勒自己想要的大致動畫效果,再去網(wǎng)上找一些動畫效果參考,覺得合適把他保存下來,方便后面與需求方溝通動畫時,能表達更清楚。

(2)與需求方確認好動畫效果后,接著再在紙上拆解動畫的元素,分析這些動畫的圖層邏輯順序,哪些動畫效果可以借助圖層混合樣式實現(xiàn),哪些需要把圖層轉(zhuǎn)換為智能對象等。這一步是為了讓自己在使用視頻時間軸做動畫時,心里會有一個比較清晰的邏輯。

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

(3)接下來整理確認好的icon圖層(先復(fù)制一份源文件備份)。主要做以下幾方面:把圖層標好顏色區(qū)分減少圖層數(shù),把可以合并的圖層轉(zhuǎn)換為智能對象(智能對象可以二次編輯,防止后面意外修改),并命好名稱。

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

(4)導出動畫:導出gif格式動畫,直接Alt+Ctrl+Shift+S導出;導出序列幀圖片,通過 文件–>導出–>渲染視頻調(diào)出面板。

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

(5)最終動畫效果

Photoshop使用時間軸制作炫酷動畫,PS教程,16xx8.com教程網(wǎng)

5、總結(jié):

(1)在做之前先與需求方溝通好,了解動畫尺寸、格式等信息。確認好動畫效果再動手做。

(2)多用可編輯性圖層(如智能對象、矢量圖層),讓圖層變得可控性。

(3)保持圖層順序邏輯清晰明了,給圖層加以顏色區(qū)分及命好名稱,方便在時間軸上觀看。

(4)用圖層樣式做動畫效果。一個圖層樣式不能實現(xiàn)的效果,可以把他拆成多個樣式來實現(xiàn)。同時,樣式的混合模式盡量用正常的模式來做效果,這樣可以保證在轉(zhuǎn)換位智能對象的時候效果一致。

(5)善用圖層蒙版。

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
桐桐的太陽2017-05-28 02:19
效果很好~~~~~~~~支持你
雪fly2102017-05-28 08:03
很漂亮
夢中的那個她2017-05-28 04:38
有點不好弄
匆匆那年77love2017-05-28 01:54
脫了褲子放屁!

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

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