快速帮你搞定插画的插件

2022-6-12    纯纯

发现一个非常好用插画神器

地址是https://blush.design/zh-CN/sketch 

能自动生成各种你需要的插画形式,重点是这些插画都是可以免费商用的,肯定能帮到你。

undefined


它有Figma和sketch2个不同的版本,下面彩云就以sketch为例来说说这个插件怎么用。(没有Mac电脑不能使用sketch的同学,也可以用figma来生成插画哦,所以在win下也是可以用的,使用方法跟sketch类似) 



1.如何使用


使用非常简单,只需要简单几步就能搞定: 



1)下载插件并安装


装好后,从插件菜单点开Blush插件,会出现一个插画库界面。


undefined



2)生成插画


1.创建一个矩形,先给定一个大小,目的是为了给生成的插画一个位置和范围(也可以后面再调整,不是太重要) 



2.选一个你喜欢的插画风格,点下封面右上角的随机图标 


3.生成之后,你还可以针对它的组件各个部位再次随机,当然你也可以根据自己的喜好直接选择对应的部件 



3)导出插画

免费版把插画的尺寸改到中型尺寸再生成。效果调整好之后,按正常的sketch选择导出png图片就行。想导出svg矢量格式的需要付费,但我觉得2x的Png图,已经足够用了。



2.插件包含了哪些类型的插画资源呢?


1)城市元素 


undefined


2)装饰背景 



3)人物场景 




3.这种插画在实际项目中运用如何?


彩云随便做了几个,大家可以感受下,效果应该还可以 。



1) 引导页 


使用了插件中的Tech Life主题插画 


2)网页头图 


使用了插件中的Tech Life主题插画 


3)作品集包装



4)登录页


使用了插件中的Cityscapes主题 



4.结语


这个插件的原理是把插画进行组件化,利用sketch和figma的组件功能进行拆分再重组,构成大量的随机插画。可以看到,组件化已经成为一种思维方式,最初是用在UI中,现在已经扩展到了插画领域,未来还有哪些可以组件化?我们可以一起思考。

作者:彩云Sky         来源:站酷
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档