80%的人不知道的Sketch小技巧

80%的人不知道的Sketch小技巧,第1张

绘制矢量图形时,你可以按住 shift 键再画之后的点,Sketch会自动帮你对齐到前一点的45度角方向,这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键,你便会得到两点间的锚点。

如果你按住 command 键,单击两点间的线条,Sketch则会帮你在线条的正中间添加锚点。

绘制

如果你想改变图形的起始点,你需要按住空格键,这样你将会修改起始点,而不是图形的大小

大小

我们有一个很特别的输入框,鼠标悬停上去时你会看见上下两个小剪头出现在文本区域右边,你可以单击他们来增减图形的大小。如果你按住 shift 则会以 10 为单位变化。如果你按住 option 键,则会以01 为单位变化。

一旦你开始直接编辑输入框,上下剪头就会消失,但这个功能依然可用,你可以用键盘上的上下方向键配合 shift 或 option 键来完成。

渐变

你可以按下1-9的数字键来在渐变线的 10%-90% 的位置添加新的节点,所以如果按下 5,就能将节点添加在正中间。

如果你想在两个节点的正中间添加,则按下 = 键即可。

还可以使用 tab 键快速的在不同节点中切换,用方向键(也可以同时按住 shift 键)移动节点。

背景模糊

背景模糊是在苹果发布 iOS 7之后添加的功能,需要确认有一个半透明的图层在表面应用了背景模糊,这样下层的内容才会出现模糊效果。

需要注意的是,模糊是一种非常消耗资源的渲染效果,图层越大,模糊就需要占用更多的内存空间和处理器能力。尽量少使用模糊,如果你一定要在背景模糊和普通模糊中选择,那么选择普通模糊吧。

分离路径

所有的复制图形都会被视为原图形的子路径,如果你想让他们成为完全独立的图层,你只需从菜单栏进入 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。

转曲

不要将很长一段文字都转化为矢量图形,这会大大减缓文件的运行速度。

将一小段文字转化为大量包含布尔运算的子路径是非常非常消耗系统内存的,如果你不得不转换一段文字,那么你可以先将一段文字尽可能分成多个短文本,然后再一个个的转化为矢量。

不过既然你现在可以直接在文本上运用渐变等效果,大多数时候你都不会需要将文本转化为轮廓。

路径文字

当你进入顶端的编辑菜单 > 文本路径 (Edit > Text on Path),Sketch会帮你把文本图层贴合的放在它下一层的矢量图形上面。值得注意的是,两者的顺序必须是矢量图形在文本图层的下面,才能得到这样的效果。

抗锯齿

顺利实现子像素抗锯齿效果,文本必需出现在一个不透明的(有色的)背景上,因为系统需要知道最终的颜色对比结果是什么样的。这一点与图层混合模式是相冲突的。要实现图层混合模式,Sketch 需要在一个透明背景上渲染所有的图层,这样这些图层才能像你所期望的那样混合在一起,最终结果再渲染回 Sketch 的白色画布上。

如果没有一个不透明背景我们就不能渲染抗锯齿的文字,但是有了不透明的背景我们又不能渲染图层的混合模式了。这就意味着,一旦你的画布中出现了一个有混合模式的图层,Sketch 就不得不运用透明背景的算法,而无法给文字实现子像素抗锯齿效果了。

色彩校正

如果你想微调一张现有的颜色,那可以使用检查器中的色彩校正面板来实现,在这,你可以改变的饱和度,亮度和对比色。

需要注意的是,这一个不破坏原图的 *** 作,所以你稍后还可以再次更改这些参数。

九宫格

正常情况下,你缩放一个位图时,他们会对称的向各个方向变化。但有时这并不是你想要的,比如说你在做一个网页设计,你也许会想要一个 safari 里的白色背景,随着网页内容变多而变长。

我们特意增加了针对的九宫格缩放来解决这个问题。进入图层 > 转化为九宫格 (Layer > Convert to Nine-slice Image),你会发现被划分为了9个区域。你可以单击拖拽四个中心点的任一个来调整9个区域。

普通蒙板

Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个上圆形蒙版,那么这张就只会显示出圆形内部的内容。

所有的图形都可以变成蒙版,你只需要先选中图形,然后进入图层 > 使用图形蒙版(Layer > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。

限制蒙版

如果你不想接下来所有的图层都被蒙版剪切,那么你可以将蒙版和想要被剪切的图层单独编组,一次来限制蒙版的使用情景。一旦蒙版被编组,其他一切在组外的图层就都不会被蒙版剪切了。

在无法编组的情况下,你还可以通过以下方式限制蒙版:

・选中一个你想从剪切蒙版中释放出来的图层

・进入图层 > 忽略底层蒙版 (Layer > Ignore Underlying Mask)

这一层图层和它以上的所有图层就都不会被蒙版剪切了。当你调整图层顺序的时候则需要格外注意,个别图层可能会意外的被蒙版剪切。

ALPHA 蒙版

默认情况下,一个蒙版会显示出所在区域的,隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域,来具体选择的各部分是否可见

使用这个方法你可以先选中蒙版,选择 图层 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。

复制

command + D,Sketch则会重复你刚才的 *** 作,复制出一个一样的图层。

编组选择

想从深深的编组层级中直接选中某一具体图层,你可以按住 command 键,来直接选择埋在组里的图层,无需不停的双击以进入更深的层级,这将省去你不少的时间。同时按住 shift 键,则能选择多个图层。

叠加选择

右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表。

按住 option 键,Sketch 会选中第二层图层,而不是最上层的。如果某个区域有多个图层重叠,而你想选择第三层,那么还是需要用到上面说的右击鼠标的方法来选择了。

鼠标框选

如果你同时按住 option 键,则只会选中完全被包括在所画选取内的图层

改变大小

可以直接使用键盘调整图层大小。按住 command 键和方向键来 *** 作。⌘→会将图层宽度增加 1px,⌘←则会将宽度减少 1px。同样的,⌘↓ 和 ⌘↑则分别将长度增加和减少 1px。如果你同时按住 shift 键,每一次更改的数值将会变成 10 px。

改变一个图层的大小时,它的式样元素并不会随之变大变小:一个 10x10的图形上 1px的描边在这个图形被拉伸至 50x50的时候,将仍保持 1px的描边。想要更改图层大小的同时一起更改式样,那就使用编辑菜单当中的缩放工具吧。

图层扁平化

当你使用扁平化功能( Flattening),Sketch 会试着将一个图形里的多个子路径呈现为一个路径——也就是将层级结构变得更扁平。但是有些图形是无法扁平为一个路径的,比如说一个环状图形,将只能被呈现为两个路径:一个是外圈路径,一个是内圈路径

当 Sketch 不能完成扁平化的命令时,会出现一个小警告,如果你继续坚持,那有的子路径可能被替换,也许比之前少,也许和之前一样多。

也许在你之前使用的绘图应用中,你每次添加布尔运算后到要让图层扁平一次,但在 Sketch 当中大可不必这么做,你可以尽情添加无数曾布尔运算,而无需使用扁平命令。

你可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出成JPG或者PNG文件后的样子。值得注意的是,有些效果——比如模糊——会自动将画布的一部分以像素模式显示,因为模糊本身就是一个基于像素的效果。值得注意的是,当模糊半径被设置为0的时候,文本图层的内阴影才是最好看的。扩散并不适用于文本图层。

可以按住 command 键并滚动鼠标滚轮来放大查看。

还能用 Z 键来快速放大某一特定区域,单击画布任一点拖拽出矩形区域即可。

如果你在文件名中加入了一个斜杠 (一个"/"),那么Sketch就会自动新建一个文件夹,并把这个文件放入其中。举个例子,如果你将切片命名为 foo/barpng ,那么Sketch会先帮你创建一个叫做 foo 的文件夹,然后在里面创建一个叫 barpng 的。

想画好的话,不是一朝一夕能画成的。
要知道人的身体结构,
画出来的人物要想具有立体感需掌握阴影。否则就是扁的。
模仿,初级阶段。
然后自创,根据真人真物的比例。
以上是如何成为优秀的漫画家的条件。。
(1)先画出轮廓,大小及定位
(2)画出后不要着急填部位,翻过纸后面看是否对其
(3)添加部位,这部关键,要比例合适,
(4)上色,打阴影。

sketchbook对称轴调角度的方法:

1、打开控制面板,点击“鼠标”。

2、点击上方最后一个标签,然后点击下面的“选项”。

3、d出窗口,进行“单指”、“双指”等相关的设置,设置完毕点击“确定”。

SketchBookPro是一个轻量级的绘图(光栅)软件包。针对平板电脑或输入板上的笔绘流程进行了优化。

AutodeskSketchBookPro专业版是一款新一代的自然画图软件,软件界面新颖动人,功能强大,仿手绘效果逼真。笔刷工具分为铅笔,毛笔,马克笔,制图笔,水彩笔,油画笔,喷q等。

1、颜色的选择方式
(1)吸管吸取屏幕内任意颜色
(2)滑动色带上的滑块
(3)通过调整RGB数值,A表示透明度
(4)在颜色选框内直接选取

2、全局颜色:也可以在其他文件中使用的颜色。当前正在使用的颜色可以添加到全局颜色,直接点击小加号即可。如果想要删除,直接将颜色拖拽出全局颜色色板,放手即可。
3、文档颜色:只存在当前文件中,其他文件不适用。

4、线性渐变:调节两个端点可以改变渐变角度。在两个端点之间的线段上单击,即可加入渐变色。如果想删除加入的渐变色,可以之间选中添加点delete,也可以选中滑块delete。
5、径向渐变、角度渐变和线性渐变方法相同。
6、填充图案:适应、拉伸、平铺。
7、填充菜单右边加号,可以在现有填充基础上再次填充。如果想删除某个填充,直接拖动释放即可。或者去掉勾选,点击垃圾桶按钮。

1、位置:居中、外部、内部。
2、端点工具:圆角、直角。
3、转折点工具:直角、圆角、棱角。
4、起始箭头、末端箭头样式。
5、设置虚线、间隙。

参照坐标系
1、X:横向阴影,X负数为左阴影,X正数为右阴影。
2、Y:纵向阴影,Y负数为下阴影,Y正数为上阴影。
3、模糊:羽化值。
4、扩展:阴影面积大小。

与阴影属性基本用法一致,过去多用于输入框的设计。

1、高斯模糊
2、动感模糊
3、放大模糊
4、背景模糊:搭配调整不透明度,毛玻璃效果。

昨天我们介绍了一些Sketch的常用快捷键,同样和 figma 一样,sketch也有一些非常不多的技巧,下面就给大家介绍一下几个用了用了就会爱上的 Sketch *** 作技巧。

一、管理页面的表情符号画板和图层。

随着项目越来越大, sketch 中的页面和图层会越来越多,我们可以使用表情符号来对页面画板和图层sketch中调整表情符号面板的快捷键是control+command+space,我们可以使用表情符号来对页面画板和图层sketch中调整表情符号面板的快捷键是control+command+space,打开后可以看到所有的系统表情。将相应的表情符号插入页面和画板。在图层名称中,通过符号可以很容易地识别组件。如下图所示:

二、提高Sketch运行性能的方法。

1不必要的Sketch插件卸载或停用。

强烈建议只保留高频使用的插件,越多的插件开启安装,Sketch运行越慢,资源占用越多,导致软件越卡顿,不顺畅。

2避免使用大画板。

避免使用太大的画板,除非设计网页适合。特别是把画板的页面放在大画板上,Sketch缩放的时候会很卡顿。

3向多个页面分散画板。

不要把整个项目的画板集中在一个页面上,你可以建立一个新的多个页面,把单个页面中的画板分成一个模块,分成多个页面,一个模块一个页面。每个页面的画板数量越少,Sketch在显示过程中需要计算的内容就越少,而且更流畅。

4删除多余的图层样式和效果。

在设计中,我们必须注意控制特殊效果的大小和数量,如图层样式、阴影、模糊和配色。当有多余的图层样式时,我们应该删除无用的样式和效果。这与任何设计工具是一样的。数量和图层样式和效果的大小将增加软件实时渲染的工作量。

注:将多余的图层样式和效果删除在图中框起来。

三、自定义画板尺寸如何创建。

Sketch带来了很多大小的画板,但是我们通常使用@2x图纸作为设计草稿,所以每次都不方便更改尺寸。此时,我们可以定制最常用的画板尺寸。

按下快捷键A,调整最右边的画板板,然后选择下拉菜单的自定义,点击底部的创建自定义尺寸,设置画板名称和宽度和高度尺寸,就可以了。

安装并打开Sketch软件后,首先看到的是欢迎界面,在欢迎界面,我们可以选择新打开文档,或者打开历史已有的文档。

Sketch的主界面非常的简洁明了,主要分为菜单栏、工具栏、页面/组件、图层区、画布/画板、检查器等几个部分。

一共有12个一级菜单,比较常用的是“Sketch”、“文件”、“插件”这几个。

其中,在“Sketch”中,可以配置组件库和素材;在文件菜单中,可以选择从模板新建一个Sketch文档,或者导出的内容;在“插件”菜单中,可以支持我们按照并使用第三方插件。

菜单栏下方就是工具栏,这里放置一些常用的工具可供我们使用,例如用矩形工具画一个矩形。

右键点击工具栏,选择“自定义工具栏”,即可根据自己的需求定制工具栏。分成3步走:

中间的空白区域,我们称之为“画布”,是可以无限延伸的,我们可以在上面添加形状、线条、图像、文字等内容。

通过添加“画板”,即点击“画板”工具,可以在画布上添加一个画板。另外,Sketch还提供各种尺寸的画板预设,帮助你定义好界面设计尺寸。可以限定设计区域。

在画布的左侧和顶部边缘,有标尺显示,方便我们把握设计尺寸;也可以添加参考线来设计,在标尺上点击,可以添加参考线,把参考线拖动到标尺左上角的位置,松开即可删除参考线。

页面/组件位于工具栏下方,整个Sketch页面左上的位置,在Sketch中,可以用“页面”来组织、区分不同的设计内容,在“页面”上,点击“+”可以新增一个页面,双击页面名称,可以“重命名”页面。

另外,在“组件”面板可以维护组件,后续在组件篇章专门讲。

图层我们可以理解为界面的元素,包括形状、线条、图像、文字等元素,都可以是图层。点击图层右侧的“眼睛”图标,可以显示、隐藏图层;在图层栏底部,可以对图层进行筛选。

选中多个图层(可以在画布或者图层里圈选),右键点击呼出菜单,可以把它们归在一组。

在Sketch界面的右侧,就是检查器,主要是用来调整图层的大小、样式、阴影、模糊等属性,比如说调整矩形的颜色。

该系列课程已经全部上架网易云课堂,完全免费学习,基于最新版Sketch611制作,迭代更新速度快。 课程地址,点击篮字直达,可以提前学习全部课程。

对交互设计有兴趣的,可以购买收费课程《零基础入行交互设计》学习。 课程地址,点击篮字直达,现在购买,和夜雨1对1交流设计经验。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12955027.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存