一個(gè)圖層就能搞定的單高端動(dòng)效

2018-06-20 1219 0


 

這里我發(fā)現(xiàn),如何讓大家能夠用最簡單的方法做出適合的作品是教程的根本,畢竟教程是授予技巧而不是增加技巧復(fù)雜程度的。


 

-

Ps-模糊畫廊篇


 

c94b586cf708a801219c771ad15f.jpg

上圖使用了Ps CC里面【濾鏡】—【模糊畫廊】—【場景模糊】

39bc586ceb85a8012060c89d8d20.jpg

當(dāng)然這個(gè)功能需要Ps CC版本才有,之前的版本是木有滴,所以想要學(xué)習(xí)的童鞋,更新一下自己的工具也是很有必要滴。


 

如果你的CC版本沒有【模糊畫廊】菜單欄的話那就是在【模糊】的子菜單欄里面

7350586e2cbda8012060c8c891f1.jpg


 

這個(gè)功能很強(qiáng)大,能夠非常方便的制作出這個(gè)效果。


 

要注意的是如果是【形狀圖層】的話需要轉(zhuǎn)化為【智能圖層】才可以使用。


 


 

我們看到建立了這個(gè)濾鏡之后出現(xiàn)了一個(gè)【圈】

我們這里把它叫做【調(diào)整圈】,在下面也都這樣叫了。

這個(gè)【調(diào)整圈】的作用很多,還挺重要,它的作用有:調(diào)整模糊程度以及模糊方向,以及多個(gè)不同的模糊效果


 

調(diào)整模糊程度

在【調(diào)整圈】周圍有一圈類似加載效果的一個(gè)調(diào)整的地方,這里是調(diào)整模糊程度的,并且右上角的位置也是可以調(diào)整的。

cc3d586cefd3a8012060c8cf848f.jpg


 


 

調(diào)整模糊方向

這個(gè)【調(diào)整圈】是可以自己再另外添加的,所以我們可以添加兩個(gè)或者更多個(gè)(當(dāng)鼠標(biāo)指針有一個(gè)圖釘帶+號的時(shí)候就可以添加),再加上可以移動(dòng)【調(diào)整圈】的位置,這樣就實(shí)現(xiàn)了調(diào)整模糊的方向。

fba4586cf0bfa8012060c878616b.jpg

哈哈,是不是感覺出來了。


 

我們還可以添加更多的【調(diào)整圈】做出更佳的效果

0ba9586cf225a801219c77aeff46.jpg這里我們發(fā)現(xiàn),在有多個(gè)【調(diào)整圈】的情況下,【調(diào)整圈】影響的是四周的效果。比如上圖我們中間【調(diào)整圈】的模糊程度是0,所以就是沒有模糊效果的。


 


 

光圈模糊


 

4603586cf3bea8012060c80c2bcd.jpg

光圈模糊類似場景模糊,除了【調(diào)整圈】之外多了一個(gè)外圓的范圍,以這個(gè)范圍外去模糊圖像,并且還可以調(diào)整圓角值。


 

另外我們看到右下方的界面還可以添加雜色效果

11c4586cf632a8012060c8639a34.jpg另外還有

傾斜模糊

路徑模糊

旋轉(zhuǎn)模糊


不細(xì)講這些,我們期待@YoungStonerTito的教程。


 

之前在be上看到這類效果的時(shí)候其實(shí)就想出一個(gè)這種動(dòng)態(tài)的效果,因?yàn)槟:怯袛?shù)值的,其實(shí)就是100-0的變化過程,然后我就開始琢磨。最后發(fā)現(xiàn)Ps里面還不太好弄這類效果,而且會(huì)比較復(fù)雜,因?yàn)镻s的時(shí)間軸還不支持參數(shù)上面的動(dòng)態(tài)變化,所以我們轉(zhuǎn)到AE上面去做。


 

其實(shí)原理是一樣,所有的人都能做出來,唯一的要求就是需要一個(gè)Ae軟件,我們這里推薦去官網(wǎng)下載【Adobe Creative Cloud】之后安裝Ae CC。


 


 

-

Ae-模糊動(dòng)效篇

我們來看下效果

a303586cf7baa8012060c82de729.jpg

這類簡單但是看起來又比較舒適的動(dòng)效其實(shí)是非常簡單的,原理和上面Ps模糊畫廊是一樣的,并且我們是只需要【一個(gè)圖層】就可以搞定這類效果的。


 

第一步 

我們需要一個(gè)圖像,什么都可以,可以是標(biāo)志,可以是其它。

我們這里用Ae的圖標(biāo)來做效果
 


 


 

第二步

我們打開AE,導(dǎo)入圖像

a4c9586cfa90a801219c77d303f7.jpg


 

第三步

設(shè)置好背景并添加圖像

228e586d03e3a801219c777c7eab.jpg


 

第四步

【效果】—【模糊與銳化】—【CC Radial Fast Blur】(里面的任何效果大家都可以去嘗試)

6ce5586d03eaa8012060c8376000.jpg

這里我們已經(jīng)看到了效果出來了對不對,就是這么簡單。并且Ae就是專業(yè)動(dòng)效設(shè)計(jì),所以所有的值都是可以設(shè)置動(dòng)畫效果的。


 

這里只需要記前兩個(gè)值,是屬于調(diào)整效果需要用到的,包括其他的一些值,也是一樣的。

Center—中心點(diǎn)

Amount—效果值

2c4f586cfcc9a801219c77ac541a.jpg
 


 


 


 


 


 


 

第五步

制作動(dòng)畫效果

這里主要是邏輯,你想一下自己需要什么樣的動(dòng)畫效果,我這里是先模糊,中間最大的模糊值,最后清晰結(jié)尾。

8bc1586d03eda801219c777b70d9.jpg

所有帶時(shí)鐘圖標(biāo)的都是代表可以添加動(dòng)畫效果的。這里和Ps里面的時(shí)間軸是一樣的原理


 

8e25586d03f2a8012060c89ed253.jpg到這里已經(jīng)初步完成此動(dòng)畫了,大家看,是不是特別簡單,完全沒有想象的那么復(fù)雜。


 

第六步

完善細(xì)節(jié)

40d6586d03f6a801219c7755ff66.jpg


最后一步

為了使動(dòng)畫看起來更具節(jié)奏感,我們在全部幀上面都加一個(gè)【緩入】效果
 

ae53586d03faa8012060c8b4335b.jpg


 

另外我們還可以用另外一些效果去嘗試更多的效果

d443586d0048a8012060c8c88f02.jpg


 


 

接下來就是導(dǎo)出等等了,這里就不說啦,哈哈哈哈,想知道的自己想想辦法看看呢。

學(xué)習(xí)到了記得交作業(yè),實(shí)踐了才是學(xué)到手了~

d43c586d006fa801219c77dcc51b.jpg


11
評論區(qū)(0)
正在加載評論...