酷炫插图只要一瞬间即可完成

大家花多少时间为您的设计创造独特而有创意的插图?可能比你想要的还要长。

Looper可以让您在制作完整的原始插图时减少插画时间。这是一个全新的Sketch插件,相信大家已经知晓,可以通过多次复制,移动和旋转对象来创建独特的形状和图案,从而产生一个简明易懂的插图。

今天,我将展示如何使用零绘图技巧 - 您可以在20秒以内为您的应用程序设计,横幅和背景创建难以置信的插图。

随时可以下载我在教程中遵循的原始草图文件

为什么Looper?

为帮助创建原始的插图,发现Looper最好的工作,因为它使我能够在几秒钟内创建复杂的插图,我以前只想做自己创建的梦想。您可以创建许多类型的插图,如常规或随机模式,背景甚至标识形状。

教程

一般Looper流程和提示

在使用Looper时,必须从一个简单的形状开始。要运行“循环”,您可以使用CMD + L,或者您可以通过单击:插入>循环>循环来浏览插件菜单。您可以在单层或一组图层上使用Looper。

请记住,如果您正在创建复杂而大型的模式,则计算机可能需要很长时间来渲染结果。此外,我注意到,如果您使用键盘上的向上和向下箭头设置值,Looper会更好地工作。如果在使用向上或向下箭头的同时按住SHIFT键,则值将增加10而不是1。

抽象形状

了解乐手如何工作的最好方式是创造一些完全抽象的东西。从矢量工具开始,并绘制您喜欢的任何形状。然后运行你的循环(CMD + L),然后玩一下你的设置。

同样,您也可以创建完整的背景。向图层添加一些渐变可以让您获得非常酷的效果:

简单模式

Looper不仅是产生抽象形状的理想选择,也是创建简单,创意或随机模式的理想选择。在上面的例子中,我使用单个矩形来形成整个模式。

要构建均匀分布的模式,请使用Looper中的“Form a Grid”部分。通过旋转和不透明度随机化我的模式,在10秒内给了我一个梦幻般的效果:

首饰

您还可以用Looper创造出数学上完美的装饰品。绘制垂直线或水平线,并在其旁边添加一些元素。我创建了一个简单的例子,一行和一圈。看下面看看我通过更改副本创建了几个不同的饰品。

这是一个很好的习惯,从尽可能数量的形状复制开始,逐一增加。这样,将看到您的模式随时间的变化。

注意我如何使用默认的旋转功能,并从两个副本开始:

3D效果

我注意到,通过使用Sketch图层,您可以创建令人印象深刻的3D效果。制作3D图片的关键是将一些渐变和阴影添加到您的起始形状,并在“移动”部分中复制此形状。旋转和缩放在这里也有帮助:

粒子球

您可以通过复制单个点来构建什么?那么一来,你可以创建一个由粒子制成的球体。随机刻度和不透明度产生大量点后,只需在草图中使用椭圆形进行蒙版:

波浪效应

我们可以用一条直线做什么?通过将线沿着一个轴线移动几个像素并旋转非常缓慢,您可以创建一个很酷的波形,如下例所示:

Tron 1982 - 建筑网格

最后但并非最不重要的是,从Tron重新创建插图。通过复制两个简单的形状 - 一条线和一个矩形 - 您可以构建透视网格:

所有你需要做的是在这些形状上使用Looper两次。首先,按比例增加百分比复制矩形。您可以增加“不透明度”部分中所有实例的不透明度。在第二步中,在默认设置下复制带有旋转的行。

Etvoilà!在20秒内制作的Tron-looking透视网格!

您可以使用透视网格创建其他3D插图,如下例所示:

其他例子 - 悉尼

在这一点上,您可能已经注意到,Looper给您无限的可能性来创建非常复杂的插图。下面,我创造了三个鼓舞人心的例子,每个都有一个起始的形状和创建它们所需的设置,以便您可以重现它们,或者使用它们作为创建自己的插图的基础。

几乎死亡之星

深海

关于作者:Wojciech Dobry Designer

Katowice, Poland

Member since November 1, 2016

原文链接:https://www.toptal.com/designers/sketch/amazing-illustrations-with-sketch-and-looper

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,302评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,232评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,337评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,977评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,920评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,194评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,638评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,319评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,455评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,379评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,426评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,106评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,696评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,786评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,996评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,467评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,043评论 2 341

推荐阅读更多精彩内容

  • 扩展Sketch 入门插件基础您的第一个插件开发环境调试ActionAPI发布插件 高级插件捆绑插件,脚本和命令插...
    iOSDevLog阅读 17,366评论 0 34
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,280评论 25 707
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,566评论 18 139
  • 两条巨蟒在远处打架,彼此伤痕累累。一条被车轧死的狗横躺在马路中间。这样的梦境如果醒来还历历在目,很难不影响人的情绪...
    绿萝宝贝阅读 260评论 7 2
  • 黑夜降临, 在孤寂无人的梦里, 我穿过了那一片纯净的梦土。 层层白如雪的风尘, 掩埋了一个个轻浅的脚印, 在这片梦...
    清桐li阅读 340评论 0 9