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

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果(4)

來源:腳本之家 作者:1777086130 學(xué)習(xí):14935人次

本篇通過PS的動(dòng)畫功能制作液體融化動(dòng)畫的效果,教程主要使用PS的時(shí)間軸來制作完成,下面我們就來看看詳細(xì)的教程,教程比較詳細(xì),同學(xué)們可以照著步驟來做,體會(huì)學(xué)習(xí)PS的樂趣,同學(xué)們一起來練習(xí)一下吧。

效果圖:

 融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn
theoat.com.cn

制作步驟:

01、打開PS,新建畫布,畫布大小根據(jù)自己來定

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

02、單擊圖層最底下的第四個(gè)小圖標(biāo)。選擇漸變填充。選擇一個(gè)自己喜歡的漸變色,做個(gè)徑向漸變。顏色僅供參考。(這一步最要制作GIF的背景,可以根據(jù)自己喜愛來調(diào)節(jié),也可以直接拖拽一張圖片進(jìn)來做背景)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

03、新建一個(gè)圖層,并填充為黑色。(是新建一個(gè)空圖層,并不是在背景層上填充哦)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

04、新建一個(gè)150*150px的白色圓,并且調(diào)整羽化值為30像素。(羽化值在屬性欄里面調(diào)整)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

05、拷貝一層橢圓1。觀察圖層,兩個(gè)圓是分圖層存在的。

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

06、單擊圖層最底下的第四個(gè)小圖標(biāo)。選擇色階。并把最上面的四個(gè)圖層編組放一起。

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

06、雙擊色階,調(diào)整色階屬性。把左右兩個(gè)色標(biāo)往中間移動(dòng),目的是為了兩個(gè)羽化的圓調(diào)整硬邊緣的圓,調(diào)整時(shí)注意觀察圓的變化。

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

07、到這里水溶效果就出來了,大家可以移動(dòng)兩個(gè)圓其中的一個(gè),往另一個(gè)旁邊靠,當(dāng)靠的比較近時(shí),它兩就會(huì)有融合效果。效果出現(xiàn)就可以刪除一個(gè)圓,

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

08、去掉黑色背景。雙擊組1,調(diào)出圖層樣式。調(diào)節(jié)本圖層的黑色色標(biāo),把黑色圖標(biāo)往右邊移動(dòng),目的是為了去除改組里面的黑色,調(diào)整時(shí)注意觀察圓的變化。(反之,把白色圖標(biāo)往移動(dòng)就會(huì)把改組內(nèi)所有白色漸漸去除)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

09、把圓轉(zhuǎn)成智能對象,并且復(fù)制一層。(因?yàn)槲覀冊摪咐亲屛矬w移動(dòng),所以我們要把物體轉(zhuǎn)成智能對象,才能制作移動(dòng)的動(dòng)畫)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

在窗口菜單調(diào)出時(shí)間軸

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

創(chuàng)建視頻幀動(dòng)畫

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

10、點(diǎn)擊時(shí)間軸內(nèi)組1前面的小三角,使組1展開,并找到橢圓1

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

11、當(dāng)前工作區(qū)域結(jié)束是在05:00f處(也就是5秒)把工作區(qū)域結(jié)束移動(dòng)到01:00f處

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

12、點(diǎn)擊組1內(nèi)橢圓1前面的小三角,使橢圓1展開

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

并找到橢圓1的變換,點(diǎn)擊橢圓1的變換前面的小鬧鐘圖標(biāo)(啟動(dòng)秒表)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

秒表啟動(dòng)后右邊自動(dòng)生成一幀變換幀

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

13、將時(shí)間軸線移動(dòng)到00和01:00f的中間位置

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

執(zhí)行ctrl+t變換,把橢圓1移動(dòng)到畫布右側(cè)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

14、將時(shí)間軸線移動(dòng)到01:00f位置

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

執(zhí)行ctrl+t變換,把橢圓1移動(dòng)到原始位置

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

15、單擊時(shí)間軸右上角的小圖標(biāo),找到循環(huán)播放,單擊循環(huán)播放,(將循環(huán)播放前面打上"√",如果已經(jīng)有"√"就沒必要點(diǎn)擊)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

16、這時(shí)單擊時(shí)間軸左上角的播放圖標(biāo),就可以預(yù)覽到效果了

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

17、最后就剩導(dǎo)出了,ctrl+shift+alt+s導(dǎo)出為web所用格式,格式選擇GIF,循環(huán)次數(shù)選擇永遠(yuǎn)

融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn

完成:

 融合動(dòng)畫,用PS中的動(dòng)畫功能制作液體融合的效果_theoat.com.cn
theoat.com.cn

是不是覺得很有意思呢?同學(xué)們快點(diǎn)來制作一下試試看吧。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
如果等待可以換回奇跡2018-05-07 02:33
非常好
用盡一世繁華換沵撁啩2018-05-06 11:44
我的作業(yè):
用盡一世繁華換沵撁啩2018-05-06 11:43
我的作業(yè):
情有蠱毒x2018-01-05 05:51
想學(xué)習(xí)學(xué)習(xí)
夢中的那個(gè)她2018-01-05 04:12
這個(gè)必需練練
媚媚2018-01-05 02:56
瞧瞧
雪然雨汐2018-01-05 02:27
今天趁著合租的女生在洗澡,偷偷的溜進(jìn)了她的房間,拿起了她的內(nèi)衣開始仔細(xì)的嗅了起來,當(dāng)我正嗅的認(rèn)真的時(shí)候她突然進(jìn)來了,大聲的問:你在干什么?我丟掉她的衣服,把她逼到墻角一個(gè)帥氣的壁咚。她害羞的說:你你要怎么樣?然后我兩只眼睛深情的望著她的雙眼,并且大聲說到:你他媽是不是偷我洗衣粉了
手表不壞2018-01-05 02:01
棒好東西
吥離吥棄丶c2018-01-05 08:32
好教程好喜歡這個(gè)網(wǎng)站
石字佐轉(zhuǎn)2018-01-05 02:10
很棒的教材~~~~~~~~~~~~~~~

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

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