夏日清爽一“夏”鏡面折射照片動畫效果

最近在做以

AE CC 2019

製作的一個

鏡面轉場效果

先來看下效果吧!

像這個影片效果的話

影片載入中。。。

可以用在

照片和影片

都可以,然後做這個圖文演示的話,我直接用

1920 px * 1080 px

的八張大圖來做這樣的玻璃鏡面折射效果的。

這種風格的製作好啊,其實這個製作還是蠻有代表性的,就說有各種各樣的這種效果。

但是就說比較好看的話,或者比較漂亮一點的還是步驟還是做一個還是要多一些的好,

然後最簡單就是怎麼來詳解這種鏡面折射的效果如何製作。

就是這種鏡面效果是如何製作出來的?

我們先做之前要把我們用到的素材做好準備步驟,你如果有影片的話或者自己的生活影片的話

也可以直接導進去當背景都可以。

素材直接拖到

專案區域

的合成裡面。如圖1。

夏日清爽一“夏”鏡面折射照片動畫效果

圖1

現先以這個

圖1

的美女照片先做一個動畫,至於其它照片的都是一樣的,在後面自會有詳解。

合成設定:幀速率25,持續時間32秒——確定。

(注:持續時間一般是10~15秒是可以了的也非常長了,只是我這次的時間設定也是隨意的。)

要是說如果時間長的話可以直接給它減掉,這個都沒有關係的。

然後把

圖1

這個效果儲存一下就可以了。

夏日清爽一“夏”鏡面折射照片動畫效果

圖2

然後呢我們先給這張圖片

做一個簡單的動畫:

電腦英文狀態之下按縮放健

S鍵

第0幀

打上一個

關鍵幀

,接著在

10秒處

給它縮放百分之四十五,就是放大45%,同時打上關鍵幀。這樣設定的話它就有了一個將逐漸放大的運動效果。如

圖2

好接下來呢

我們就來做鏡面的效果:新建——調整圖層。

選中

調整圖層1

雙擊左上面任務工具欄的矩形工具,

它會在調整圖層上,會自動建立一個和這個合成長寬一樣大小的一個模板。

接著點選:效果——扭曲——放大.

形狀:正方形。大小:969(滑鼠拉動移動到969正方形放大到滿屏)

如圖3、圖4所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖3

夏日清爽一“夏”鏡面折射照片動畫效果

圖4

現在看到這裡我們就有了放大鏡(器)這樣的效果,然後給它調一下色彩,因為我們要的就是把它放大器和放大後,它的顏色便於區分開來的。

效果——顏色校正——曲線。

曲線首次先往下拉,拉暗一點,綠色加一點,紅色往上抬一點。如

圖5

夏日清爽一“夏”鏡面折射照片動畫效果

圖5

然後呢,我們再直接點選

調整圖層1

的圖層,給它拖動長和寬的邊緣線上下左右調整切個如

圖6

的長條方形模板。

夏日清爽一“夏”鏡面折射照片動畫效果

圖6

因為我們要做的是一個鏡面折射過濾的這種效果。

所以要把它那個模糊給它增加一些,

選擇

調整圖層1

新增

效果——過時——模糊和銳化——快速方框模糊。迭代

給到

就可以了。

接下來把

圖7

這個鏡面的這個邊緣給做出來。

夏日清爽一“夏”鏡面折射照片動畫效果

圖7

點選

調整圖層1—— Ctrl + D

複製得調整圖層的另一新圖層(之後重新命名

邊緣

)。

點選新的調整圖層1——按縮放鍵S鍵把寬度縮小調整,給它做成

如圖8

這樣的一個細長條,然後

效果——顏色校正——曲線。

給它重置一下明暗亮度和色彩。調整好了再拉到鏡面上面邊緣鎖定位置。

夏日清爽一“夏”鏡面折射照片動畫效果

圖8

把這個邊緣

 Ctrl + D

再複製一次,複製一份拖到鏡面下面邊緣鎖定位置。如

圖9

夏日清爽一“夏”鏡面折射照片動畫效果

圖9

全選三個調整圖層,Shift + Ctrl + C 預合成並命名鏡面。如圖10。

夏日清爽一“夏”鏡面折射照片動畫效果

圖10

然後呢?

它現在沒有任何的作用了,我們要把這個圖層點選

變換做向量柵格化

如圖11

紅色方框所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖11

柵格化了之後的圖層若要直接新增效果例如投影、圖層樣式等操作它是起不了作用的。

那怎麼來改變這個效果呢?就是雙擊進入

[ 鏡面 ]

這個合成,然後隨便把我們的素材隨意拖一個進來,如

圖12

。選中邊緣右鍵圖層樣式——新增一個投影,把它的不透明度、大小距離、以及擴充套件等等引數參照

圖13

所示的引數來設定。

調整好了再把另一原來的邊緣圖層刪除掉,用剛調整好的邊緣圖層

 Ctrl + D

給它複製一個同樣的圖層,給它放上去就可以了。

然後呢?就返出項目合成之前把剛剛隨意拖進的臨時背景素材把它刪掉!

夏日清爽一“夏”鏡面折射照片動畫效果

圖12

夏日清爽一“夏”鏡面折射照片動畫效果

圖13

夏日清爽一“夏”鏡面折射照片動畫效果

圖14

點選

圖14

的鏡面圖層,按旋轉鍵

R鍵

,把它旋轉60度,調整好位置。

 Ctrl + D

複製一層出來,拉至旁邊調整位置,再

 Ctrl + D

同上操作,這邊一共三個可以了,多了的話會造成影片渲染過程時特別卡頓呢。

同時選中這三個圖層把它的標籤設為砂岩色,再按

縮放鍵S鍵,

先把等比縮放連結關閉了,

然後

寬度

各自設定

150%、115%、75%

,再把它們逐一由中心向右斜上方拖出去。如

圖15

所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖15

把三個砂岩色圖層全部再

 Ctrl + D

複製一層。標籤設為紫紅色,逐一分開地點選紫紅色三個圖層,把它們拉至左斜下方拖出去。如

圖16

所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖16

然後把這六個圖層全選中,按

P鍵把它們的位置開啟,打上關鍵幀

。接著

步驟如下:

時間軸上的指標移動拉至10秒位置,再點選砂岩色圖層任意一個圖層,這時候被選中的圖層會有框選標誌,用滑鼠點拖拉該圖層的中心錨點(不要拖拉邊框線,那會改變寬度的)。

按住錨點把它們逐一地一個一個地往左下斜方,拉至紫紅色那邊的大概位置。

而紫紅色等三個圖層同上操作,只是方向是向右上斜方。如

圖17、圖18

所示。

這樣就產生了互向移動的運動效果。

夏日清爽一“夏”鏡面折射照片動畫效果

圖17

夏日清爽一“夏”鏡面折射照片動畫效果

圖18

接下來就是後面的交叉動感鏡面效果了,任意點選上面的鏡面圖層

 Ctrl + D

複製兩次得到

兩個新圖層,標籤設為綠色。

先選一個綠色標籤的圖層把

寬度設為180%

角度不變。

然後拉至左斜下方拖出去。如

圖19

夏日清爽一“夏”鏡面折射照片動畫效果

圖19

另一個綠色標籤的圖層把

寬度設為180%,角度-60。

然後拉至左斜上方拖出去。如

圖20

夏日清爽一“夏”鏡面折射照片動畫效果

圖20

把兩個綠色標籤的圖層往後拖至18秒位置並建立關鍵幀,由18秒的位置打上關鍵幀,都是互相斜向運動的,方法與上面的一樣。如

圖21、圖22

所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖21

夏日清爽一“夏”鏡面折射照片動畫效果

圖22

這個鏡面折射效果的話它容易造成卡頓,但這個視覺效果還可以,速度應該還可以再來從頭預覽一下,看到這個整體的效果還是可以的,再換一個時間看一下把這個顯示改到完整。

再把所有關鍵幀往後拖一點,就是說沒讓它從第一秒開始的,這樣它才會從第一秒來產生

鏡面折射這個效果。

然後我們要單獨的複製一層出來當作我們的這個模板

回到第0幀,選中

砂岩色或紫紅色的鏡面圖層

的任意一層,

複製一層把它拖上來到最上面並把標籤設為藍色。

圖23

把它的位置屬性給它調出來然後取消它的關鍵幀,把它的

寬度設為115%

夏日清爽一“夏”鏡面折射照片動畫效果

圖23

然後我們新建一個

純色層

,命名

蒙版

這樣就有了一個黑色的蒙版,這個蒙版呢要給它旋轉60度, 如

圖24、圖25

所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖24

夏日清爽一“夏”鏡面折射照片動畫效果

圖25

接著把它拉伸放大。如

圖26

的紅色方框。

夏日清爽一“夏”鏡面折射照片動畫效果

圖26

然後把它拉至如

圖27

紅色方框所示的位置。它是在本課題的預設由右斜上向左下斜的方向運動的,所以我們把它先拉至如

圖27

藍色圖層的邊緣讓它們對接並打上父級連結。這樣黑色蒙版和藍色圖層也就能一起移動的好

夏日清爽一“夏”鏡面折射照片動畫效果

圖27

我們先把藍色圖層往右斜上方拉出去,在第0幀給它打上關鍵幀。如

圖28

藍色框和紅色框所示。

夏日清爽一“夏”鏡面折射照片動畫效果

圖28

接著把時間軸的指標調移到第10秒。再把它們拉至左斜下方拖出去。如

圖29、圖30

所示的箭頭方向和位置。

夏日清爽一“夏”鏡面折射照片動畫效果

圖29

夏日清爽一“夏”鏡面折射照片動畫效果

圖30

這樣它在開頭的運動之中先以黑色的情景快速掃下來並對接拖動了。

像這種快速掃過的效果呢?在讓它掃過之後

我們還可以利用文字蒙板來做文字的效果

我們新增一行文字[

夏日清涼一“夏”

],

文字顏色設定白色,接著給它們添加了效果:

效果——透視——投影

效果——生成——梯度漸變

這些引數你可以試一下,找到自己一個合適的引數就行。如

圖31

夏日清爽一“夏”鏡面折射照片動畫效果

圖31

在預覽文字視覺效果時可開啟獨立顯示來作為對比,然後再取消獨立顯示即可。

還有一點要注意:

一定要把這個梯度漸變放到最上面。

不然它會把投影漸變等效果覆蓋了的那視覺上會更差一點。

接著就文字圖層下面的蒙版和藍色標籤的鏡面這兩個圖層同時選中,

Ctrl + D 複製出來。

圖32

的第2第4新圖層。

夏日清爽一“夏”鏡面折射照片動畫效果

圖32

把第2第4新圖層同時拖到最上面。如

圖33

新增的第1第2圖層。

夏日清爽一“夏”鏡面折射照片動畫效果

圖33

把兩個圖層同時往後拖。如

圖34

第1第2行所示 。

夏日清爽一“夏”鏡面折射照片動畫效果

圖34

然後

把這兩個圖層的標籤改為黃色

,接著

Shift + Ctrl + C預合成

。如

圖35

夏日清爽一“夏”鏡面折射照片動畫效果

圖35

這是我們的

文字蒙版。

先把它的眼睛圖示關掉使它隱藏起來,然後讓它在這個鏡面效果掃過的時候,這種文字蒙板從這時開始起作用。

選中文字圖層把顯示改成

Alpha反轉。

這樣的話當這個黑色的蒙版掃過的地方,它才會顯示這個文字。如

圖36

夏日清爽一“夏”鏡面折射照片動畫效果

圖36

到了這一步看一下總體的效果沒問題了,把

文字圖層

拖到

鏡面圖層的下方

,這樣文字層就會有那種鏡面折射的效果了。

看到現在這樣效果的話可以的,它的折射效果都出來了。如

圖37

夏日清爽一“夏”鏡面折射照片動畫效果

圖37

接下來呢就說做我們的第二層第二張圖片或者第三張圖片都可以的,在這裡為了方便說明製作過程的,我剛剛把

專案區域的八個圖片統一重新命名為清涼系列

了。

我們在專案區域的這個合成

清涼01 —— Ctrl + D 

複製一個,看到最後生成的合成

清涼02

滑鼠雙擊合成

清涼02

使它出現在編輯區域,此時編輯介面的圖片依然還是清涼01是嗎?我們只要用滑鼠選中

清涼01圖層

,按住

Alt鍵 

,用滑鼠把專案區域的

清涼02

的圖片點中並拖到已選中的

清涼01

圖層把它替換成

清涼02

。如

圖38、圖39

所示。

清涼03、04、05、06、07、08等合成的操作

同上步驟一樣。

夏日清爽一“夏”鏡面折射照片動畫效果

圖38

夏日清爽一“夏”鏡面折射照片動畫效果

圖39

接著我們

在專案區域,選中清涼01、02、03、04、05、06、07、08這八個合成,把它們拖到一個新的合成裡面

,這個時候它會彈出視窗,把設定裡面的

建立一欄

選點單個合成,

序列圖層和重疊

都打上勾,持續時間給1秒。——

確定

圖40

夏日清爽一“夏”鏡面折射照片動畫效果

圖40

這樣我們就有了一個一個單獨的將按照順序播放的這個效果。如

圖41

如果你覺得這個影片時間太長了的話,可以減少一些合成,也可以把這幾個序列倒過來,

就是把前面的覆蓋,改為後面的部分覆蓋到前面的部分就可以了。

夏日清爽一“夏”鏡面折射照片動畫效果

圖41

這個

鏡面折射效果

製作的話真的是非常卡,我感覺可能還是在放大的空間的問題,放大這個空間的

還是輕易不要使用,這個控制元件真的會造成渲染時非常非常卡的效果。

但是它的視覺效果真的還是可以的。

到了這裡添加個音樂那這個

夏日清涼一“夏“

影片也分享就到這裡了。

以上就是

AE製作鏡面折射

動效的學習記錄,希望這個學習分享對你有幫助,

有什麼問題請留言

,有不足之處還請指明糾正。謝謝大家!