今天来学一个新的矢量作图软件sketch
image.png
timg.gif
············································载入正题·············································
sketch小而美 为移动界面设计而生
许多快捷键都跟AI和PS一样
sketch概述 优势与不足
图片.png
如何调整画板大小？
image.png
- 背景默认是透明的，勾选上之后，改颜色才能导出的时候才能有颜色的背景
-
或者自己在最下面画一个背景
image.png
在最左侧的图层面板上面，双击可以改名字
image.png
按一下键盘快捷键 A，在最左侧 检查器 当中会出现iOS中所有的尺寸，如果不选择尺寸而是单击最上面的“iOS decices”那么所有类型的画板都会建立出来
注意：
- 以上建立出来的画板都是一半，都是一倍图。
- 一倍图可以在整个屏幕当中看完，而且导出的时候可以选择导出2倍图。
- sketch是个矢量工具软件，放大几倍都不会出现失真的问题。
- 网格线：control+G 再按一次网格线消失
- command+alt+1 图层面板消失和出现
- command+alt+2 检查器消失和出现
- 直线的快捷键 “L”，钢笔的快捷键“V”，圆形“O”，其他都差不多
-
没有快捷键的，单击右上角的“+”号。
image.png
比如：那个星星的图案，想增加或者减少星型的角数，在左边 检查器当中输入要的个数，如图：
image.png
在工具栏上面右键单击，可以隐藏和出现工具栏
单击蓝色框内customize Toolbar （自定义工具栏），会出来工具抽屉，需要用的可以直接拖拽到工具栏，不用的可以从工具栏当中拽下来。
添加图片的方法：
1.可以直接拖拽
image.png
image.png
image.png
image.png
image.png
image.png
- 里面的颜色，可以添加，不想要的可以拖拽扔到外面
- 最上面可以选择渐变的方式：线性，径向或者角度等
- 添加渐变颜色，只能在渐变轴上面单击可以添加，删除的时候按住delete才可以删除。
image.png
image.png
选择填充Fill，单击可以选择照片填充，缺点：不能够调整里面图片的位置
吸管工具，移动过某个部分，会放大，所以选取颜色很精准
image.png
快捷键：Ctrl+C
编辑直线：选中所画的直线
image.png
image.png
image.png
image.png
灰色的连接是复制粘贴的一个同样大小不同颜色的描边放到了底层
位置：
command+alt+上箭头-前移一层
command+alt+下箭头-后移一层
command+alt+ctrl+上箭头-顶层
command+alt+ctrl+下箭头-底层
image.png
image.png
background blur 要配合形状使用，如下：矩形改过的地方会变成毛玻璃效果
image.png
如何编辑锚点？
- 鼠标双击
- 选中之后按enter键
-
可以添加和移动锚点
image.png
image.png
注意：按住command键，可以找到两个锚点之间的中心点
裁剪工具
双击位图，出现裁剪工具：
image.png
练习：
画出苏宁易购的图标。
- 有了以上的知识可以画出苏宁易购的图标了，全选中打组，单击是选中整体，双击进入单个形状可以进行编辑（不用解组就可以编辑了）
- 在这个图上右键单击，可以锁定图片（Lock Layer）
-
再次在这个图上右键单击可以找到解锁（Unlock Layer）
image.png
image.png
image.png
image.png
image.png
一些规律旋转图形怎么画？
一个例子：
- 先画一个圆形
- 将最下面的锚点变成角点
-
往下拉长变成水滴状
image.png
-
用旋转复制工具
image.png
-
image.png
-
如果想要每个花瓣都有不同的颜色，必须要拆分，点击如下：
image.png
image.png
注意使用布尔运算的情况：必须先合并形状，才能使用旋转复制工具。
image.png
image.png
还可以做出这样的：
image.png
混合模式为：
image.png
写作业.gif
大家光看太单调了，点个赞，有不对的地方留言会改正。
网友评论