【AE小技巧】影片loop做法/省圖層技巧(stock footage/time remapping)

又要來分享After effects超級實用的技巧:Loop(我有時候會稱呼他為cycle) 如果你是在做演唱會影像或是UI動態設計的,這次的教學一定要仔細學起來喔! 最早這個技巧也是前同事教我的,很感謝 :) 這邊來回饋AE和動畫影像圈! 不管你今天是做AE動態或是其他3D軟體, 製作Loop的大原則是: 第一張和最後一張要可以接起來(新手可以記成第一張和最後一張一樣) 這邊還是先以AE較常見且常用的來分享 **困擾點: **。下載或是購買了影片素材,例如水滴、雲海、煙幕的footage,影片本身沒有loop。要在演唱會使用,需要讓他持續播放,該怎麼製作呢? 。有了loop素材,但每次使用都要複製好多層,有沒有什麼方法可以更精簡呢? 因為這邊是AE小技巧,所以都用AE來說明, 以下說明會分2部分: 1.如何將stock footage製作成可以loop的素材? 2.如何使用AE內建表達式來讓素材只使用一個圖層即可loop? 首先第一點,我上網找了預覽用的影片檔來示範(Clouds by AndreiLeontev | VideoHive) 如果要商用,記得要購買喔! 大家可以觀察一下, 很明顯的,影片的第一張和最後一張不一樣,與loop原則不符合, 導致無法連續播放。 那現在我們要如何將這種影片改成可以loop的形式呢? 很簡單,我們只要創造一個頭尾可以接起來的影片即可,以下進入AE。 把影片放進AE,這邊就不多說了XD 隨意找一個適當的時機點,切開影片。 將剛剛切開之後,位於後面的片段移到前面,前面的片段移到後面。 大家現在可以播放看看,是不是影片第一張和最後一張是一樣的? 我想大家馬上就會發現中間會不順的問題了XD 現在就要來處理這個問題! 這邊示範常見的做法:淡入淡出 大家也可以依照情形去變化這邊的做法喔,原則是一樣的。 先將2個片段重疊 將2段的透明度一個設定100>0,一個設定0>100 看看效果 大家可能會覺得說這也不是很完美的loop啊? 但就如同前面所說,請依照各個需求去調整這中間段差要怎麼接比較順。 我也有碰過演唱會影像用這種簡單的方式就ok了。 希望大家依照一樣的原則去變換使用的方法。 有了一段loop素材之後, 如果想要讓他在AE裡面是最簡便的狀態要怎麼做呢? 一樣先模擬一下製作情境, 在一個很長的comp裡放入剛剛製作好的影片loop 在圖層上按右鍵>time>enable time remapping 你會注意到圖層的狀態改變了 現在可以自由的把圖層拉長或拉短 。簡單說明一下time remapping的作用:開啓之後,這個圖層的長短即可自由拉伸,而播放內容則由key來控制。數值會依據紅色方框來顯示,都是代表播放到第幾格的意思。 拉到剛剛time remapping完 預設最後面的key的前一格 設key 為什麼要這樣做? 剛剛前面沒特別提是怕大家困惑,今天如果我們做第一張和最後一張長一樣的話,直接將這個素材連續播放,會產生每個循環都多一格的狀況,導致畫面卡卡的。所以為了避免這樣的問題,我們會將loop素材的最後一格拿掉,讓loop是順暢的。 ⭐️️前面介紹的影片loop反而不需要做少一格的動作,大家可以想想為什麼喔! 最後面的key記得拿掉 要上表達式囉! 在parent的這個符號按下alt+左鍵 依序點擊 看看效果 這樣就完成啦! 後面可以無限制的拉長喔! 對於想省圖層的狀況真的非常方便!...

October 12, 2019 · 1 min · Pecky

【AE小技巧】軟Q果凍效果

這次也是一個小小小技巧,但我在現在的公司超常用的XD 想讓動畫更豐富,教學一定要仔細看喔! 困擾點: 。素材只有點陣圖片,無法做向量的變化 。工作時程的時間太少,但又不想畫面太乾,想要快速製作有效果的動態 這時,就是果凍效果出場的時候啦! 真的也是超級簡單的! 首先,還是一樣來模擬一下製作情境! 這次置入的是一個透明背景的角色。(我直接使用有圖層的psd檔置入,和一般透明png作法是一樣的!) 第一步,我的習慣是一定要調整中心點(牽涉到角色的一些原則,未來再提),點選紅色框圖標。 將中心點移到角色腰的位置。 要開始key囉!接下來找到角色圖層的scale,將這個果凍效果的前後各key一個原本的scale數值 。這邊是24是因為我圖本身有縮放過,若素材與comp處於剛剛好的話,一般會是100/100 取消scale x和y之間的連結關係。(x:我們分手吧~ y:QAQ) 在先前設key的前後兩個key中間抓約1/4的地方,3/4的地方,分別設定成一個變扁,一個變長的key。 示範使用的數值分別是(25,23),(23,25) 若你剛剛原始數值是(100,100),我平常習慣是使用95,105這個搭配 可以依據各個狀況去調整~ 現在來看看效果,似乎太慢了! 回來看key,把key全部選起來,按著alt,左鍵按著最後面的key,把整個key等比例縮小到適當時間上。 F9加上easy ease 讓效果更順 最後就會變成這樣。 很簡單吧,目前這樣還是最簡單的, 這個還有很多組合技法,大家可以玩玩看。 未來有看到什麼再跟大家分享! 我們是 Peckystudios 。 擅長設計吉祥物與角色相關的動靜態設計,這裡是我推廣創作的部落格,希望大家能藉由我的內容從創作中找到樂趣。 如果您正在尋找設計師為您設計吉祥物, 歡迎您到服務項目頁面瞭解相關資訊 也歡迎您寄信到 peckystudios@gmail.com 與我聯絡! 謝謝 如果喜歡我們的文章,歡迎到我們的選物店支持我們,讓我們更有動力創作喔!

October 6, 2019 · 1 min · Pecky

【AE小技巧】Comp內有Comp的時間對位小技巧

標題好難描述啊!XDD 這幾天在公司後輩有遇到相關的問題,所以就把這個技巧教給她。 當初也是前同事傳授給我的,這邊也寫成教學分享一下! 困擾點: 。為了做某些效果而把素材pre-comp起來,但不確定在裡層comp的某一時間點是外層comp的哪一個時間點? 。某些狀況下,pre-comp裡的時間範圍可能和外層的不一樣,會不是從0開始,如何確定時間點? 這次分享的是AE內建的隱藏技巧,想加速製作的話一定要學起來! 首先,先模擬製作的狀況,comp裡面有comp。 這邊特別做了裡面comp開頭不是0的狀況,比較可以看得出這個技巧的好用! 我們先假設我想要在外部comp的第123張影格時,裡面comp的素材變成白色 將時間點遊標移動到剛剛提到想換色的時間點上 左鍵點擊兩下,進入comp 現在看到時間點遊標指的地方就會是外部comp剛剛123影格的地方啦! 馬上上個效果來試試! 成功啦!很簡單吧! 多嘗試運用各種技巧來製作動畫吧! 我們是 Peckystudios 。 擅長設計吉祥物與角色相關的動靜態設計,這裡是我推廣創作的部落格,希望大家能藉由我的內容從創作中找到樂趣。 如果您正在尋找設計師為您設計吉祥物, 歡迎您到服務項目頁面瞭解相關資訊 也歡迎您寄信到 peckystudios@gmail.com 與我聯絡! 謝謝 如果喜歡我們的文章,歡迎到我們的選物店支持我們,讓我們更有動力創作喔!

October 4, 2019 · 1 min · Pecky