怎么导出插件_不会插画没关系,插件帮你快速搞定

关注 ▲彩云译设计▲和5万设计精英,一起共同进步

3c8860b38f78b7a7c1fd84b0b123bdad.png

这是彩云的第143篇分享

Hi,我是彩云。非科班出身的设计师经常有一个苦恼,每当想在界面上加一些插画丰富细节时,却因为不会手绘而不得不放弃。

最近彩云发现一个非常好用插画神器,地址是:

https://blush.design/zh-CN/sketch

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

9b2ac8b087351de18be97bdbb82e65f3.png

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

1.如何使用

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

1)下载插件并安装

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

f1ba01421e1042b5f3f6c7f89fca40e3.png

2)生成插画

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

2876a765c8b5859124f2930182492aaf.gif

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

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

3)导出插画

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

89cf04daa4cccd5177adb101ae062698.png

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

1)城市元素

057e1ee21b5bdde3c9b732ab9e8a0515.gif

2)装饰背景

60586196550a16d34bcfce511a313923.gif

3)人物场景

3badb1f2b78181736e5309b40f45a356.gif

还有更多插画资源等大家自己去探索了,我就不更多举例了。

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

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

1) 引导页

3cfd308a6d6805bbc836f2507e437d9d.png

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

2)网页头图

afee682b409adf7c3cdbe55fbe00f392.png

使用了插件中的Allura主题

3)作品集包装

18b9b61c1dbe12f4b9bff77f09398bb7.png

使用了插件中的Allura主题

4)登录页

783db9e4ec359dd524445235c537321e.png

使用了插件中的Cityscapes主题

4.结语

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

因为这里面的插画组件都是来自全球优秀插画设计师提供的,所以效果都非常好,但彩云也要提醒大家有几点需要注意:

1)插画的风格选择要跟自己的产品相匹配

2)如果是多个插画组合在一起,比如选了不同的背景和主体,要注意风格统一。怕出错的话,直接在一个主题下随机生成就好了

3)插件虽然好用,但自己拥有手绘能力才是最重要的

如觉得有帮助,请点个  在看 谢谢!

今日份推荐阅读

如何高效自学3D,鹅厂设计师分享他的经验

转行,能改变工资低的局面吗?

如何从优秀作品中偷师,用一个游戏案例教你思路

一套作品集要的高质量样机模板,彩云给你们安排上了

如何做好作品集,大厂设计师经验分享


我还在视频号中有不定期的直播分享,分享那些非常好用的职场干货,推荐关注!

bfd051a17a4c0c7aa0f90860f374768a.png与54764位读者一起成长同时也欢迎加入我的知识星球,跟我一起打卡学习

50dc85e5493e67b62a9afa5957f89974.png


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部