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)圖的制作。先看下效果吧:
本教程是關(guān)于photoshop CS3制作蜻蜓落荷花的動畫,主要是介紹選取工具和變 形工具的應(yīng)用,還有簡單的動畫制作,操作步驟比較簡單易學(xué),希望網(wǎng)友喜歡!
這個photoshop CS3實例通過選區(qū)工具和變形工具的 綜合運用,制作了一個蜻蜓振翅飛過荷花的動畫,操作簡潔實用,效果還不錯,適合練習(xí)photoshop動態(tài)圖的制作。先看下效果吧:
圖1
開始制作步驟:
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。
圖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幀,將蜻蜓拖到左上角直至大部 分身體在畫面外。
圖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è)置如下過渡,形成蜻蜓徐徐飛入畫面的效果。
圖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í) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!