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