大家有做过Shape Layer一定不会对Add里的功能感到陌生,

但里面的所有功能你都清楚吗?

今天就要来解析Add内的所有额外效果功能!

首先要先和大家科普一下Shape Layer,

基本上只要用工具列的任何形状工具(包含钢笔工具)

都会形成Shape Layer(形状图层),只是命名不一样。

另外,在选取该图层的状态下再次制作图形,

会将两个图形都包含在一个Shape Layer内,

也就是说一个形状图层能够包含多个形状。

那我们开始吧!

Rectangle、Ellipse、Polystar、Path:新增形状

首先是Rectangle、Ellipse、Polystar、Path,

这四个选项可以替Shape Layer新增形状,

新增了之后会再Shape Layer底下找到该形状的控制选单。

每个型众都是可以自己调整Transiform和填色的!

Group:群组工具

Group:群组工具

可以让形状群组。

你可以新增一个Group并将多个形状拉入Group底下,

这样你就可以直接针对该群组添加效果或控制Transiform,

来群体控制形状囉!

Fill:填色效果

Fill:填色效果

可以为行装增加填色。

加入该效果之后可以再Color选择颜色。

目前更改颜色后没有任何反应,

那是因为形状本身也有自己的填色。

由于形状内的Fill会优先显示,

将形状内的Fill效果取消之后就能够显示添加的Fill囉!

Stroke:外框线

Stroke:外框线

可以替Shape Layer整体新增一个外框线。

拉动Stroke Width可以增减框线宽度。

Line Cap和Line Join个别可以调整线条的端点形状和交界形状,

例如我将交界处改为圆角。

而Dash可以增加虚线效果,

按下「+」可以增设Dash宽度设定,

按下第二次「+」可以增设Gap间距宽度设定。

Offset可以调整虚线的位移。

顺带一提,

Stoke可以让同个Shape Layer内的所有形状都忆起拥有同一个外框线。

Gradient Fill:渐层填色

Gradient Fill:渐层填色

可以新增一个有渐层的填色。

在Colors后面的Edit Gradient可以进入渐层编辑介面。

典籍左右两个下标签可以更改颜色,

上标签则是透明度控制。

你还可以更改Start跟End座标来控制渐层位置。

甚至更改渐层Type来更改线性/扩散渐层模式。

Gradient Stroke:渐层外框线

Gradient Stroke:渐层外框线

可以增加有渐层效果的外框线。

有Stroke外框线的所有功能,

只是填色模式改为渐层。

Merge Paths:合并路径

Merge Paths:合并路径

有点类似AE版的路径管理员,可以剪裁、合并形状。

首先替Shape Layer新增两个形状。

选择Contents并新增该效果,

你会发现这两个图形被合并在一起了!

Merge Paths会控制上方的所有形状进行路径合并或裁剪。

你可以更改各种合并模式,

例如Subberct可以剪裁,

Intersert可以只显示交叠区域,

Exclude intersection可以剪裁交叠区域。

当然你可以交叠多层的形状和效果,

顺序由上往下就像算是一样。

Offset Paths:偏移路径

Offset Paths:偏移路径

可以使同图形的边缘扩张或内缩。

调整Amount数值可以控制缩放程度。

当然对同一个群组内的图形能共同缩放边缘路径。

Pucker & Bloaths:皱褶与膨胀效果

Pucker & Bloaths:皱褶与膨胀效果
可以让边线外凸或内凹。

调整Amount可以控制外凸内凹程度。

Repeater:重复效果

Repeater:重复效果

可以重复所设定的Transform效果,

达到多重复制。

可以调整Copies来设定重复次数。

调整Offset可以让Transform产生偏移。

而在Transiform: Reapeat 1底下可以控制要个别重复的设定。

你可以控制Position来控制个别重复之间的位置。

调整Rotation可以控制旋转。

当然也能控制Scale来逐一放大。

Round Conners:导圆角

Round Conners:导圆角

可以让图形路径产生导圆角效果。

调整Radius数值可以增加导圆角的程度。

Trim Paths:笔画路径

Trim Paths:笔画路径

可以快速产生路径动态。

拉动Start、End会发现图形好像被削掉,

其实他是沿着路径边缘再移动。

Trim Paths通常是用在线条动画上,

我们用钢笔工具拉出一条线,

就可以用Trim Paths作出线条动画囉!

Twist:转圈(蚊香状)效果

Twist:转圈(蚊香状)效果

可以让图形产生漩涡状扭曲。

更改Angle数值可以看到角度越大扭曲越明显。

你也可以更改Center来改变扭曲中心点的位置。

Wiggle Paths:抖动路径

Wiggle Paths:抖动路径

可以让图形的边缘产生抖动效果。

你可以改动Size(大小程度)、Detail(细节多寡)、Temporal Phase(抖动时相)等。

更变Porlts来让抖动边缘呈现锐利或圆角状。

Wiggle Transform:抖动动态

Wiggle Transform:抖动动态

可以让动态套上一层wiggke抖动效果。

你可以先在第一区更改抖动频率、强度等。

接着打开Transform,设定参数。

例如我更动了Position就会发生位置抖动,

更改Scale就会发生缩放抖动,

Rotation就会不停来回旋转。

Zig Zag:扭曲效果

Zig Zag:扭曲效果

可以让图形边缘产生扭曲。

你可以更改扭曲程度、间距等。

如果将Ridges per segment数值改为0,

更改Size就会让整个图形产生扭曲。

你也可以在Points更改扭曲形式,

例如改为Smooth。

扭曲的边缘就会变圆滑囉!