photoshop CS3動畫教程: 文字宣傳GIF動畫(4)

說明：在麻辣姐姐的教程中，她采用的是photoshop CS和ImageReady CS，而筆者使用的是photoshop CS3，所以在動畫的制作方法上會略有不同。


兩張素材圖：









首先，執(zhí)行【文件】　【新建】命令，新建一個413376像素的文件（圖像大小和素材文件一致即可），將名稱命名為【麻辣姐姐簽名】，如【圖01】所示。




第二步：打開【素材1】，使用【移動工具】將【素材1】拖入【麻辣姐姐簽名】中，系統(tǒng)自動為其命名為【圖層1】，使用同樣的方法將【素材2】也導(dǎo)入到【麻辣姐姐簽名】中，如下圖所示。


第三步：執(zhí)行【圖像】　【旋轉(zhuǎn)畫布】　【水平翻轉(zhuǎn)畫布】命令，將圖像旋轉(zhuǎn)以更適合做簽名，效果如【圖03】所示。





第四步：確認(rèn)前景色為白色，選擇工具箱中的【橫排文字工具】（快捷鍵為T），輸入歡迎來參加硅谷活動等文字，在【圖層調(diào)板】中雙擊文字圖層的縮略圖，為其添加圖層樣式，參數(shù)設(shè)置如【圖04】所示，效果如【圖05】所示。





第五步：仿照第四步的方法，添加其它文字，效果如【圖06】所示。




第六步：選中【圖層2】，使用【矩形選框】工具，繪制如【圖07】所示的選區(qū)。



第七步：按快捷鍵【Ctrl+J】復(fù)制選區(qū)內(nèi)容，得到【圖層3】。執(zhí)行【編輯】　【變換】　【水平翻轉(zhuǎn)】命令，將【圖層3】反轉(zhuǎn)，然后按【Ctrl+T】鍵調(diào)整【圖層3】的大小及方向并將其移動到如【圖08】位置。




第八步：將【圖層3】復(fù)制一份，得到【圖層3副本】。為【圖層3副本】添加圖層樣式，設(shè)置如【圖09】所示，效果如【圖10】所示。





第九步：按住【Ctrl】鍵不放，點(diǎn)擊【圖層3】的縮略圖，得到【圖層3】的選區(qū)，將前景色設(shè)置為#787878，按【Alt+Del】鍵填充選區(qū)，并將【圖層3】向下、向右移動，制作陰影，效果如【圖11】所示。




第十步：將【背景圖層】刪除，前期的準(zhǔn)備工作到此結(jié)束，下面開始制作動畫。執(zhí)行【窗口】　【動畫】命令，調(diào)出【動畫調(diào)板】。新建4幀，并將【幀延長時間】設(shè)為0.5秒，如【圖12】所示。




第十一步：在【動畫調(diào)板】中選擇第一幀，隱藏【圖層調(diào)板】中的部分圖層，如【圖13】所示；（第二幀和第一幀設(shè)置相同）在【動畫調(diào)板】中選擇第三幀，隱藏【圖層調(diào)板】中的部分圖層，如【圖14】所示；在【動畫調(diào)板】中選擇第四幀，隱藏【圖層調(diào)板】中的部分圖層，如【圖15】所示。







第十二步：執(zhí)行【文件】　【存儲為Web所用格式】命令，設(shè)置如【圖16】，PS會生成一個HTML文檔和一個【images】文件夾，打開文件夾，里面就是我們要的GIF動畫了。



最終效果：



搜索更多相關(guān)主題的帖子: IR動圖 photoshop教程