Photoshop動(dòng)畫(huà)教程:制作扭動(dòng)的文字動(dòng)畫(huà)

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):1192人次
 

本教程是關(guān)于用Photoshop(PS)配合ImageReady(IR)制作跳動(dòng)的文字效果,先在photoshop中做出層的效果,然后再打開(kāi) IR,在IR中根據(jù)每幀對(duì)圖層的隱藏變化來(lái)做出跳動(dòng)效果,希望能帶給您幫助!網(wǎng)絡(luò)上黃昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改動(dòng)。下面我們先來(lái)看看最終效果:


效果圖

  打開(kāi)一幅艷麗的圖片,新建一層填充黑色,用文字工具輸入文字得到文字層。


圖1

  雙擊文字層給文字層添加圖層樣式,設(shè)置填充不透明度為0,挖空為淺(這里淺和深的效果是一樣的,不信可以試。如果當(dāng)前層在圖層組里,深淺的效果就不同了,深挖到背景層而淺只挖出圖層組)設(shè)置描邊效果加強(qiáng)文字識(shí)別。


圖2


圖3


圖4
 

  從窗口調(diào)出動(dòng)畫(huà)面板,點(diǎn)擊復(fù)制選中的幀。


圖5

  按ctrl+t鍵,變形文字,點(diǎn)擊封套按鈕。選擇變形樣式,調(diào)整變形量。


圖6


圖7


圖8

  復(fù)制選中的幀。


圖9
 

  重復(fù)文字變形步驟,不過(guò)變形設(shè)置是與上步相反的。選中第一禎,復(fù)制兩幀,并放置如下位置:


圖10

  選中第二幀,點(diǎn)擊動(dòng)畫(huà)面板的幀過(guò)渡按鈕,并設(shè)置如下:


圖11


圖12


圖13

  點(diǎn)擊播放按鈕,看看效果。

  最后存儲(chǔ)為web所用格式的gif格式的圖片。

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

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

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

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