photoshop CS3動(dòng)畫教程:蜻蜓落荷花動(dòng)畫

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

圖1

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

圖2

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

圖3

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

圖4

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

圖5

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

圖6

　　6、用移動(dòng)工具將蜻蜓拖入荷花圖片中，并在圖層面板中命名為 蜻蜓。

圖7

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

圖8

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

圖9

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

圖10

　　10 、用移動(dòng)工具將翅膀放回原位。

圖 11

[/table]


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

圖12

　　12、Ctrl+X剪切，新建一個(gè) 圖層，命名為右1，Ctrl+V粘貼，用移動(dòng)工具放回原位。

圖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)整 到如下大小和位置。下面開始做動(dòng)畫。

圖 18

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

圖19


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

圖20

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

圖21

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

圖22

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

圖23

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

圖24

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

圖25


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

圖26

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

圖 27

[table]


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

圖28

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

圖29

　　29、在彈出 對(duì)話框中，一般無(wú)需修改默認(rèn)參數(shù)，直接點(diǎn)擊存儲(chǔ)按鈕，即可保存Gif動(dòng)態(tài)圖。

圖30

　　30、最終效果：

效果圖

 

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