哈囉!又到了快樂的教學時光。
大家有做過Shape Layer一定不會對Add裡的功能感到陌生,
但裡面的所有功能你都清楚嗎?
今天就要來解析Add內的所有額外效果功能!
首先要先和大家科普一下Shape Layer,
基本上只要用工具列的任何形狀工具(包含鋼筆工具)
都會形成Shape Layer(形狀圖層),只是命名不一樣。
另外,在選取該圖層的狀態下再次製作圖形,
會將兩個圖形都包含在一個Shape Layer內,
也就是說一個形狀圖層能夠包含多個形狀。
那我們開始吧!
首先是Rectangle、Ellipse、Polystar、Path,
這四個選項可以替Shape Layer新增形狀,
新增了之後會再Shape Layer底下找到該形狀的控制選單。
每個型眾都是可以自己調整Transiform和填色的!
Group:群組工具
可以讓形狀群組。
你可以新增一個Group並將多個形狀拉入Group底下,
這樣你就可以直接針對該群組添加效果或控制Transiform,
來群體控制形狀囉!
Fill:填色效果
可以為行裝增加填色。
加入該效果之後可以再Color選擇顏色。
目前更改顏色後沒有任何反應,
那是因為形狀本身也有自己的填色。
由於形狀內的Fill會優先顯示,
將形狀內的Fill效果取消之後就能夠顯示添加的Fill囉!
Stroke:外框線
可以替Shape Layer整體新增一個外框線。
拉動Stroke Width可以增減框線寬度。
Line Cap和Line Join個別可以調整線條的端點形狀和交界形狀,
例如我將交界處改為圓角。
而Dash可以增加虛線效果,
按下「+」可以增設Dash寬度設定,
按下第二次「+」可以增設Gap間距寬度設定。
Offset可以調整虛線的位移。
順帶一提,
Stoke可以讓同個Shape Layer內的所有形狀都憶起擁有同一個外框線。
Gradient Fill:漸層填色
可以新增一個有漸層的填色。
在Colors後面的Edit Gradient可以進入漸層編輯介面。
典籍左右兩個下標籤可以更改顏色,
上標籤則是透明度控制。
你還可以更改Start跟End座標來控制漸層位置。
甚至更改漸層Type來更改線性/擴散漸層模式。
Gradient Stroke:漸層外框線
可以增加有漸層效果的外框線。
有Stroke外框線的所有功能,
只是填色模式改為漸層。
Merge Paths:合併路徑
有點類似AE版的路徑管理員,可以剪裁、合併形狀。
首先替Shape Layer新增兩個形狀。
選擇Contents並新增該效果,
你會發現這兩個圖形被合併在一起了!
Merge Paths會控制上方的所有形狀進行路徑合併或裁剪。
你可以更改各種合併模式,
例如Subberct可以剪裁,
Intersert可以只顯示交疊區域,
Exclude intersection可以剪裁交疊區域。
當然你可以交疊多層的形狀和效果,
順序由上往下就像算是一樣。
Offset Paths:偏移路徑
可以使同圖形的邊緣擴張或內縮。
調整Amount數值可以控制縮放程度。
當然對同一個群組內的圖形能共同縮放邊緣路徑。
Pucker & Bloaths:皺褶與膨脹效果
可以讓邊線外凸或內凹。
調整Amount可以控制外凸內凹程度。
Repeater:重複效果
可以重複所設定的Transform效果,
達到多重複製。
可以調整Copies來設定重複次數。
調整Offset可以讓Transform產生偏移。
而在Transiform: Reapeat 1底下可以控制要個別重複的設定。
你可以控制Position來控制個別重複之間的位置。
調整Rotation可以控制旋轉。
當然也能控制Scale來逐一放大。
Round Conners:導圓角
可以讓圖形路徑產生導圓角效果。
調整Radius數值可以增加導圓角的程度。
Trim Paths:筆畫路徑
可以快速產生路徑動態。
拉動Start、End會發現圖形好像被削掉,
其實他是沿著路徑邊緣再移動。
Trim Paths通常是用在線條動畫上,
我們用鋼筆工具拉出一條線,
就可以用Trim Paths作出線條動畫囉!
Twist:轉圈(蚊香狀)效果
可以讓圖形產生漩渦狀扭曲。
更改Angle數值可以看到角度越大扭曲越明顯。
你也可以更改Center來改變扭曲中心點的位置。
Wiggle Paths:抖動路徑
可以讓圖形的邊緣產生抖動效果。
你可以改動Size(大小程度)、Detail(細節多寡)、Temporal Phase(抖動時相)等。
更變Porlts來讓抖動邊緣呈現銳利或圓角狀。
Wiggle Transform:抖動動態
可以讓動態套上一層wiggke抖動效果。
你可以先在第一區更改抖動頻率、強度等。
接著打開Transform,設定參數。
例如我更動了Position就會發生位置抖動,
更改Scale就會發生縮放抖動,
Rotation就會不停來回旋轉。
Zig Zag:扭曲效果
可以讓圖形邊緣產生扭曲。
你可以更改扭曲程度、間距等。
如果將Ridges per segment數值改為0,
更改Size就會讓整個圖形產生扭曲。
你也可以在Points更改扭曲形式,
例如改為Smooth。
扭曲的邊緣就會變圓滑囉!