sketch 基础
sketch的一些快捷键:
Fills:填充;(F:去掉填充;)
Border:描边;(B:去掉描边;)
command+G:编组;
想要选中组中的单个元素:选中组同时按住command;
想要旋转元素:按住command键就可以旋转;
想要在任意位置拖动某个元素:选中元素,⌘+alt键就可以随意拖动了。
将线条转化为填充:图层-轮廓化(convert to Outlines);
旋转副本(Rotate Copies):可以做一些特殊的形状;(如下图)
transform(变换):可以变换形状,做出梯形等;
调整字体大小最好的方法:是直接在字上边来改变字体大小:⌘+alt+“+”和⌘+alt+“-”;
1:使得所做的图层和字体像素对齐,不会出现小数点的情况:首选项——layers——勾选pixels fitting;
所做的设计都是整数的2:钢笔工具(V):在使用的时候,只有路径封闭画完之后,才可以调整锚点;
钢笔工具任何情况下,选中一个形状,双击或enter都可以进入点编辑模式;
(1):在当前点结束编辑:Finish Editing(结束编辑)
(2):闭合当前路径:Close Path(闭合路径)
双击或Enter:进入编辑点模式(可以按1 2 3 4切换4种模式 )
(1)Straight:对角或对立;(选中可以给这个点改变圆角;!!!)
(2)Mirrored:镜像,对称镜像,左右变化一样;(即可以对称变形!!!)
(3)Disconnected:不再连接,左右可单独编辑变化;(即可以单独编辑某一边)
(4)Asymmetric:角度对称,但是变化长短不对称;(不常用;)
3:在进行等比例放大缩小时,可以进行加减乘除运算,直接得出结果;(所有的数字框都是可以直接加减乘除运算的)
位置和尺寸都是从右边和下边开始变化的;
哪边不动,就把哪边的运算如下:
比如:若想从上往下边减少(下边不动):如:535-35b;
从左往右变化(右边不动):如:2345-345r;
4:图片处理中,会用到图层样式,比如正片叠底:(在图片上方,画出黑白渐变填充的矩形,加上正片叠底(Multiply)效果即可;)
混合模式:Blending;简单来说,图层混合就是上层图层,对于下层图层运算后的结果;
最常用的混合模式:
(1)multiply:正片叠底,即保留黑色去掉白色部分;
(2)screen:滤色,即保留白色去掉黑色部分;
(3)Overlay:叠加;
图层样式 图片处理用到的图层样式5:sketch中的弹性布局:比如电池条,在屏幕尺寸变化时,为了确保电池条缩放没有变化,不会变形;可以将左右的分别固定起来,如:右边的锁定宽高,锁定距右边的距离;左边的锁定宽高,锁定距左边的距离;
弹性布局案例6:复用样式:Appearance;
复用样式7:投影的做法:
投影:shadow;可以调整x,y值;blur:模糊指数;Spread:扩展,可以调整成正值或者负值;
投影8:背景模糊:做出高斯模糊的效果;
想要做出模糊的效果:在图片上画矩形,不透明度调为0,选择background blur;可以调整模糊的数值大小;
高斯模糊还可以给模糊条颜色,不透明度;如下图:
9:sketch中的图形混合模式运算:
(1)Union:联合
(2)Subtract:减去
(3)Intersect:交集
(4)Difference:差值;
图层运算10:Flatten扁平,只能将联合运算的形状进行扁平,而不能将减去运算的形状扁平;
11:图层蒙版:mask;