昨天,我介绍了Looper的惊奇效果。题图的这种快速变身就是Looper,今天我就来介绍介绍Looper的基本原理和操作。
Looper的原理是,对你绘制的图形进行多次复制,然后调整参数来自动设置这些图形的大小、位置、方向和透明度等,最终实现实现我们想要的效果图。
Looper的使用非常简单。为了更快上手,建议安装好Looper之后,设置任意图形,进行试用体会。
一、一点准备工作:
安装好Looper后,你可以打开Sketch并在plugins中找到它。
可以看到,其中,Looper还为你贴心地提供了教学视频。
二、使用过程
1、在Sketch中制作好原始素材,然后准备开始。
2、打开Looper参数设置窗口。有两种方法:(1)点击最上方的plugins>Looper,打开弹窗。(2)选中你的原始素材情况下,使用快捷键 “command+L”调出弹窗。
3、设置弹窗中的参数,每设置一个参数,你都可以看到对应的变化,当然你也可以不设置,直接使用默认效果(下图就是默认的效果)。
四、四个参数的涵义和用法。
1、Duplication count:复制次数,可设置重复次数为1-1000次。
2、Scale(增量设置):指在每一次复制之时,在上一次的图形上增加的数字。可以是增加xx像素,可以是增加xx%,也可以是随机增加。
3、move(运动):即每一次复制后,位置的变化。有四种运动方式:水平运动、垂直运动、对角运动、随机运动。
下面用一条水平的直线,来表示四种不同的效果:
水平运动:
垂直运动:
对角运动:
随机运动:
3、Form a frid(网格排列): 将复制的图层按照网格形式排列,可设定的参数如下:
这个参数设置了重复xx行、xx列,并设定每行和每列的间距。如上参数,得到效果如下:
此参数和“move”“Duplication count”互斥。
4、Rotate(旋转设置):复制好的所有这些图层,是否组成一个原环。有“自动旋转”或者“手动旋转”。自动环绕,则是所有图形的旋转角度是相同的,最后组成一个圆;而手动旋转,则可以自定义旋转的角度、角度变化的曲线(线性、正弦或随机三种),更为自由。
不同变化曲线的效果大致如下:
Update opacity(不透明度变化):可以设置为透明度随机变化、也可设置为从0%逐渐增加到100%或者从100%逐渐降到0%。
以上就是简要介绍了。 不妨去试试吧。