“不务正业”的sketch——插画绘制（附插件）-Mac教程-Mac完美下载

首页 > Mac下载 > 软件教程 > “不务正业”的sketch——插画绘制（附插件）

编辑：小纽扣发布日期：2020-10-28 00:00:00

作为UI设计师，sketch应该算是我们使用率非常的软件了，平时我们除了用它完成主要的页面设计，也逐渐拓展出了一些别的使用场景。

就我本人而言，已经用sketch取代了AI来完成一些图标和插画的绘制。因为它的钢笔工具真的很方便快捷，绘制体验也是一级棒！基本没有出现不顺手的地方。

下图就是我用sketch完成的一组插画，效果是不是也不错呢。

那么下面就分享一下我在用sketch绘制插画的过程中运用的三个小技巧吧。

分别是：

· 一键转手绘效果

· 渐变优化

· 图层样式

一键转手绘

sketch中我们使用更多的是钢笔和形状工具，出来的线条呢也是规则的，可如果是想做一个手绘效果的线稿呢，该怎么完成呢？

必须给大家隆重介绍一个插件——Rough，使用它的可以情况轻松实现一键转手绘的效果哦~

使用Rough转化是不是还不错，插件的下载链接我会放在文末，需要的小伙伴可以自取。和手绘稿比一比呢，虽然有一定的局限性，但确实是短时间内快速完成的好方法！

渐变优化

关于渐变，我个人是比较偏爱的，色板中也存了有很多渐变色（为此也得到了同桌赠与的“渐变狂魔”的昵称）。

但是渐变色的使用，有时会出现一个问题，如下图有一个明显的边线，过渡不柔和。

解决这种情况，我们就可以借助这个插件啦 ——Easing Gradient，经过它的优化，这个不自然的边线就没有啦，彩色渐变时效果也比较明显。

不仅可以优化渐变的边线，还可以利用不同的渐变模式的配搭，玩出多种花色。如下图就是分别玄色角度、线性和半径渐变，调整渐变步数得出的效果。

作为背景来用，似乎不错的样子。

图层样式

图层样式绝对是我的爱，在一个形状中，我们可以叠加多个颜色填充、描边、阴影等来完成一个比较复杂的效果。通过复制粘贴快速（快捷键：option+command+c，option+command+v），就能在其他形状中使用，快捷迅速。而且只需要使用一个图层，非常精简，不论是对于移动操作还是图层管理都很友好。比如下图中窗户的效果，我就使用了多种图层样式。

后记—“不务正业”的由来

玖植（就是下面这些植物，我是玖，所以它们是玖植）源于我工作中一个项目的拓展，这些可爱的植物和动物，在项目中只是背景世界里星星点点的氛围营造。后来我把它们整理和丰富成独立的存在，希望可以保持(*╹▽╹*)可爱的眼睛，看到更多有趣的世界。

这个过程中，发现了sketch的一些技巧，于是有了这篇小分享。这个主题如果大家感兴趣的话，应该还会有后续，因为我好像还在用sketch做些奇奇怪怪的事情——比如生成GIF图片，做数据表格，做简单的动画和分享的PPT……对比这些用sketch画插画，也显得很正常了

大家都用sketch做过什么“不务正业”的事情呢，欢迎小伙伴们留言分享哦~不被传统定义所限，一起来发现更多可能吧！

划重点

这次的重点就是链接！

手绘&渐变插件链接：

Rough 插件链接：https://pan.baidu.com/s/1lWj_3M33ay0okUVqjGpyxQ 提取码: ibfw

Easing Gradient 插件链接：https://pan.baidu.com/s/1Iu86kZRU8A4uGQ_9IDCMjw 提取码: 6piz

个人主页查看完整插画：UI中国、站酷

Sketch Mac版

Sketch Mac版 SketchMac版是Mac上一个创新和新的眼光看待矢量绘图软件。SketchMac版以简约的设计是基于无限的规模和层次的绘图空间，免费调色板，面板，菜单，窗口和控件。虽然使用简单，它提供了功能强大的矢量绘图和文字工具;您可以免费下载。简体 · 53.00 MBM · 2020-10-09

热点资讯 更多: 英特尔正与台积电接洽，虑将部分芯片生产外包给台积电外媒报道称，英特尔正在与全球最大的芯片制造商台积电（TSMC）接洽，准备将自己的芯片制造业务外包出去。; 苹果iPhone 12国行上季度热卖：拿下20%份额销量达1800万根据外媒报道，上季度中国大陆地区iPhone 12销量达到1800万，苹果拿下20%智能手机市场份额。; 高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟据外媒报道，高通公司1月13日以14亿美元收购芯片初创公司Nuvia。; 大公司晨读：B站计划3月港股上市；苹果斥资1亿美元力促种族平等 B站确定已在港提交上市申请；英特尔CEO 斯旺将于2月15日辞职。

相关教程 更多: Sketch一键导入AE工具–AEUX 发现了一款非常好用的插件，它的前身是Sketch2AE，花了一点时间研究了它的使用方法，好东西当然要大家一起分享！目前没找到汉化版，不过功能也不是特别复杂，分享出来是希望能提高大家平时在设计中的效率，如果有说的不对的地方还请帮我指正一下，谢谢~~ 先简单看一下基本功能一、基本功能（一）一键复制所有图层到AE 1.装好插件后，打开sketch，选择插件>AEUX，打开插件面板，再启; 超全面的sketch基础知识汇总，带你入门刚接触sketch这款软件的时候，针对最基础的知识点做了非常全面的笔记，方便日后查看，今天拿出来分享给大家，希望能够给刚接触这款软件的设计师朋友些许的帮助！这是我在刚接触sketch的时候做的超全面的笔记，今天分享大家。（公众号“UI充能站”出品，搜索i-lifeway进站）目录 · Sketch中画布的概念 · sketch中的快捷键 · view基础操作 · 形状之间的布尔运算 · 设置页面元素放大缩小; 【神器推荐】教你Sketch一键转成PSD! 现在大部分的UI设计师们都是在用sketch设计页面，它的轻量、插件、组件是能够极大提升我们的设计效率。但是，有一个致命问题就是，sketch和adobe爸爸家的软件不兼容，因此，不同软件的文件如何转换就是问题了…… 神器网址这里推荐一个神奇的网站：https://www.photopea.com/ 这个网站可以帮助我们把sketch转PSD。之前用过的朋友会发现：当我们直接使用它转换时，中文字体会直接变成口口口（; sketch秘技：如何利用symbol一秒更换配色首先看个见者伤心闻者落泪的例子：假设这个是你们公司的产品，从0到1，历经千辛万苦！你终于把所有页面都做完了！你很高兴：终于做完了~算一算调休假年假，休息一波走起！就在这时……，产品/老板跟你说：我们产品不用这个红色了，太俗气！换成蓝色！你数了数自己的83张界面……，你痛苦的摸摸自己那不再浓密的头发……，你开始一张张的改啊改啊改啊改啊...... 而隔壁公司的小明说：老板，给我1秒种，你看是不是

相关软件

Birdfont Mac版
英文. 29.00 MBM · 2020-09-29 BirdfontMac版是Macos平台上的一款可以制作自己专有字体的软件，这款软件可以制作出自己独有风格的字体，这是一款免费的软件，你可以在这款软件上发挥出自 ...
Plant Mac版
英文. 22.00 MBM · 2020-08-07 PlantMac版是Mac电脑上的一款适用于Sketch的简单而强大的版本控制插件。PlantMac版可以帮助用户更简单、更智能地管理Sketch文件，它支持保 ...
Crash Course Mac版
英文. 3.00 MBM · 2020-09-22 CrashCourseMac版是Mac电脑上的一款AdobePhotoshop视频教学软件。CrashCourseMac版内含超过440个AdobePhotos ...
Screenshot Designer Mac版
英文. 17.00 MBM · 2020-08-07 ScreenshotDesignerMac版是Mac电脑上的一款设计软件。ScreenshotDesignerMac版可以为应用开发者们创建引人入胜的AppSt ...