photoshop CS3動(dòng)畫(huà)教程: 文字宣傳GIF動(dòng)畫(huà)(4)

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


兩張素材圖：









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




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


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





第四步：確認(rèn)前景色為白色，選擇工具箱中的【橫排文字工具】（快捷鍵為T(mén)），輸入歡迎來(lái)參加硅谷活動(dòng)等文字，在【圖層調(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】的大小及方向并將其移動(dòng)到如【圖08】位置。




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





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




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




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







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



最終效果：



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