人人都爱的扁平插画
在扁平化的设计风格开始流行之后,它的影响开始逐渐拓展到设计领域之外。
许多人开始创作扁平化风格的插画,其中使用的设计元素变得更加抽象、极简,整体视觉风格变得更加鲜明前卫。而且,扁平化插画也与扁平化的界面设计也更相得益彰。不光是它在形式上的优点,扁平风格的插画创作也更加简单和快速。
▲图片来自 Ryan Rumblt on Dribbble
设计师和插画师们可能会使用 AI 或 PS 来创作扁平插画。不过有了 Assembly,即便是对绘画和软件一窍不通的人,也可以在手机上简单地创作扁平插画了。
最傻瓜绘图工具,用现成形状来创建扁平插画
与其他绘图类的软件有很大不同的是,Assembly 并不需要你真的去「画」出什么。你只需要从 Assembly 的图形库中挑选一个现成的形状,来组合成你的画面就可以了。
这很符合扁平插画的特点,因为一些非常简单的基本图形就可以组成一幅扁平插画。
基本功能速读
- 选择默认图形来拼成插画
- 智能辅助线,吸附到自动对齐(可关闭)
- 自由缩放和非等比例缩放
- 复制、对称、固定角度旋转
- 方便的层级操作
- 自定义颜色、边框、阴影和透明度
- 预置多种色板
一些基本操作
用 Assembly 来拼合插画的过程非常简单。比如下面这副表情,半圆组成了帽顶和耳朵,圆角矩形组成帽檐或鼻子,你只需要选择合适的形状把他们拼起来就好。
就像设计师们很熟悉的 AI 和 Sketch 一样,在 Assembly 里组合图形时也会自动出现辅助线,因此你可以利用这些辅助线来让不同的图形轻松对齐。
选中一个图形之后,你可以通过右上角的句柄来对图形进行缩放以及旋转。如果你轻触句柄,图形两侧出现的长方形手柄则让你可以对图形进行非等比例缩放。
通过双指手势,你可以对画布放大和拖动以对细小的图形进行一些细微的操作。
右侧扳手处展开的快捷按钮让你可以轻松地对图形进行对称、复制以及旋转。特别说一下其中的两个带虚线的箭头——Assembly 有层级的概念,但并不是以图层的方式来显示,你可以简单地通过这两个虚线箭头来使当前的图形升高一层或降低一层。在小屏幕上来说,这比图层方便多了,而且真的足够傻瓜。
在知道了这些知识之后,你已经入门了。你应该已经可以用三角形创建一棵树,或是用圆形和圆角矩形创建一个太阳了。快动手试试看。
如果你想玩出一些花样……
即便都是扁平插画,风格也不是一成不变的,Assembly 的样式功能可以让你的画面呈现多种不同的风格。
选中一个图形之后,只要点击底部的样式按钮你就可以自定义它的风格了。与许多矢量图形的软件类似,Assembly 对形状可以自定义填充、边框以及阴影,当然还有透明度。
值得一提的是,非常懒人的 Assembly,已经预置了适合扁平插画的多种配色组合,只需要点击色板末尾的省略号就可以进入挑选。我已经懒得在色环上寻找一块颜色了,只用 Assembly 内置的配色组合就已经可以组成一些好看的画面来了。
Assembly 的免费版本已经有相当多的图形可以选择,当然你也可以付费购买新的图形包,付费图形包可以让你毫不费力在手机上完成一幅扁平插画大作。不过讲真的,如果你是新手,免费的版本已经很够用,只要你肯动动心思,你几乎可以用基本图形组合处你需要的任何形状。
入门练习:试着画一套属于自己的 emoji
不是设计师?没尝试过扁平插画?不知道画什么?
刚开始想要试着用 Assembly 在手机上绘制扁平插画,但你可能不知道如何下手。我推荐给你一个练习的好方法。找出你手机中的 emoji 表情,选择其中你喜欢的一些表情来绘制吧。
这些 emoji 大多数都非常简单,少数需要你花花心思去组合一些图形。至于颜色就用 Assembly 内置的色板就已经绰绰有余了。
没有花费太多时间,我已经画好了一些可爱的 emoji。扁平风格的插画其实非常简单,相信你在画好一些 emoji 表情后,对扁平插画会有所理解,也能更熟练地使用 Assembly。以后,你可以轻松地画出更多好玩的东西。此外,在 Dribbble 或 Pinterest 上多寻找一些扁平插画来进行临摹也非常好玩。
进阶技巧:这些小技巧让你迈上新台阶
建立 Group 防止图形被打散
要同时移动多个图形,你可以长按其中的一个,再选择你要一起选中的图形就可以将他们一起移动了。但是每次都选择几个图形会有些麻烦,所以对于你想要他们总是一起移动的图形,可以将他们打组。
你可能注意到了,当你选择多个图形的时候,左下角会出现一个锁链的标志,这个按钮可以让你的多个图形打组,就像是桌面端的「ctrl+G」 快捷键一样。
打组之后的图形就会在画布上一起被移动,不会再散开了。
当你在作品中插入「贴纸」时,为了防止贴纸被打散,也会自动被建立为 Group,这时你可以拖动整张贴纸,要进行细节调整将它解锁即可。
组合形状来得到不可能的图形
虽然说 Assembly 的单个图形支持非比例缩放,但由于只能从库中选择图形,所以单纯缩放有可能无法得到你需要的形状。比如说你在进行非比例缩放的时候,有可能导致圆角矩形的圆角变形。
要解决这些问题,你可以组合多个形状。
这里一个例子,我想要得到一个窄窄的圆角矩形,但是在对圆角矩形进行非等比例的缩放时,圆角被进行了很难看的变形。这种时候,就可以用一个长方形的左右加上两个圆形来组合成任意粗细的圆角矩形啦。
使用这个技巧可以让你在使用 Assembly 拼合图形时更加灵活,甚至得到一些很难通过缩放得到的图形。
用预先的形状来组合
有时候画一幅扁平插画并不麻烦,用预先的贴纸来组合就可以了。你平时没事瞎画或临摹的元素都可以成为你的素材。
今天画了一棵树,明天画了一座山,这些都可以派上用场。把它们预先存储成贴纸,然后就可以调用出来直接添加到中。很快你就可以方便地组合出一幅画。
合作与分享
当然,除了非专业娱乐性质的绘图,Assembly 中的图片甚至也可以导出为 svg 矢量图片被应用到设计师的作品中,在手机上创作一个图标并不是没有可能。
Assembly 还可通过 iCloud 来同步你的作品。你也可以通过电子邮件等方式把作品发送给你的朋友。
这是你专属的自定义 iMessage 贴纸
你可能一开始就已经注意到,Assembly 在主界面中把插画的类型分为了「我的作品」和「贴纸」两种。
「我的作品」适合用来创作完整、较大的插画作品。在「我的作品」中创作插画时,还可以从「贴纸」中选择你喜欢的随意插入到画面中。
「贴纸」更适合用来创作简单、单一的图形,例如一个小表情,一个小物件。Assembly 在应用中已经预置了多个表情贴纸,你也可以创建属于你自己的贴纸。此外,创建好的贴纸可以可以在 iMessage 中随意发送,之前你创作好的只属于你自己的 emoji 就可以派上用场了。你还可以利用 Assembly 的文本工具在贴纸下方输入文字,你的朋友一定会好奇你是怎么做到的。
只要你想得到,每天变着花样创作好玩的贴纸吧。
总结
在手机上创作插画并不那么容易,受限于屏幕的大小,各种绘画的操作都变得很困难。
不过 Assembly 通过拼接的形式来大大降低了创作的入门门槛,也让手机上的操作变得更加容易方便了。即便是你完全没有接触过,通过临摹几幅扁平风格的插画也能够很快上手。此外,创作的贴纸可以在 iMessage 中自由发送大大加强了可玩性。而导出为 svg 矢量格式,让它又有成为生产力工具的可能。
你可以在 App Store 中免费下载 Assembly,偶尔画幅小画让自己开心一下吧。