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

Photoshop打造麻辣姐姐的動態(tài)簽名教程(6)

來源:eNet 作者:麻辣姐姐 學(xué)習(xí):402人次

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

兩張素材圖:

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


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

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

第四步:確認前景色為白色,選擇工具箱中的【橫排文字工具】(快捷鍵為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】鍵不放,點擊【圖層3】的縮略圖,得到【圖層3】的選區(qū),將前景色設(shè)置為#787878,按【Alt+Del】鍵填充選區(qū),并將【圖層3】向下、向右移動,制作陰影,效果如【圖11】所示。

第十步:將【背景圖層】刪除,前期的準備工作到此結(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動畫了。

最終效果:



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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
曉曉2017-08-02 03:07
我的作業(yè):
港灣20112011-02-26 02:14
樓主的教程很好,實用。
港灣20112011-02-26 02:02
樓主的教程很好,實用。
溫泉三毛2010-12-16 06:15
謝謝樓主提供教程,收下了
溫泉三毛2010-12-16 06:12
謝謝樓主提供教程,收下了
晴川夏客2009-06-13 12:10
辛苦 了。
北雪炎2009-06-12 09:14
haio,給長力,很好
路西法仰慕者2009-06-12 04:21
虛心向您請教
干啥呢ni2009-06-12 03:52
好詳細啊,效果很好對于新手太有幫助了!謝謝分享!
含笑為誰2009-06-12 03:05
辛苦了,多謝分享。
劉ujygyu2009-06-12 11:00
想看看
靜聽雨聲1072009-06-12 05:17
好復(fù)雜的趕腳

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

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