六指淵

Posts by 六指淵

受保護的內容: 《時事特效教學》超紅韓團MV【美式塗鴉】教你如何用AE製作出來!

哈囉!大家好,歡迎來到時事教學。

這次要教的是前陣子很紅的韓團 ITZY 的”ICY” MV 效果

這個MV裡面用到了大量、炫目的運鏡以及塗鴉效果,讓整個MV十分豐富

那我們這次以MV中較為清楚、簡單的案例教大家如何達到這樣的效果

就是以下畫面手機的塗鴉字樣以及畫面

製作方法基本上大同小異,只要你學會了,加上一點點的耐心,就也可以做出像MV的影片喔

那麼這次你主要會學到的概念有

1. 如何製作 3 種圖騰樣式

2. 將材質素材合成到手機上

3. 字體與抖動製作

4.簡單的後製運鏡效果

那我們開始吧!

1. 如何製作 3 種圖騰樣式

首先我們先開啟一個新的Comp

接著稍微調整一下 Comp 的秒數

大約10秒以內就可以了

接著建造一個新的 Shape Layer

或是你也可以直接使用圓形工具畫圓

接著很簡單,你只要隨興地在畫面上拉圓

基本上這樣就可以當作一種圖騰

但當然還可以做出更多變化

例如使用Turbulent Displace 讓圓形成更抽象的幾何形

接著第二種圖騰,一樣先在中間畫一個圓

接著將圖層打開,找到 Ellipse 1 最下方的 Dashes

按下 + 的按鈕,就會讓外圈變成虛線

接著到上方的工具列,大幅條寬線的寬度

如此一來圓就會成為一個放射狀

接著只要在調整大小

使它佈滿整個畫面即可

下一個圖騰,一樣是在中間畫個圓

只是這次相對的畫小一點

接著在圖層內找到Repeater 的功能

它就會重複

我們調高它的數量

接著將它 Offset 調為數量的一半,並加上 –

接著再加入一次 Repeater

不過這次我們要去調整下方的 Transform 裡面的 Position

將 Y 軸調到 100,X軸歸 0

如此一來 Repeater 就會往上下複製,而不是左右了

接著對第二個 Repeater 做一樣的調整

如此一來就有佈滿畫面的點狀圖騰了

到目前為止我們共有三種主要圖騰

接下來要教大家如何從這三種中去做變化

延伸出更多樣式

首先是點狀圖騰,你可以直接複製原本的

並且調低 Position 的數值,使點狀更密集

並且增加複製的數量,也記得要調整 Offset 的數值喔

對 Repeater 2做一樣的調整

甚至可以調整 Scale 的數值

如此一來點狀會隨著上下有大小變化

接下來是散射狀圖騰

你可以透過改變 Dash 的數量

直接影響散射狀的粗細

最後是抽象圖騰,除了直接用手動調整圓圈的位置外

也可以透過調整 Turbulent Displace 的 Random Seed 或其他數值

讓抽象圖樣有更多變化

這樣下來就有六種圖騰可以互相疊加使用了

我們可以在 Opacity 的地方設定 0 以及 100

並且全選點右鍵,選擇 Keyframe Interpolation

並且將關鍵影格改為 Hold 模式

如此一來圖騰就會瞬間 / 消失,製造出如 MV 的那種切換感

接著只要隨機的複製,調整。

也可以對圖騰的大小也做出相同的變化

接下來我們透過 Fill 特效將圖層加上顏色

全部加完後,就已經形成圖案豐富的圖樣了

2. 將材質素材合成到手機上

接下來我們開啟我們的影片

並新增一個 Solid 圖層

並且使用 Mask 的方式用 Solid 畫出手機畫面的部分

Mask 的過程就不贅述,這個案例比較麻煩的是前方還有酒杯會遮擋住

所以得要複製一遍影片,疊在上面

並且在用 Mask 大概圈出酒杯的範圍

接著我們把剛剛做好的圖騰 Comp 丟進來

並使用 TrackMatta 去 Aphla Matta 剛才的 Solid

如此一來就達到我們要的基本效果了

接下來提到,除了自己製作圖騰外

透過網路蒐集也是個好方法

例如在 freepik 上搜尋 abstract pattern (幾何圖騰)

或是 MV 的圖騰感覺也有加入 Overlay 的漸層效果

這類資源再 Youtube 上也找的到

透過更多素材的疊加

可以使原本的圖騰更加豐富

而 MV 中手機會有閃電的部分

推測應該是使用手繪素材

而這邊仿製的方法也就是用路徑自己畫啦

畢竟圖樣不是很複雜,格數也只有 1~3 左右

3. 字體與抖動製作

接下來就是字樣的部分,字體的選擇主要是找手寫字體

此外如果手寫字體不夠粗,可以透過外框線的效果在加粗

接著我們在字體的 Position 按住 alt 並點下小碼表,並打上 wiggle(5,5)

如此一來字體就會自己隨機抖動

接著我們將它複製許多次

並且排序在自己想要的地方

接著我們全選起來,並且 Pre-comp

並且加上 Posterize Time 的特效,這個特效可以使幀數降低

形成MV中卡卡的感覺

接著複製剛才的文字圖層

將下面那層當成陰影位移

上面那層按下右鍵,找到 Stroke 並加上

就會產生外框線了

接著最上在複製一層,並透過跟剛才手機一樣的方式

與素材圖層 Alpha Matta

這樣就可以做出有外框線、陰影、圖騰的字體了

最後我們將所有字體元素再次全選右鍵 Pre-Comp

完成後簡單的用手動的方式追蹤位置

最後別忘了點選圖層右方的三個圈圈,開啟動態模糊效果

如此一來這顆鏡頭就大致完成了

接著下一顆鏡頭的處理方式就更快速了

你可以將剛才的物件直接複製過來

並且重新調整圖層大小,以及 Mask 的位置

這邊要在製作在 MV 中有出現 X 字星芒的光暈效果

這邊我們先將 Solid 與 Texture 進行 Pre-comp

先將Pre -comp的圖層複製一遍

並加上 Directional Blur,調整模糊的角度

並且把混和模式改為 Add

複製一次並製作相反的角度即可

4.簡單的後製運鏡效果

我們猜測MV應該也是使用 4k 錄製

在後製時調整畫面達到效果的

所以這次教學也是使用 4K 素材

所以我們將調整 4k素材的大小回 Full HD

並且新增一個 Null

將所有圖層選起,並綁到 Null 上

接下來只要調整 Null 的大小、位置、角度

就可以直接製作出運鏡囉

當然也別忘了開啟動態模糊

如此一來就大功告成了!

MV 中許多其他的畫面也是用相同的方法製作出來的

所以只要學會了,就可以嘗試在更多物件上做出這樣的效果喔!

此教學AE素材下載(cc 2018以上):

 

 

 

 

受保護的內容: 《時事特效教學》怪奇物語超能力【異空間】教你如何用AE製作出來!

大家好! 歡迎來到透過時事的教學時光

今天我們將會教大家如何透過後製

製作怪奇物語異世界的效果

主要的概念有

1. 使用 keylight 與 Mask 進行去背

2. 模擬水池的反射效果

3. 實拍的小技巧

4. 把紅色的布巾改為黑色

在怪奇物語的拍攝他實際上是使用實景進行拍攝

但是不是每個人家中都能有一大片水池

所以我們這次將使用綠幕拍攝人物後,使用After Effects 模擬水池的效果

那我們就先從第一個開始

1. 使用 keylight 與 Mask 進行去背

這是我們的素材

首先我們直接將 keylight 特效放入素材中

並且使用 Screen Colour 的滴管工具吸取素材綠幕上的綠色

並且記得要選取明度比較中間值的地方

接下來把 view 的模式改為 Combined Matte

這時候畫面會變成黑白兩色

黑色代表去背的透明,白色代表實心的地方

這時候我們要點開 Screen Matte 裡面的 Clip Black 以及 Clip White

我們慢慢將 Clip Black 數值調高並將 Clip White 調低,讓黑白對比提高

盡量讓畫面不要有灰色地帶

接著把 View 切回 Final Result 模式

就會有較為乾淨的綠幕去背了

接著我們要處理腳的部分

在使用綠幕時多少會遇到被攝體跑出綠幕的狀況

這時候我們先點選右鍵將他 Pre-Comp

並選取第二個 Move all…

接著我們要使用遮罩的方式將腳去背

使用苗點工具將腳慢慢苗下來

接著先把 Mask的模式改為 None 讓接下來去背更方便

這樣我們才能看清楚腳與背景的邊界

千萬要記得按下關鍵影格 (碼表的標誌)

接著教大家一個小技巧

在逐格去背時,千萬不要真的一格一格往下去

而是根據物體的動態做判斷

譬如說上面就是等到腳移動到偏左邊方後進行苗點

接著在中間值在描繪一遍

依此類推直到苗點有完整跟上素材的動態

另一個技巧則是在移動苗點時可以用全選的方式

依照上面教的技巧

這次的案例關鍵影格看起來大約會像這樣

在動態不多的地方影格不多,集中的地方就是腳有做較為複雜的移動

接著對另一隻腳做重複的步驟

接著我們將身體也簡單的使用苗點框起來

最後把所以的 Mask 改回 Add

最後再做一點點細節上的修正

放大後可以明顯看到上方的腿有黑色沒去好的背景

下方的界線也太鋒利了

我們回到上一層

並且提高一點點 Clip Rollback

在拉低一點 Screen Shrink/ Grow 的數值

接下來到剛才 Mask 的地方提高一點點 Mask Feather 使他羽化一點點

這樣去背就大致完成了!

2. 模擬水池的反射效果

我們新增一個 Solid

並選黑色

將他放置底部

黑色背景就這樣

接著我們要使用中心點工具

將剛才去背的素材

按下 Ctrl 並把滑鼠選到下方中間的點

並把素材稍微縮小留下下方空間

接著將素材複製一遍

並把其中一個的大小高度改為 -70

如此一來就會有基本的反射了

我們也可以稍微命名一下

並且開始讓反射更有水的感覺

我們加入 Turbulent Displace

放入反射的圖層

先將模式改為 Horizontal Displacement

並且微調 Amount 以及 Size 的數值

數值沒有一定的規則,主要是要多多觀察你的素材

接著在 Evolution 案住 Shift 並點下關鍵影格

並輸入 time*100 的表達式

讓波紋會持續扭動

接著在新增一個 Solid

這次加入 Fractal Noise

我們先將 Transform 點開

並取消勾選 Uniform Scaling

調高 Width 以及調低 Height

讓畫面呈現大約這樣的感覺

並且將圖層位置調整到腳下方

並且一樣在 Evolution Options 打上 time*100

並且使用 Mask 大約框起來靠近腳的地方

並調高 Mask Feather

並將這個 Solid Pre-comp起來

並稍微命名

這時候我們再複製一個反射

並且使用 Track Matte 將剛才的 Water Effects 設定為他的 Luma Matte

並且降低原本反射的透明度

這時候我們在新增一個調整圖層

將它放在身體圖層的下方

並放入 Displacement Map

把 Displacement Map Layer 改為 Water Effects

並且微調橫向的變形數值

甚至可以再複製一次原本的反射

並透過 Levels 提高對比度

讓高反光的地方增加一些亮度

如此一來我們水反射的部分就完成了

3. 實拍的小技巧

在拍攝鼻血時可以稍微吸氣,使番茄醬維持在鼻子中

等要拍攝時在稍微用鼻子吐氣,就能拍攝到留下來的畫面囉

另外在拍攝時為了能讓腳盡量保持水平,使鏡頭貼地並稍微仰角

拍攝的素材,就能讓水反射的角度感覺更真實囉

打光的部分這次使用到的主要是頂光

但除了頂光之外,為了讓去背順利也在綠目前打了一盞光

如同上面提到的問題,綠幕往往會有不夠大的狀況

所以需要考量要讓哪個部分露出來,怎樣比較好用遮罩去背

那為了讓頭髮髮絲能使用綠幕更輕鬆去背

這邊我們決定墊高,使腳的地方用遮罩去背

4. 把紅色的布巾改為黑色

接下來要教大家我們拍攝時遇到的問題解決辦法

因為我們只有紅色的布,所以我們得要靠後製的方式將它改為黑色的

我們使用到 Hue/Saturation 特效

將模式改為 Red

並且將亮度調低

這時候我們會遇到一個問題

因為皮膚也是具有大量的紅色

所以膚色也會跟著一起被調暗

這時候我們可以試著調整Channel Range 去只選取到布的紅色

但是這樣還是有它的極限

所以我們還是得使用到遮罩

但是遮罩就可以不用那麼細膩的去對其

我們可以在圖層下方找到 Compostitiog Option 並點下它的 +

這時候遮罩就會變成影響特效,而不是把素材選取下來

最後再調整羽化

並且設定關鍵影格跟蹤布的位置

並在調低布的彩度,使他更接近黑色

做點運鏡,我們就完成黑布的特效了

最後再將影片剪輯起來,作一些運鏡就大功告成囉!

最後這是專案檔,大家可以下載後去研究看看細節的數值。

此教學專案欓下載(cc 2018以上):

 

《PR教學》比內建較果更多層次!用Crop做轉場

大家好! 歡迎來到教學時光

今天的教學偏向新手向

繼續閱讀

《PR教學》讓畫面留下指定顏色,創造出超有個性視覺吧!

大家好,歡迎來到教學時光

今天將會教大家如何做出類似罪惡城市

繼續閱讀

《PR教學》三個你多該使用「調整圖層」的原因!

大家好,歡迎來到教學時間

今天的教學會比較新手向

繼續閱讀

《PR教學》超實用的三個 Premiere 遮罩小技巧!

哈囉 歡迎各位又來到教學時光

繼續閱讀

受保護的內容: 初學者發想創意必收藏的20個熱門網站

一、廣告裁判

傳送門:  https://www.youtube.com/channel/UCz0P_XH7U-yI6KZ9P0uQIlw

推薦:★★★★✩ 四顆星

這個Youtube頻道裡面蒐集了各國許多優質、非常有創意的廣告,並且頻繁的在更新。無論今天只是沒事讓腦袋放鬆一下,或是廣告導演,動畫設計師要找參考給客戶都很實用! 對於初學者來說,是個可以非常輕鬆接收到優質資訊的地方,也可以得到更多元的創意想法。

二、這些創意超有梗

傳送門:   https://www.youtube.com/channel/UCL2flljA2Y6ktDybEPBerwQ

推薦:★★★★✩  四顆星

跟廣告裁判一樣,這也是個蒐集各種影片的Youtube頻道。不同的是,這個頻道除了廣告類之外,也蒐集了一些宣導影片、活動影片等等。如果你想找這類型的影片作參考,不妨訂閱這個頻道吧! 也因為智以廣告為主,初學者如果不知道一些參考要從哪裡找,這也是個很好的網站。

三、ROCKmycfbook

傳送門:  https://www.youtube.com/user/ROCKmycfbook/videos

推薦:★★★★✩ 四顆星

一樣是廣告的頻道、但這個頻道全部都是以台灣廣告為主,對於許多需要提案,需要找近似案例的人,就會超級方便。也可以藉此認識台灣有甚麼樣的創意! 頻道還非常貼心的把每個廣告都放上年分跟公司,初學者可以發現廣告隨著年代的一些改變跟演進。

四、The AD Show

傳送門:  https://www.youtube.com/channel/UCHHZCN53hIjn_BYvGD4reiQ

推薦:★★★✩✩ 三顆星

跟上面的網站剛好相反,這個頻道主要是蒐集國外廣告,可以藉次拓展國際觀,畢竟國外也會有較多大成本製作拍攝的廣告。此外也有一些國外比較常見的作法,例如藉由明星的代言而去發展出來的廣告形式。

五、Ads of the world

傳送門:https://www.adsoftheworld.com/

推薦:★★★★五顆星

最後這個推薦廣告的網站,他更清楚地幫各種有創意的廣告做分類,讓你更好搜尋找到想要的東西。重點是,他有列出廣告的各種細節與介紹。讓你可以找到導演的名字或製作公司。對於想要更透徹了解廣告業、以及廣告如何被設計出來的人,是超級需要放進書籤的選擇

六、Pinterest

傳送門: https://www.pinterest.com/

推薦:★★★★五顆星

想要找設計參考嗎?這個網站絕對可以滿足你!Pinterest 應該是市面上對於任何類型的平面設計來說,最優質的聖地。無論是搜尋Logo、角色設計、字體設計等等,都可以找到超優質的作品。另外一個重點是,一樣是透過關鍵字,Pinterest 能找到的東西基本上都會比直接Google來的更有品質,更有參考價值。

七、Behance

傳送門:  https://www.behance.net/

推薦:★★★★★ 五顆星

Behance 是最多專業設計師會將作品整理投放的地方,無論是包裝設計,品牌包裝等等。都可以找到超優秀的作品,找到喜歡的作品後,也可以直接知道設計師是誰,並且追蹤他。最棒的是許多設計師都會把一些幕後過程一併放進去,呈現成作品集,如果今天是要製作作品集或是提案,裡面也可以獲得許多很棒的創意。

八、品牌癮

傳送門:   https://www.brandinlabs.com/

推薦:★★★★★ 五五顆星

這個網站對於想做品牌形象的人有超大幫助,裡面真對設計、媒體趨勢等等做了許多的分析跟分類,都很深入淺出,內容豐富。無論是否是本專業,都值得上去看看。另外裡面也有關於設計的書籍推薦,更可以藉此知道許多不同學習設計的管道。

九、Welovead

傳送門:   http://www.welovead.com/cn/

推薦:★★★★★ 五顆星

這個網站類似 Behance,並且是以廣告為主,也有許多的大廠牌廣告被分享在上方,並可以直接透過品牌、設計人等分類去找到,十分的方便。如果今天是在製作專題,透過裡面豐富的資訊找到靈感與答案非常的方便,裡面也會有設計師目前討論的潮流。

十、天天瘋後製

傳送門: https://www.crazy-tutorial.com/

推薦:★★★✩✩ 三顆星

這個網站非常的新手取向,並且分享了許多的資源,如果你今天剛入門平面設計,並想要快速達到效果,這個網站絕對是你的大幫手。裡面的許多文章也解析了後製技巧,對於設計發想來說,透過了解製作方式,至激發創意一個手段。

十一、梅問題教學網

傳送門: https://www.minwt.com/

推薦:★★★★✩ 四顆星

開始想要認真學習平面設計製作了嗎?這個網站提供了許多教學,從入門到深入的皆有,並且還有資源分享跟網站架設教學,十分的多元化。對於新手來說是個可以快速入門的網站,而且資訊接為中文,更不會有看不懂的問題。

十二、Designspiration

推薦:★★★★✩  四顆星

傳送門:https://www.designspiration.net/

一樣式透過搜尋的方式找到靈感的網站,這個網站就是專門為了靈感發想所設計,所以更篩選過內容,對於需要蒐集準確資料的設計師來說更為方便,而且上面被分享的作品都非常有水準,對於新手來說一定可以獲益良多。

十三、CC0免費圖庫搜尋引擎

推薦:★★★★✩   四顆星

傳送門: https://cc0.wfublog.com/

開始練習做設計當然需要素材,這個網站可以透過搜尋的方式找到許多免費的圖片,絕對可以滿足你的需求,不過也要注意,裡面的圖片雖然都可以下載用來練習,但是如果要使用在商業用途,還是需要特別去取得授權。 但對於初學者來說,是在方便不過的參考練習網站了。

十四、All free download

推薦:★★★✩✩ 三顆星

傳送門: https://all-free-download.com/

與上面的網站類似,可以下載許多素材去做平面設計的練習,不過這個網站提供了更多的向量檔,除了讓初學者可以藉此得到靈感外,更可以透過下載練習,去了解其中的製作方式,如果你今天要練習AI,不妨找找參考吧。

十五、MyDesy

推薦:★★★★★ 五顆星

傳送門: https://www.mydesy.com/

這個網站有許多訪問、解析設計以及藝術等等相關方面的文章,並且都搭上時事,內容也很多元,從行銷、影片、平面設計到攝影等等都包括了。 也是一個非常推薦沒事就上去逛一逛的網站。

十六、免費矢量剪影

推薦:★★★★★ 五顆星

傳送門:https://silhouette-ac.com/tw/

免費又是可以商業用途,超級好康的網站,雖然都是黑白剪影,但是有超級多的圖示讓你挑選。對於初學者來說,可以透過簡單的剪影,去得到一些設計Logo的靈感,畢竟透過越簡單的圖形呈現越有創意的東西,是設計的一大優勢。

十七、Freepik

推薦:★★★★★ 五顆星

傳送門:https://www.freepik.com/

一樣式以向量檔為主的素材資料庫,有超級豐富的內容,無論是任何的風格幾乎都能找到。不過要注意裡面的商用條款。有些需要著名出處與作者。但無論是不是未來下載使用,裡面的優秀作品也非常多,就算只是攝取靈感也非常有用。

十八、Pexels

推薦:★★★★✩    四顆星

傳送門:https://www.pexels.com/videos/

是以影片為主的免費素材網站,雖然說有些要註明出處,但是裡面擁有的資源依然非常多,比起你在Youtube上大海撈針,這絕對更方便。對於新手來說,去蒐集圖片資料,特別是對於練習Photoshop來說非常的重要,也可以藉此激發許多靈感

十九、BOOOOOOOOM

推薦:★★★★✩   四顆星

 傳送門:https://www.booooooom.com/

如果你想要再往上一點,得到一些更具潮流、更具知名度的外國設計師所創作的作品,以及他們背後的一些解析,可以透過這個網站去找到一些最新作品,都是由設計師本身撰寫分享自身的經驗以及作品,對於想要更了解設計的人來說,是個必備網站

二十、FootageCrate

推薦:★★★★★ 五顆星

傳送門:https://footagecrate.com/

有超多特效以及MG素材的網站,提供了很多免費下載,並且還提供了教學,教你怎麼運用它。甚至還有音效音樂等等。對於想要學習Motion的人來說,裡面甚至還有模板供人下載,可以藉此學習到不少東西!

文末打上 【感謝陳曉羚、Peter Shih 整理提供】

 

《PR教學》用內建就能做出多層次光暈!

大家好 又到了歡樂的教學時光

這次將會教大家如何不靠任何素材

繼續閱讀

《PR教學》比 Luma Key還好用! 完美去除黑色背景!

大家好!歡迎來到教學時光

今天我將要介紹一個免費的插件 Unmult

這個插件是由

繼續閱讀

《PR教學》兩種 Channel 的冷門,但超好用特效!

哈囉大家好!

這周的教學挑了兩種比較少教學會使用的特效

繼續閱讀
1 2 3 4 5 6 7