AE Exact Infographics / AE精確控制圖表


想要製作數據圖表,卻苦於數據無法精確顯示嗎?運用這個簡單的Slider Control控制器就能讓你輕鬆的掌控數據,不需要編寫複雜的表達式,就能製作出生動又精確的數據圖表喔!跟著MGBoom一起來學習看看吧!

#AE數據控制
#表達式自動產生
#工作報表就靠它表現績效啊


1.製作圓形圖表

1.1 新建一Composition,顯示安全框。接著使用圓形工具,將滑鼠對齊中心點,邊按住Shift鍵,邊自中心點拉繪出正圓形,取消填色,只餘圓框。


1.2 展開Shape Layer 1圖層,點選Add選單,選擇Trim Path特效。


1.3 展開Trim Path圖層,將End數值降為0


1.4 新建一Adjustment Layer


1.5 在特效庫搜尋"Slider Control",套用在Adjustment Layer 1上。


1.6時間軸移到0秒處,接著按住Alt鍵,點一下Start的小時鐘,產生表達式欄位。


1.7把表達式欄位的連結小螺旋牽到Adjustment LayerSlider上,產生連動。


1.8現在調整Adjustment LayerSlider數值,可以發現Shape Layer 1也跟著一起改變了數值。


2. 製作多個圓形圖表
2.1 做好了第一個圓形圖表之後,就可以用複製Ctrl+D的方式,再調整一下新圖表的Scale與框線顏色,產生第2個圓形圖表Shape Layer 2


2.2 控制器也要複製。選擇Slider ControlCtrl+D複製出Slider Control 2


2.3 將先前複製的Shape Layer 2表達式欄位的連結小螺旋牽到Adjustment Layer Slider 2上,使控制器能夠分別控制。


2.4 繼續如上述方法,複製出多個控制器與新的Shape Layer,個別重新連結新的控制器,或是直接改變表達式內的連結位址。


3. 建立數字顯示系統

3.1 使用文字工具輸入Shape Layer 3最後應顯示的數值,依動畫順時針累加的比例,放在相應的地方。


3.2 展開數字圖層,按住Alt鍵,點一下Source Text的小時鐘,產生表達式欄位。


把表達式欄位的連結小螺旋牽到Adjustment LayerSlider Control 3上,產生連動。


3.3 可以發現改變控制器數值的同時,顯示的數字也跟著改變了。


3.4 複製增加多個顯示數字,如上述方法重新連結到不同的控制器上。


3.5 整理一下檔名,以免搞混。


3.6 現在只要調整各自的控制器,就會發現圖表以及顯示數字都乖乖的跟著出現相同數值。


4.製作動畫

4.1 先打開控制器,設定好最終出現的數值之後,在一秒處設下關鍵影格。


4.2 回到0秒處,將數值都歸0,產生初始關鍵影格。


4.3 移動一下時間軸,卻發現數值有時候會變得很長很礙眼,怎麼辦呢?


4.4 首先展開表達式欄位,接著將輸入游標移至表達式文字的最前端,我們要在前面再增加表達式。


4.5 點開表達式的三角形選單,選擇Math.round(value)


可以看到表達式前面增加了Math.round(value)字樣。


4.6 因為表達式不能直接這樣增加,出現語法錯誤的警告視窗。


4.7 可以看到原本為=的小圖示變成了黃色三角形警告。所以我們需要調整表達式:刪除"value)"字樣,在語法最後面增加")"作結束,才能將兩個表達式融合起來。


4.8 因為之前語法錯誤而被關閉的表達式,需要再按下=圖示,表達式才會生效喔。


4.9 將其它的數字圖層的表達式如上述方法改變融合,或是直接複製貼上增加的字串,但是要小心檢察語法。


5.建立背景

5.1 新增一Solid圖層。


5.2 移至最下方成為背景。


5.3 套用Ramp特效,設定喜歡的顏色之後,移動色彩定位點在兩對角處。


5.4 再新增一Adjustment Layer


5.5 套用Curves特效,將整體明度變深。


5.6 使用鋼筆工具,繪製半邊的遮罩。


5.7 接著選取除了背景的其它圖層,建立新的Pre-compose...


5.8 可以發現圖表呈現了剔透質感! 這個小訣竅是不是很簡單呢?








留言

對內容有任何問題與討論,歡迎留言給我們^^

聯絡表單

傳送