[IR動(dòng)圖教程] Ps制作霓虹字閃爍動(dòng)畫..。(4)
本教程主要是介紹使用Photoshop和他自帶的Imageready,來(lái)制作簡(jiǎn)單的GIF動(dòng)畫效果圖,制作的時(shí)候先在Photoshop中把需要顯示的效果分層做后效果圖,然后在IR里面設(shè)置下動(dòng)畫就出來(lái)了。
最終效果
photoshop
1、新建一個(gè)寬500像素,高350像素的文件,將背景填充為黑色。
photoshop
<圖1>
2、選擇文字工具,打上自己喜歡的文字,設(shè)置一個(gè)喜歡的字體和合適的大小,顏色不限。 效果如圖3
photoshop
<圖2>
photoshop
<圖3>
3、按住Ctrl鍵在圖層面板單擊文字圖層載入其選區(qū),新建一個(gè)圖層,執(zhí)行編輯/描邊,顏色為紅色。
photoshop
<圖4>
4、刪除文字圖層,Ctrl J復(fù)制圖層1得到圖層1副本。
photoshop
<圖5>
5、選擇圖層1副本,執(zhí)行濾鏡/模糊/高斯模糊1個(gè)像素左右。
photoshop
<圖6>
6、選擇圖層1,執(zhí)行濾鏡/模糊/高斯模糊5個(gè)像素左右。
photoshop
<圖7>
7、此時(shí)霓虹燈效果就出來(lái)了。
photoshop
<圖8>
8、選擇矩形路徑工具,圓角半徑設(shè)為10個(gè)像素左右,畫出一個(gè)圓角矩形框。
photoshop
<圖9>
9、Ctrl Enter轉(zhuǎn)路徑為選區(qū),新建一個(gè)圖層,紅色描邊如下。
photoshop
<圖10>
10、Ctrl J復(fù)制圖層2得到副本,對(duì)圖層2副本高斯模糊1個(gè)像素。
photoshop
<圖11>
11、對(duì)圖層2高斯模糊5個(gè)像素。
photoshop
<圖12>
12、選擇移動(dòng)工具,按住Shift鍵在圖層面板選中所有圖層,點(diǎn)水平居中和垂直居中按鈕將它們對(duì)齊。
photoshop
<圖13>
13、將除背景層外所有圖層合并為圖層1。
photoshop
<圖14>
14、Ctrl J復(fù)制圖層1得到副本,Ctrl U調(diào)整圖層1副本的色相,數(shù)值為100左右,使文字變成綠色。
photoshop
<圖15>
15、按工具欄最下面箭頭狀的按鈕導(dǎo)入Imageready做動(dòng)態(tài)效果。
photoshop
<圖16>
16、將圖層分別命名為圖層1和圖層2,在動(dòng)畫窗口中選擇第一幀,隱藏綠色的圖層2,顯示紅色文字。
photoshop
<圖17>
17、點(diǎn)紅圈內(nèi)復(fù)制按鈕復(fù)制出第2幀,將圖層透明度調(diào)整到50%,造成文字光線變?nèi)醯男Ч?/p>
photoshop
<圖18>
18、再?gòu)?fù)制一幀,隱藏紅色的圖層1,顯示綠色文字,并將其圖層透明度調(diào)整為50%。
photoshop
<圖19>
19、再?gòu)?fù)制一幀,將其透明度調(diào)整回100%。
photoshop
<圖20>
20、按住Shift鍵選中所有幀,將顯示時(shí)間設(shè)為0.2秒。
photoshop
<圖21>
21、執(zhí)行文件/將優(yōu)化結(jié)果存儲(chǔ)為,保存結(jié)果,完工。
photoshop
<圖22>
學(xué)習(xí) · 提示
相關(guān)教程