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

ps噴泉?jiǎng)赢嬓Ч麍D(6)

來源:PS教程網(wǎng) 作者:Tataplay尖尖  學(xué)習(xí):9639人次

噴泉?jiǎng)赢媽儆诹魉畡?dòng)畫的一種,用PS來實(shí)現(xiàn)的原理大致相同,GIF動(dòng)畫在網(wǎng)絡(luò)上比較常見,網(wǎng)頁中偶爾點(diǎn)綴一下也是相當(dāng)不錯(cuò),本教程通過一個(gè)簡(jiǎn)單的噴泉?jiǎng)赢嫷闹谱鬟^程來進(jìn)行講述,本動(dòng)畫可擴(kuò)展性較強(qiáng),有興趣可以一試。

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

效果圖

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

原圖

1、在photoshop中打開原圖(本教程采用photoshop CS5制作,其它版本基本通用),如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

2、雙擊背景圖層進(jìn)行解鎖,按默認(rèn)的文件名圖層0命名,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

3、拖動(dòng)圖層0到創(chuàng)建新建圖按鈕上進(jìn)行復(fù)制圖層(或者單擊右鍵選擇復(fù)制圖層),將圖層0復(fù)制五個(gè)副本,總共六個(gè)圖層,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

4、單擊選擇鋼筆工具,將圖中有水的部分都勾選中(也可以通過其它方法直接將有水的區(qū)域選中),如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

5、勾選完后單擊右鍵,選擇“建立選區(qū)”,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

6、在彈出的“建立選區(qū)”窗口中,設(shè)置羽化半徑為3,這樣能產(chǎn)生較好的過渡效果,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

7、路徑轉(zhuǎn)換成選區(qū)后效果如下圖所示,如果有一些區(qū)域不到位,可以通過快速蒙版等進(jìn)行修補(bǔ),這里不再詳述。

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

8、接下來就對(duì)每一圖層進(jìn)行水波操作,先單擊選中“圖層0 副本5”,選擇菜單“濾鏡->扭曲->海洋波紋”,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

9、在彈出的“海洋波紋”窗口中,設(shè)置波紋幅度為2,波紋大小為1,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

10、接下來單擊選中“圖層0 副本4”,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

11、同樣

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

12、同理,單擊選中“圖層0 副本3”,設(shè)置波紋幅度為2,波紋大小為3,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

13、單擊選中“圖層0 副本2”,設(shè)置波紋幅度為2,波紋大小為4,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

14、單擊選中“圖層0 副本”,設(shè)置波紋幅度為2,波紋大小為3(為了讓波紋大小變化連續(xù),后幾幀將波紋大小逐步減小),如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

15、單擊選中“圖層0 ”,設(shè)置波紋幅度為2,波紋大小為2,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

16、最后我們進(jìn)行動(dòng)畫處理,選擇菜單“窗口->動(dòng)畫”,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

17、在彈出的動(dòng)畫窗口中,單擊其右上角向下三角形箭頭處,在彈出的菜單中選擇“從圖層建立幀”,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

18、通過“從圖層建立幀”后,PS就會(huì)根據(jù)我們現(xiàn)有圖層分別建立一一對(duì)應(yīng)的幀,相當(dāng)便捷(早期部分PS版本沒有這功能,只能手動(dòng)建立),效果如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

19、先單擊第1幀,按住Shift鍵,再單擊最后一幀,將所有幀一起選中,然后一次性設(shè)置時(shí)間間隔為0.1秒,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

20、到此噴泉?jiǎng)赢嬛谱骶突就瓿,可以通過動(dòng)畫窗口下方的播放來預(yù)覽動(dòng)畫,如果不滿意可以再修改,另外GIF動(dòng)畫的尺寸最好不要太大,可以通過菜單“圖像->圖像大小”來適當(dāng)調(diào)整大小,最后選擇菜單“文件->存儲(chǔ)為Web和設(shè)備所用格式”進(jìn)行動(dòng)畫文件保存,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

21、在彈出的保存窗口中,要確保預(yù)設(shè)為GIF格式,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

22、最后單擊“存儲(chǔ)”按鈕進(jìn)行動(dòng)畫保存即可,如下圖所示:

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

Photoshop制作噴泉噴水動(dòng)畫效果圖,52photoshop教程

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

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

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

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