欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

一個圖層就能搞定的單高端動效

2018-06-20 1242 0


 

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


 

-

Ps-模糊畫廊篇


 

c94b586cf708a801219c771ad15f.jpg

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

39bc586ceb85a8012060c89d8d20.jpg

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


 

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

7350586e2cbda8012060c8c891f1.jpg


 

這個功能很強大,能夠非常方便的制作出這個效果。


 

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


 


 

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

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

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


 

調(diào)整模糊程度

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

cc3d586cefd3a8012060c8cf848f.jpg


 


 

調(diào)整模糊方向

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

fba4586cf0bfa8012060c878616b.jpg

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


 

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

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


 


 

光圈模糊


 

4603586cf3bea8012060c80c2bcd.jpg

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


 

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

11c4586cf632a8012060c8639a34.jpg另外還有

傾斜模糊

路徑模糊

旋轉(zhuǎn)模糊


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


 

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


 

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


 


 

-

Ae-模糊動效篇

我們來看下效果

a303586cf7baa8012060c82de729.jpg

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


 

第一步 

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

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


 


 

第二步

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

a4c9586cfa90a801219c77d303f7.jpg


 

第三步

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

228e586d03e3a801219c777c7eab.jpg


 

第四步

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

6ce5586d03eaa8012060c8376000.jpg

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


 

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

Center—中心點

Amount—效果值

2c4f586cfcc9a801219c77ac541a.jpg
 


 


 


 


 


 


 

第五步

制作動畫效果

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

8bc1586d03eda801219c777b70d9.jpg

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


 

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


 

第六步

完善細節(jié)

40d6586d03f6a801219c7755ff66.jpg


最后一步

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

ae53586d03faa8012060c8b4335b.jpg


 

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

d443586d0048a8012060c8c88f02.jpg


 


 

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

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

d43c586d006fa801219c77dcc51b.jpg


11
評論區(qū)(0)
正在加載評論...
相關(guān)推薦