17Jun

20.Reflection

• 用好多種方法製作漂亮的倒影
• 存成Preset以後就可以反覆使用了
| Download Project |

倒影倒影~~自從APPLE電腦開始使用Cover Flow之後,倒影這個東西就變的很流行,他是一種增加平面物體立體感最簡單的方式,這一篇我們就來講解怎麼作這種倒影吧。一共有3種方法,請慢慢看。

第一種作法就是手動調整就好,第二第三種作法可以存成Preset設定,作一次以後都只要套用就直接會有倒影了!

一.準備素材

1.請先按右鍵下載這張圖,或是看你高興用自己的照片也行,當然影片也ok,任何素材都可以。

2.新增Comp(Command+N、Ctrl+N),取名Reflect-Step1,Preset選NTSC D1或PAL DV/D1都可以、長度2秒。

3.新增一個白色的solid當底圖(Command+Y、Ctrl+Y),開啟3D選項。(圖例

4.選取白色solid層按 “R” ,打開旋轉控制項,將X軸設為90。(圖例)之後鎖定這一層 。

5.將準備好的圖(Kitty.jpg)丟進AE,然後再丟給Comp新增Layer,放在白色solid層上方,開啟3D選項。

6.Kitty.jpg層,Scale設定為30,Position Y 設定為153,將圖案底部切齊白色Solid層。(圖例

7.新增Camera,preset選35mm,按 “C” 將畫面調整成這樣。你也可以參考數值

8.新增Light,Light Type選Spot Light,設定如圖例,並將燈光調整成這樣。你也可以參考數值

9.白色solid層地板太小了,放大成1000%吧。

10.記得存檔,然後休息一下再繼續.這個步驟的完成圖(請參考下載Project檔的Step 1)

二.第一種最原始的倒影作法,必須新增Layer層

這裡寫快點,因為不是這篇的重點。

1.複製 Reflect-Step1 成 Reflect-Step2,用 Reflect-Step2 來作接下來的步驟。

2.關掉地板。

3.複製Kitty.jpg層,改Layer名為 “Kitty-Ref “,Scale Y 改為-30,Position Y 改為334,Opacity 40。(圖例

4.新增 Effect>Transition>Linear Wipe ,設定如圖例

5.把 Kitty-Ref 層的 豬尾巴 連到 Kitty.jpg 層。(圖例)讓他們永遠黏在一塊~

6.打開地板層,會發現倒影那層被遮住了,這時要用個小技巧讓它不會被遮到,新增一個Adjustment Layer,將它移到地板層上方,倒影那層就不會被遮住了。(圖例

7.第一種方式的完成圖(請參考下載Project檔的Step 2)

三.第二種倒影作法,不行調整倒影的距離,但是不用新增Layer層

複製 Reflect-Step1 成 Reflect-Step3,用 Reflect-Step3 來作接下來的步驟。

1.新增一個Adjustment Layer,將它移到地板層上方。

2.點選 Kitty.jpg 層,新增Effect > Stylize > CC RepeTile,按著alt鍵點選Expand Down打開這個選項的Expression輸入面板(圖例),在輸入介面中打上『thisLayer.height』(圖例)注意大小寫。

3.CC RepeTile效果中Tiling選擇 “unfold”,讓圖片是上下顛倒的。目前看起來是這樣:

4.點選 Kitty.jpg 層,新增Effect > Transition > Linear Wipe ,將Linear Wipe效果移到 CC RepeTile效果上面,數值如 圖例 。目前看起來是這樣:

5.新增Effect > Blur > Fast Blur ,數值10,並勾選Repeat Edge pixels。

6.新增Effect > Channel > CC Composite,Composite original選 Copy,並取消勾選下面的RGB Only。

7.ok~差不多了,現在只差 不夠透明 這件事了, 記住,不能去調透明度喔,會影響整個圖層的。

8.選擇Linear Wipe這個效果,按Ctrl+D複製一次,然後調整數值如 圖例即可。

9.第二種方式的完成圖(請參考下載Project檔的Step 3)

累了嗎?我寫的倒是有點累了 ToT

三.第三種倒影作法,可以調整倒影的距離

複製 Reflect-Step1 成 Reflect-Step4,用 Reflect-Step4 來作接下來的步驟。

1.新增一個Adjustment Layer,將它移到地板層上方。

2.點選 Kitty.jpg 層,Ctrl+D複製一層,改名為 kitty-Ref 。

3.點選 Kitty.jpg 層,新增Effect >Distort>Transform,取消勾選Uniform Scale,Scle Height改為-100。

4.按著alt鍵點選Transform效果裡的 Position 打開這個選項的Expression輸入面板(圖例),在輸入介面中打上『 [thisLayer.width/2, thisLayer.height*1.5] 』(圖例)注意大小寫及括號。目前看起來是這樣:

5.Transform效果裡的Anchor Point可以控制倒影距離,Opacity可以控制透明度,請自行調整。

6.新增Effect > Blur > Fast Blur ,數值5,並勾選Repeat Edge pixels。

7.新增Effect > Transition > Linear Wipe ,將Linear Wipe效果移到 Transform 效果上面,數值如 圖例

8.把 Kitty-Ref 層的 豬尾巴 連到 Kitty.jpg 層。(圖例)讓他們永遠黏在一塊~

9.第三種方式的完成圖(請參考下載Project檔的Step 4)

四.後記

1.這一篇的重點其實應該是放在 Expression 的應用上。

2.第二第三種的Effect設定可以存成preset檔,以後都可以任意套用。你也可以直接下載preset檔

3.我的Project檔裡還有Step 5 ,網頁上沒寫,內容是把 倒影位移、倒影透明度 這兩個東西獨立出來控制,方法很簡單,你可以開工程文件自己看看怎麼做的。

4.試做了一個簡單的動作,可以看看裡面有用到簡單的Expression。

也可以看Mov大檔

Get the Flash Player to see the wordTube Media Player.

如果對這篇教學有興趣,可以下載範例檔案來練習,有任何使用上的問題,歡迎留言討論