當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>閃圖閃字>教程內(nèi)容

[IR動(dòng)圖教程] Ps制作霓虹字閃爍動(dòng)畫..。(4)

來源:不詳 作者:佚名 學(xué)習(xí):1794人次

本教程主要是介紹使用Photoshop和他自帶的Imageready,來制作簡(jiǎn)單的GIF動(dòng)畫效果圖,制作的時(shí)候先在Photoshop中把需要顯示的效果分層做后效果圖,然后在IR里面設(shè)置下動(dòng)畫就出來了。
最終效果


保存圖片,請(qǐng)右擊后按A
photoshop


1、新建一個(gè)寬500像素,高350像素的文件,將背景填充為黑色。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖1>


2、選擇文字工具,打上自己喜歡的文字,設(shè)置一個(gè)喜歡的字體和合適的大小,顏色不限。 效果如圖3


保存圖片,請(qǐng)右擊后按A
photoshop
<圖2>


保存圖片,請(qǐng)右擊后按A
photoshop
<圖3>


3、按住Ctrl鍵在圖層面板單擊文字圖層載入其選區(qū),新建一個(gè)圖層,執(zhí)行編輯/描邊,顏色為紅色。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖4>


4、刪除文字圖層,Ctrl J復(fù)制圖層1得到圖層1副本。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖5>


5、選擇圖層1副本,執(zhí)行濾鏡/模糊/高斯模糊1個(gè)像素左右。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖6>


6、選擇圖層1,執(zhí)行濾鏡/模糊/高斯模糊5個(gè)像素左右。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖7>


7、此時(shí)霓虹燈效果就出來了。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖8>


8、選擇矩形路徑工具,圓角半徑設(shè)為10個(gè)像素左右,畫出一個(gè)圓角矩形框。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖9>


9、Ctrl Enter轉(zhuǎn)路徑為選區(qū),新建一個(gè)圖層,紅色描邊如下。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖10>


10、Ctrl J復(fù)制圖層2得到副本,對(duì)圖層2副本高斯模糊1個(gè)像素。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖11>


11、對(duì)圖層2高斯模糊5個(gè)像素。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖12>


12、選擇移動(dòng)工具,按住Shift鍵在圖層面板選中所有圖層,點(diǎn)水平居中和垂直居中按鈕將它們對(duì)齊。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖13>


13、將除背景層外所有圖層合并為圖層1。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖14>


14、Ctrl J復(fù)制圖層1得到副本,Ctrl U調(diào)整圖層1副本的色相,數(shù)值為100左右,使文字變成綠色。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖15>


15、按工具欄最下面箭頭狀的按鈕導(dǎo)入Imageready做動(dòng)態(tài)效果。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖16>


16、將圖層分別命名為圖層1和圖層2,在動(dòng)畫窗口中選擇第一幀,隱藏綠色的圖層2,顯示紅色文字。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖17>


17、點(diǎn)紅圈內(nèi)復(fù)制按鈕復(fù)制出第2幀,將圖層透明度調(diào)整到50%,造成文字光線變?nèi)醯男Ч?/p>


保存圖片,請(qǐng)右擊后按A
photoshop
<圖18>


18、再復(fù)制一幀,隱藏紅色的圖層1,顯示綠色文字,并將其圖層透明度調(diào)整為50%。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖19>


19、再復(fù)制一幀,將其透明度調(diào)整回100%。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖20>


20、按住Shift鍵選中所有幀,將顯示時(shí)間設(shè)為0.2秒。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖21>


21、執(zhí)行文件/將優(yōu)化結(jié)果存儲(chǔ)為,保存結(jié)果,完工。


保存圖片,請(qǐng)右擊后按A
photoshop
<圖22>

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

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

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

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