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

ps蠟燭火焰動畫教程(4)

來源:PS教程網(wǎng) 作者:Tataplay尖尖  學習:5918人次

Gif動畫最大的特點就是能以簡單的幾幀重復畫面整合出一些還算逼真的動畫效果,用PS來處理動態(tài)火焰效果還是不錯的,特別像蠟燭燃燒動畫,實現(xiàn)起來還是比較簡單的,比較適當PS初學者。

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

效果圖

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

原圖

1、在photoshop中打開原圖,這是一張正點燃蠟燭的生日蛋糕的照片,我們要做的就是將蠟燭的火焰處理成動態(tài)的,雙擊背景圖層將其解鎖,命名為圖層1,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

2、將圖層1復制一個副本,并重命名為圖層2,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

3、選擇菜單“濾鏡->液化”,單擊第一個“向前變形工具”,利用“[”、“]”鍵適當調(diào)整大小,在蠟燭火焰上進行適當?shù)纳舷峦蟿樱康氖菍⒒鹧胬L,因為蠟燭在燃燒時一般火焰都是忽長忽短的,我們就是要把圖層2的畫面處理成火焰拉長的樣子,方法就這么簡單,但細節(jié)上讀者要把握好度,適當拉長即可。

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

4、圖層2處理完后單擊確定,接下來將已經(jīng)處理過的圖層2復制一個副本,重命名為圖層3,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

5、如果就上述兩個圖層其實也可以完成火焰燃燒動畫,不過不太逼真,所以我們才要加入這圖層3,對圖層3要進行處理的就是將其火焰適當縮短并向左偏移,形成燃燒時的火焰晃動的效果,方法還是選擇菜單“濾鏡->液化”,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

6、處理好后總共三個圖層1、2、3,分別對應著蠟燭燃燒時的三個狀態(tài),接下來我們進行后期動畫制作,選擇菜單“窗口->動畫”,單擊“復制所選幀”按鈕復制出兩個幀,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

7、單擊選中第1幀,將時間間隔設置為0.2秒,保留圖層1的眼睛,其余兩個圖層將眼睛點掉,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

8、依次類推,單擊選中第2幀,將時間間隔設置為0.2秒,保留圖層2的眼睛,將圖層1、3的眼睛點掉,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

9、單擊選中第3幀,一樣將時間間隔設置成0.2秒,保留圖層3的眼睛,將圖層1、2的眼睛點掉,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

10、到此為止即可單擊動畫窗口上的播放按鈕即可預覽效果,不過最終我們還是要將動畫輸出成gif格式,選擇菜單“文件->存儲成Web和設備所用格式”,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

11、確保存儲類型為GIF格式,之后單擊“存儲”命名保存即可,如下圖所示:

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

Photoshop制作蠟燭燃燒火焰動畫教程,52photoshop教程

學習 · 提示

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

關注大神微博加入>>

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