Text

《AE教學》超酷炫立體光澤文字!超神奇替換顏色!

哈囉!又到了快樂的教學時光。

繼續閱讀

《PR教學》上字要快?新舊版文字工具比較!

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

繼續閱讀

《AE教學》超簡單實用打字效果!

哈囉又到了快樂的教學時光。

這次的內容非常簡單卻又實用:打字機效果~

直接來看看怎麼做吧!

首先把要輸入的文字打好:

 

點開文字編輯,在Animate方面新增Opacity:

 

設定如下圖:

將不透明度設為0。

 

藉由Range控制該動畫的Start起始點,文字在43%後才會開始進入不透明度0的階段:

不過目前看起來是漸層的轉變。

所以可以將Smoothness設為0:

這樣文字就會直接出現或直接消失,不會淡出或淡入了。

 

至於輸入文字時會出現的閃爍棒棒,

簡單直接的做法就是直接拷貝剛才的文字,將全部文字刪除並輸入那個棍棍符號,

然後直接對Position座標進行控制:

 

先設定一下不透明度:

這邊以每10幀出現、消失互相轉變,並按住Ctrl+Alt點擊關鍵影格,讓關鍵影格切換成「切換」模式。

 

接著只要輸入表達式:「loopOut(“Cycle”)」即可讓關鍵影格循環:

 

簡單讓文字打字出現的時機延遲一秒,

至於閃爍棒棒要跟隨著文字,就是手動對Position控制:

 

如下圖:

檢查每一個字出現的時機,再將閃爍棒棒挪過去。

 

 

成品範例:

簡單的打字動畫就完成啦~

 

 

那這次的內容就到這邊結束,我們下次見~

 

 

 

此教學AE專案欓下載(cc 2019 & CC 2014):

 

 

 

 

 

 

 

 

  繼續閱讀

《PR教學》綜藝節目字體大解析,字幕功能教學!

哈囉大家好,又到了教學時間

一直以來網路創作者與電視節目視覺上有著不同

一大部分是因為節目上的字體都會經過大量裝飾

同時保持著一定的明適度

這次將會教大家如何快速製作綜藝節目的字體

先來看看我們會達到的效果

那我們先打開Premiere

放入你的影片

點選Project 視窗右下角的白紙,新建一個 Title

設定上他都會照你的 sequence 設定,所以基本上不用去碰它

按下OK後,這樣的介面會跑出來

這邊就是控制字體樣式的地方

畫面預覽的部分會停留在預覽視窗所停留的時間點

我們可以用左邊的輸入工具打點字

在字體方面,建議使用非常粗的字體

一來是對綜藝節目的視覺習慣

二來是在畫面上才有份量感

因為一般來說這種字幕只會上在重要的地方或笑點

那在製作前也會找些資料來參考

這邊推薦【華康超黑體】以及【最粗的思源體】或是【蒙納超剛黑】

接下來我們要加入材質

設定上可以讓材質貫穿三個字體,或是也可以一個字一張貼圖

另外也可以去 Scaling 調整材質大小,以及 Alignment 位置

材質的挑選上可以低調一點,小的幾何圖形

那成果會像這樣,這邊有稍微調整過材質的透明度

那如果你想要疊加顏色 可以用Fill>texture>Mix去做調整

但是會比較吃效能,顏色也會變比較暗

所以我也提供一個比較簡單,省資源的作法

首先我們把找到的材質丟進photoshop

選取顏色範圍

選白色的部分,接著案確定

把白色的部份刪掉,並新增一個空白圖層,疊在下方

你就能用油漆桶灌成自己想要的顏色啦

接著再丟回Pr調整成你要的大小位置就行啦~

那上完材質後的下一步驟是外框

大部分人在家字幕邊線的時候都只有加一層

可能也很少人發現到綜藝節目的字體都會有兩層,甚至三層的邊線

所以在製作邊線時,可以用右方的 Add,那色彩方面就建議不要太雜

以黑、白跟一個主色就好

當你做好後,記得去下方的 Title Style 新增你目前的樣式

新增後他會要你命名

這樣就不用每次都重做一遍,只要把樣式拉進你心打的字幕就可以了

那另外在製作陰影,除了使用 Shadow外

也可以透過 Outer Stroke 裡面 Type 設定成 Depth

這樣可以讓外框線在陰影外

另外,也可以用 Sheen 製作漸層

也是綜藝字體常出現的手法

那動畫方面,可以在特效視窗找到 Wave Warp 的特效

可以製作出抖抖字體的效果

其他像 Lens Distortion 設定 Keyframe的話可以製作類似Motion blur的進場效果

相較於使用真的 Motion blur 更不吃資源

而像是 Spherize 可以變形字體,設定 keyframe 動畫

彈跳動畫的部分則是在大小設定 keyframe,並且設成 preset,就不用每次重條囉

另外之前有人在社團提到火焰的效果,其實只要找到素材

素材方便可以使用 :https://footagecrate.com/

裡面有許多免費 / 付費素材

並且疊加在字幕下方就好囉!

另外提供這兩款樣式的數值

橘色:

藍色:

 

那這次教學就到這裡,掰掰! 繼續閱讀

《AE教學》超帥3D字幕說唱動畫!潮炸天的文字排版運鏡教學!

先來看看原影片效果吧~!

哈囉!又到了快樂的教學時光。

這次的內容很簡單,利用文字製作活潑的動畫,就算只有文字也能生動表現!

而標題會寫說唱動畫,是指這類的文字動畫通常利用在旁白、歌唱上面,配合旁白和歌詞顯示動畫,就是…動態字幕、字幕動畫──動字動字動字。

 

內容基本上是利用文字座標來控制攝影機,雖然有些腳本可以利用,但部分腳本僅適合輔助用,很多時候仍得自行調控,

才會有自己的味道……好,這不代表我不洗澡。

 

難度:★☆☆☆☆

在這篇文章中你可以學到:

  1. 座標與攝影機的控制。
  2. 捕捉黏貼工具。

 

 

首先,新創一個COMP:

稍微設定一下Comp資訊。

 

新建一個背景色板:

這個色板之後就可以不用去動它。

你也可以忽視這個步驟。

 

打上你要的文字:

 

複製幾個、更改文字內容:

 

 

新建攝影機和一個控制攝影機的空圖層:

CTRL+SHIFT+ALT+C為新建攝影機。

CTRL+ALT+Y為新建空圖層。

 

將空圖層命名為camera ctrl後,轉3D Layer:

並將攝影機的父子關係綁定到空圖層camera ctrl上。

讓空圖層來控制攝影機。

 

隨後也將文字轉3D Layer:

順便更改了圖層的顏色,方便辨識。

 

 

這邊有個很好控制攝影機和文字的方式,

將文字的座標位置複製並貼到攝影機控制上,整組攝影機就會移動到該圖層上:

將「六指淵」的座標複製到攝影機控制上,你會發現攝影機的焦點對準了文字的錨點位置。

 

有時更改了文字內容後,錨點位置會繼續保留在原地,而非整個文字的中心點,

所以可以利用snapping捕捉黏貼工具:

這個工具有幾種模式,一個是沿切線延伸捕捉,另一個是讓你優先對齊Pre-Comp內的物件。

最主要、最基本的是能讓座標、錨點、圖層對齊其他物件。

 

按快捷鍵Y切換成錨點控制游標,這時就能拖曳、挪動文字的錨點,讓它對齊中心位置:

 

再重新貼一次文字的座標,攝影機就對準文字的中心囉!

 

3D攝影機視窗可以選擇其它的類別:

就能在不更動開攝影機的方式檢視其它角度。

 

例如自訂攝影機1號:

 

前視圖等等:

前視圖就能清楚看到,攝影機的位置是對準文字的中央。

 

開始排列文字位置:

建議在製作這類動畫時,先確定腳本和動畫形式。

這邊由於只是示範,並不會製作過多的動畫。

 

 

如上所說,snapping可以讓物件對齊其它物件:

可以讓物件的角黏貼其他物件的角。

 

在自訂視圖1中可以移動到想要的視角去控制:

我讓文字有不同的3D角度。

 

文字排好後,就可以來設定攝影機控制:

攝影機基本不動,藉由空圖層來控制。

 

設定好關鍵影格:

我讓它前一秒保持不動,在第一秒後7幀內做動畫。

 

將第二個文字的座標貼到攝影機控制上:

 

同樣的方式也可以運用在旋轉角度上:

 

於是攝影機就會隨著移動座標和旋轉角度到達下一個文字上:

 

開啟動態模糊:

 

繼續設定攝影機控制的動畫:

一樣的方法貼貼,必要時在自己手動調整即可。

 

因為我是有開啟曲線路徑,所以一些路徑上的節點會是有拉桿可以控制曲線的:

 

這邊我習慣利用鋼筆工具,按住ALT點一下該路徑節點,就能讓這個節點恢復直線模式:

 

一些文字不會再出現於畫面內,就可以調整該圖層的結束時間:

節省畫面空間、避免露出瑕疵,圖層管理上也比較方便。

 

途中想新建文字的話也是可以的,我習慣直接複製最近的文字來修改,因為能夠沿用座標位置:

但通常會建議腳本就先擬定好,不然調整起來、有時沒注意就會出一些錯誤。

 

修改文字的錨點:

 

選擇該圖層,按R叫出旋轉角度的參數:

按住SHIFT可以固定角度旋轉。

 

也設定好動畫:

 

你也可以開啟攝影機的景深:

 

 

成品範例如下:

 

 

那麼,這次的教學就到這了~我們下次見!

 

 

 

 

 

 

  繼續閱讀

《AE教學》一筆一劃寫出來~輕鬆完成文字的筆畫動態!

哈囉!又到了快樂的教學時光。

這次的教學非常簡單,要用AE來製作文字的筆劃動畫。

 

在這篇教學中你會學到:

  1. 如何製作寫出文字的動畫效果。
  2. 如何修正該動畫會露出其他筆劃的問題(兩種修法)。

繼續閱讀