當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內容

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

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


圖1

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


圖2

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


圖3

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


圖4







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


圖5

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


圖6

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


圖7

  7、Ctrl+J復制出一個蜻蜓 副本,以用于下面切下蜻蜓翅膀做動態(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復制出右1副本 ,命名為右2。

圖15


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


圖16

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


圖17



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


圖 18

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

圖19


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


圖20

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


圖21

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


圖22


  22、選擇第2幀,點紅圈內按鈕復制出第3、4幀。


圖23

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


圖24

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

圖25


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


圖26

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


圖 27


[table]


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


圖28

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


圖29

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


圖30

  30、最終效果:


效果圖

 

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!