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

photoshop CS3動畫教程:蜻蜓落荷花動畫

來源:PConline 作者:Sweetwitch 學(xué)習(xí):8406人次
strong>作者: Sweetwitch來源:PConline
本教程是關(guān)于photoshop CS3制作蜻蜓落荷花的動畫,主要是介紹選取工具和變 形工具的應(yīng)用,還有簡單的動畫制作,操作步驟比較簡單易學(xué),希望網(wǎng)友喜歡!
  這個photoshop CS3實例通過選區(qū)工具和變形工具的 綜合運用,制作了一個蜻蜓振翅飛過荷花的動畫,操作簡潔實用,效果還不錯,適合練習(xí)photoshop動態(tài)圖的制作。先看下效果吧:


圖1

  開始制作步驟:
  1、打開一張蜻 蜓圖片。


圖2

  2、用多邊形套索工具選 出蜻蜓的大概范圍。


圖3

  3、選擇魔棒 工具在,按住Alt鍵在選區(qū)內(nèi)藍(lán)色的背景上點一下就能減掉多余的選區(qū)。


圖4







  4、最后用磁性套索工具 對選區(qū)進行修改,按Shift鍵時為增加,Alt鍵為減去,得到一個完整的蜻蜓選區(qū)。


圖5

  5、打開一張荷花背景圖片。


圖6

  6、用移動工具將蜻蜓拖入荷花圖片中,并在圖層面板中命名為 蜻蜓。


圖7

  7、Ctrl+J復(fù)制出一個蜻蜓 副本,以用于下面切下蜻蜓翅膀做動態(tài)效果。


圖8

  8、選擇蜻蜓副本層,用多邊形套索工具選出蜻蜓左邊的翅膀。


圖9

  9、Ctrl+X剪切,新建一個圖層,命名為左1,Ctrl+V粘貼。 ( 下圖隱藏蜻蜓層以便于觀看)


圖10

  10 、用移動工具將翅膀放回原位。


圖 11


[/table]


  11、再次選擇蜻蜓副本層,用多邊形套索工具選出蜻蜓右邊的翅膀 。


圖12

  12、Ctrl+X剪切,新建一個 圖層,命名為右1,Ctrl+V粘貼,用移動工具放回原位。


圖13

  13、將切掉翅膀的蜻蜓副本改名為身體以便于察看。


圖14

  14、選擇右1層,Ctrl+J復(fù)制出右1副本 ,命名為右2。

圖15


   15、同樣的,選擇左1層,Ctrl+J復(fù)制出左1副本,命名為左2。


圖16

  16、選擇左2層,Ctrl+T調(diào)整到如下大小和位置。


圖17



  17、選擇右2層,Ctrl+T調(diào)整 到如下大小和位置。下面開始做動畫。


圖 18

  18、在窗口菜單中勾選動畫以打開動畫面板。(PS CS3以下要導(dǎo)入IR中做,方法為點擊工具欄最下面的箭頭狀按鈕)。選擇第1幀,將 顯示時間設(shè)為0.1秒,在圖層面板隱藏除蜻蜓和背景外的所有圖層。最后點紅圈內(nèi)按鈕復(fù)制出第2、3幀。

圖19


  19、選擇第1幀,將蜻蜓拖到左上角直至大部 分身體在畫面外。


圖20

  20、選擇第2 幀,將蝴蝶拖到荷花上。


圖21

  21、 選擇第3幀,將蜻蜓拖到右下角直至大部分身體在畫面外。這就確定了蜻蜓飛入和飛出畫面的三個位置。


圖22


  22、選擇第2幀,點紅圈內(nèi)按鈕復(fù)制出第3、4幀。


圖23

  23、選擇第3幀,圖層顯示和隱藏設(shè)置如下。這樣第2、3、4 幀就能完成一個振翅的動作。點擊動畫面板中的三角形播放按鈕可隨時觀看效果。


圖24

  24、我想讓它振翅2次,所以按住Shift鍵同時選中第2、3、4 幀,再點復(fù)制按鈕復(fù)制出第4、5、6幀即可。

圖25


  25、同時選中前2幀,點紅圈內(nèi)過渡按鈕設(shè)置如下過渡,形成蜻蜓徐徐飛入畫面的效果。


圖26

  26、同時選中最后2幀,設(shè)置同樣過渡, 形成蜻蜓徐徐飛出畫面的效果。


圖 27


[table]


  27、按住Ctrl鍵同時選中第1幀和第4幀,設(shè)顯示時間為0.5秒。


圖28

  28、選擇菜單/文件/存儲為Web 和設(shè)備所用格式。


圖29

  29、在彈出 對話框中,一般無需修改默認(rèn)參數(shù),直接點擊存儲按鈕,即可保存Gif動態(tài)圖。


圖30

  30、最終效果:


效果圖

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

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

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