photoshop做動(dòng)畫教程:飄落的花朵(10)
來源:未知
作者:學(xué)photoshop
學(xué)習(xí):3010人次
作者:vind 來源:教程網(wǎng) 最終效果:
![](http://pic.16xx8.com/allimg/090822/0133124H9-0.gif)
延伸效果:
![](http://pic.16xx8.com/allimg/090822/01331255O-1.gif)
![](http://pic.16xx8.com/allimg/090822/0133121V4-2.gif)
1.先打開素材圖
![](http://pic.16xx8.com/allimg/090822/0133121953-3.jpg)
2."alt+ctrl+C",更改畫布大小,高度加高點(diǎn),畫布擴(kuò)展顏色用黑色
![](http://pic.16xx8.com/allimg/090822/01331245U-4.jpg)
3.選"自定形狀工具",在"形狀"右邊一點(diǎn)的地方有個(gè)小三角,點(diǎn)開它,選擇一個(gè)喜歡的形狀吧
![](http://pic.16xx8.com/allimg/090822/0133122G8-5.jpg)
把"自定形狀選項(xiàng)"的"定義的比例"打上勾,可以防止形狀變扁或變長
![](http://pic.16xx8.com/allimg/090822/0133123396-6.jpg)
4.用"自定形狀工具"在圖中繪制好排成一條隊(duì)的花瓣路徑
![](http://pic.16xx8.com/allimg/090822/0133124I7-7.jpg)
不過好像不整齊,沒關(guān)系,我們可以用"路徑選擇工具",先把它們?nèi)x擇,然后點(diǎn)一下工具欄上面的"水平居中對(duì)齊"
![](http://pic.16xx8.com/allimg/090822/0133123325-8.jpg)
![](http://pic.16xx8.com/allimg/090822/0133123635-9.jpg)
好了
![](http://pic.16xx8.com/allimg/090822/0133121415-10.jpg)
5.復(fù)制多幾個(gè),然后用同樣的方法多做幾個(gè)大大小小不同的
![](http://pic.16xx8.com/allimg/090822/01331241O-11.jpg)
![](http://pic.16xx8.com/allimg/090822/0133125931-12.jpg)
6.按住Shift用"路徑選擇工具",選擇幾條相隔的花瓣隊(duì)列新建一個(gè)透明圖層,點(diǎn)擊右鍵,選擇填充子路徑,使用白色填充
![](http://pic.16xx8.com/allimg/090822/0133123H8-13.jpg)
![](http://pic.16xx8.com/allimg/090822/0133124415-14.jpg)
7.選擇另外不同的幾條相隔花瓣隊(duì)列,重復(fù)第6步,然后我們就得到3個(gè)不同隊(duì)列的花瓣圖層,分別在圖層1、圖層2、圖層3
![](http://pic.16xx8.com/allimg/090822/013312O23-15.jpg)
圖層1是這樣
![](http://pic.16xx8.com/allimg/090822/0133125C5-16.jpg)
圖層2是這樣
![](http://pic.16xx8.com/allimg/090822/013312G36-17.jpg)
圖層3是這樣
![](http://pic.16xx8.com/allimg/090822/013312B17-18.jpg)
8.打開"窗口"-"動(dòng)畫" (PS CS3以下版本就切換到ImageReady)
![](http://pic.16xx8.com/allimg/090822/0133123603-19.jpg)
9.如果是時(shí)間軸動(dòng)畫模式,就點(diǎn)擊右下角那個(gè)膠片標(biāo)志的小圖標(biāo),轉(zhuǎn)換為幀動(dòng)畫
![](http://pic.16xx8.com/allimg/090822/0133123209-20.jpg)
10."幀延遲"改為0.15秒(我后來改成了0.2秒),復(fù)制兩幀,同時(shí)把循環(huán)選項(xiàng)改為"永遠(yuǎn)"
![](http://pic.16xx8.com/allimg/090822/013312N35-21.jpg)
![](http://pic.16xx8.com/allimg/090822/0133123645-22.jpg)
11.在第二個(gè)幀中,用"移動(dòng)工具"分別把圖層1、圖層2、圖層3向下移動(dòng)30像素、20像素、40像素
![](http://pic.16xx8.com/allimg/090822/01331210U-23.jpg)
在第三個(gè)幀中,用"移動(dòng)工具"分別把圖層1、圖層2、圖層3向下移動(dòng)60像素、40像素、80像素
![](http://pic.16xx8.com/allimg/090822/013312I48-24.jpg)
移動(dòng)多少像素看自己喜歡,沒有固定的三個(gè)圖層移動(dòng)不同像素,是為了讓不同的隊(duì)列下落速度不同(小貼士:在"移動(dòng)工具中",按住Shift鍵,點(diǎn)↓鍵,就可以一次向下移動(dòng)10像素)12.回到第一個(gè)幀,在圖層面板那,把"傳播幀1"前的勾選上,然后把3個(gè)圖層的"不透明度"都調(diào)低點(diǎn)
![](http://pic.16xx8.com/allimg/090822/0133123558-25.jpg)
13."alt+ctrl+C",再次來到更改畫布大小,把高度改回原來的數(shù)值(還記得原來數(shù)值吧)
![](http://pic.16xx8.com/allimg/090822/013312KV-26.jpg)
14."文件"-"存儲(chǔ)為Web和設(shè)備所用格式"
![](http://pic.16xx8.com/allimg/090822/013312H18-27.jpg)
![](http://pic.16xx8.com/allimg/090822/0133122534-28.jpg)
補(bǔ)充:后來覺得"幀延遲"0.15秒太快了,改為0.2秒
![](http://pic.16xx8.com/allimg/090822/0133124H9-0.gif)
![](http://pic.16xx8.com/allimg/090822/0133124H9-0.gif)
延伸效果:
![](http://pic.16xx8.com/allimg/090822/01331255O-1.gif)
![](http://pic.16xx8.com/allimg/090822/0133121V4-2.gif)
1.先打開素材圖
![](http://pic.16xx8.com/allimg/090822/0133121953-3.jpg)
2."alt+ctrl+C",更改畫布大小,高度加高點(diǎn),畫布擴(kuò)展顏色用黑色
![](http://pic.16xx8.com/allimg/090822/01331245U-4.jpg)
3.選"自定形狀工具",在"形狀"右邊一點(diǎn)的地方有個(gè)小三角,點(diǎn)開它,選擇一個(gè)喜歡的形狀吧
![](http://pic.16xx8.com/allimg/090822/0133122G8-5.jpg)
把"自定形狀選項(xiàng)"的"定義的比例"打上勾,可以防止形狀變扁或變長
![](http://pic.16xx8.com/allimg/090822/0133123396-6.jpg)
4.用"自定形狀工具"在圖中繪制好排成一條隊(duì)的花瓣路徑
![](http://pic.16xx8.com/allimg/090822/0133124I7-7.jpg)
不過好像不整齊,沒關(guān)系,我們可以用"路徑選擇工具",先把它們?nèi)x擇,然后點(diǎn)一下工具欄上面的"水平居中對(duì)齊"
![](http://pic.16xx8.com/allimg/090822/0133123325-8.jpg)
![](http://pic.16xx8.com/allimg/090822/0133123635-9.jpg)
好了
![](http://pic.16xx8.com/allimg/090822/0133121415-10.jpg)
5.復(fù)制多幾個(gè),然后用同樣的方法多做幾個(gè)大大小小不同的
![](http://pic.16xx8.com/allimg/090822/01331241O-11.jpg)
![](http://pic.16xx8.com/allimg/090822/0133125931-12.jpg)
6.按住Shift用"路徑選擇工具",選擇幾條相隔的花瓣隊(duì)列新建一個(gè)透明圖層,點(diǎn)擊右鍵,選擇填充子路徑,使用白色填充
![](http://pic.16xx8.com/allimg/090822/0133123H8-13.jpg)
![](http://pic.16xx8.com/allimg/090822/0133124415-14.jpg)
7.選擇另外不同的幾條相隔花瓣隊(duì)列,重復(fù)第6步,然后我們就得到3個(gè)不同隊(duì)列的花瓣圖層,分別在圖層1、圖層2、圖層3
![](http://pic.16xx8.com/allimg/090822/013312O23-15.jpg)
圖層1是這樣
![](http://pic.16xx8.com/allimg/090822/0133125C5-16.jpg)
圖層2是這樣
![](http://pic.16xx8.com/allimg/090822/013312G36-17.jpg)
圖層3是這樣
![](http://pic.16xx8.com/allimg/090822/013312B17-18.jpg)
8.打開"窗口"-"動(dòng)畫" (PS CS3以下版本就切換到ImageReady)
![](http://pic.16xx8.com/allimg/090822/0133123603-19.jpg)
9.如果是時(shí)間軸動(dòng)畫模式,就點(diǎn)擊右下角那個(gè)膠片標(biāo)志的小圖標(biāo),轉(zhuǎn)換為幀動(dòng)畫
![](http://pic.16xx8.com/allimg/090822/0133123209-20.jpg)
10."幀延遲"改為0.15秒(我后來改成了0.2秒),復(fù)制兩幀,同時(shí)把循環(huán)選項(xiàng)改為"永遠(yuǎn)"
![](http://pic.16xx8.com/allimg/090822/013312N35-21.jpg)
![](http://pic.16xx8.com/allimg/090822/0133123645-22.jpg)
11.在第二個(gè)幀中,用"移動(dòng)工具"分別把圖層1、圖層2、圖層3向下移動(dòng)30像素、20像素、40像素
![](http://pic.16xx8.com/allimg/090822/01331210U-23.jpg)
在第三個(gè)幀中,用"移動(dòng)工具"分別把圖層1、圖層2、圖層3向下移動(dòng)60像素、40像素、80像素
![](http://pic.16xx8.com/allimg/090822/013312I48-24.jpg)
移動(dòng)多少像素看自己喜歡,沒有固定的三個(gè)圖層移動(dòng)不同像素,是為了讓不同的隊(duì)列下落速度不同(小貼士:在"移動(dòng)工具中",按住Shift鍵,點(diǎn)↓鍵,就可以一次向下移動(dòng)10像素)12.回到第一個(gè)幀,在圖層面板那,把"傳播幀1"前的勾選上,然后把3個(gè)圖層的"不透明度"都調(diào)低點(diǎn)
![](http://pic.16xx8.com/allimg/090822/0133123558-25.jpg)
13."alt+ctrl+C",再次來到更改畫布大小,把高度改回原來的數(shù)值(還記得原來數(shù)值吧)
![](http://pic.16xx8.com/allimg/090822/013312KV-26.jpg)
14."文件"-"存儲(chǔ)為Web和設(shè)備所用格式"
![](http://pic.16xx8.com/allimg/090822/013312H18-27.jpg)
![](http://pic.16xx8.com/allimg/090822/0133122534-28.jpg)
補(bǔ)充:后來覺得"幀延遲"0.15秒太快了,改為0.2秒
![](http://pic.16xx8.com/allimg/090822/0133124H9-0.gif)
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
相關(guān)教程
- 動(dòng)畫教程,用PS做一個(gè)李小龍武術(shù)動(dòng)態(tài)圖
- 動(dòng)畫教程,快速繪制加載效果動(dòng)態(tài)圖片
- 動(dòng)畫教程,制作旋轉(zhuǎn)動(dòng)態(tài)八卦圖
- 動(dòng)畫教程,制作環(huán)繞旋轉(zhuǎn)動(dòng)畫效果
- 漸變動(dòng)畫,教你做漸變GIF動(dòng)圖教程
- 動(dòng)畫教程,秋葉變綠葉的動(dòng)漫效果
- 動(dòng)畫教程,PS如何制作GIF動(dòng)畫圖片
- 動(dòng)畫教程,制作一個(gè)3D立體球GIF動(dòng)畫教程
- 動(dòng)畫教程,利用PS和AI做出超酷的霓虹燈動(dòng)態(tài)圖片
- 動(dòng)畫教程,制作卡通化的移動(dòng)云動(dòng)畫圖片教程
推薦教程
- 照片加水波動(dòng)畫特效IR教程
- ps制作佛光閃耀GIF動(dòng)畫
- photoshop如何做河水流動(dòng)效果
- [IR動(dòng)圖教程] 蔚藍(lán)詭計(jì)系列教程新手學(xué)動(dòng)畫之三
- [IR動(dòng)圖教程] 動(dòng)態(tài)漸隱簽名圖制作
- 融合動(dòng)圖,做圖形融合效果動(dòng)態(tài)圖
- [IR動(dòng)圖教程] PS IR把美女做成幻燈片動(dòng)畫效果
- photoshop置換濾鏡打造飄揚(yáng)的北京奧運(yùn)旗幟
- PS制作心電圖動(dòng)態(tài)效果圖
- [IR動(dòng)圖教程] PS實(shí)例教程:制作動(dòng)態(tài)GIF下雨圖片
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!