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

第九課:使用圖層樣式制作動畫(3)

來源:大師之路 作者:趙鵬 學習:11667人次

這時大家有沒有想到一個問題,那就是我們之前已經(jīng)開啟了樣式項目動畫,現(xiàn)在添加了新的樣式項,那么這個新樣式項在動畫中是怎樣表現(xiàn)的?我們只在開始時刻設(shè)定了該樣式項,那其它的時刻呢?播放一下動畫就可以看到,隨著動畫的進行,漸變疊加的效果逐漸消失了。這是因為下一關(guān)鍵幀中并沒有包含該樣式項(在00:14時刻觀察圖層調(diào)板可知),這樣就等于是把漸變疊加做成了淡出。而現(xiàn)在要使?jié)u變疊加始終有效,就需要在所有關(guān)鍵幀中添加該樣式項。但這個樣式涉及到鼠標的拖動,不像投影那樣可以通過參數(shù)簡單地再現(xiàn)。因此想要讓每一次的設(shè)定都相同,等于要保證鼠標的拖動動作都相同,這是不現(xiàn)實的。而Photoshop將全部樣式項視為一個整體,沒有提供針對單個樣式項的復制功能。所以,我們想在保留原先動畫的投影樣式基礎(chǔ)上,加入漸變疊加是不可能的。現(xiàn)在較為可行的方法,就是刪除樣式項目的第2、3關(guān)鍵幀。讓其在包含漸變疊加的基礎(chǔ)上,重新進行投影項目的動畫設(shè)定。而圖層位置與此操作無關(guān),不需改變。完成后的效果如下圖所示。需要注意的是:在針對矢量蒙版圖層使用漸變疊加、光澤等需鼠標在圖像中拖動產(chǎn)生效果的樣式時,最好不要同時設(shè)定圖層移動。否則在輸出為文件時這些樣式可能不會跟隨移動,這也許是Photoshop的程序漏洞所致。

范例動畫

第九課:使用圖層樣式制作動畫

針對這種不能在中途加入新樣式項的問題,可以用一個簡單的方法解決,那就是在一開始建立圖層樣式時,就將所有的樣式項都打開啟,并將一些暫時用不到的樣式項的不透明度設(shè)為0%,這樣既不會影響效果,也便于今后的重新啟用。但還是免除不了重新設(shè)定各關(guān)鍵幀的麻煩。所以在劇本階段就應當對此做好充分考慮。

目前漸變疊加在3個幀中的狀態(tài)都是相同的。我們可以在第2關(guān)鍵幀時修改樣式,用鼠標將漸變所形成的高光點向左上移動些許,模仿球體移動造成的光照位置變化。效果如下圖。在現(xiàn)實中影子的變化也與此不同,應該順著光照方向變?yōu)闄E圓才對。并且一個球體停在平面上時,陰影的高度不應那么低,大約應該在5~8像素這樣。這些問題不在本課討論范圍。

范例動畫

第九課:使用圖層樣式制作動畫

圖層樣式中的絕大多數(shù)都可以形成動畫,其中投影和內(nèi)陰影的使用方法差不多,可用作表現(xiàn)物體的立體感,就如同我們上面所作的范例。外發(fā)光與內(nèi)發(fā)光的效果也差不多,都是用來營造物體的發(fā)光效果。斜面和浮雕中的“方向”及“角度”不能作為動畫。光澤可以形成較為虛幻的動畫。顏色疊加則可以形成兩種顏色之間的過渡。漸變疊加是一個可以產(chǎn)生多種效果的樣式項,除了角度、縮放以及鼠標移動位置以外,也需要基礎(chǔ)的漸變設(shè)定知識?捎^看基礎(chǔ)教程中相應部分的介紹。圖案以及描邊選項中圖案描邊方式中,圖案的縮放及混合模式可以形成很好的動畫效果,具體內(nèi)容大家可自行研究。

這次的作業(yè)是將下圖所示的模擬雷達動畫制作出來,注意觀察動畫的細節(jié)。

第九課:使用圖層樣式制作動畫

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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