本节简介: 补充学习sketch的钢笔工具、星形工具、形状变形、旋转、复制、标尺的添加和删除、显示网格、显示像素、对象再制、利用描边属性制作进度条效果等。以及重点介绍sketch的mirror功能。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如何快速设计圆形进度条:首先绘制一个圆,去掉调充,将描边Thickness设置为20,Posltion描边位置居中对齐,大小Size设置为200x200;第二步复制一个图层,描边颜色用其他色,便于区分;选中Borders的齿轮,选中端点位置和形状都为圆形,下面Gap间隔设置为200乘以3.14(描边每628为一个间隔点)回车,描边变成一个点(Dash值默认是1是这个点最小的一个状态,因为不可能是0,按下shift加+可以调节这个点的弧度的长度);点击Color可以设置渐变颜色。
Sketch→Preferences(偏好设置)→General(1.Auto Save:自动保存功能;2.Pixel Fitting:①,②Pixel-fit when aliging layers是1像素的自动对齐;3.Artboard Export:left to right导出顺序从左往右;4.Sketch Mirror:勾选它,在手机上默认显示当前激活的画板;)。
Sketch→Preferences(偏好设置)→General(1.Auto Save:自动保存功能;2.Pixel Fitting:①,②Pixel-fit when aliging layers是1像素的自动对齐;3.Artboard Export:left to right导出顺序从左往右)。
如何快速设计圆形进度条:首先绘制一个圆,去掉调充,将描边Thickness设置为20,Posltion描边位置居中对齐,大小Size设置为200x200;第二步复制一个图层,描边颜色用其他色,便于区分;选中Borders的齿轮,选中端点位置和形状都为圆形,下面Gap间隔设置为200乘以3.14(描边每628为一个间隔点)回车,描边变成一个点(Dash值默认是1是这个点最小的一个状态,因为不可能是0,按下shift加+可以调节这个点的弧度的长度);点击Color可以设置渐变颜色。
Mieeor是非常重要的,可以和移动设备进行衔接,需要IOS设备,需要在ios系统中下载→搜索关键字Sketch Mirror,在钻石图标中下载完成之后,将手机和它放置在同一个无线网下。点击Mirror可以看到链接到自己的手机,如果看不到手机,直接单击链接地址,即可链接。用数据先方式链接也可以。打开app之后可以看到手机上显示的便是当前设置的画板。
Make Grid 图层的批量复制工具,绘制图形,选中图形再选中Make Grid →Grid Tool →Rows(多少行),Margin(每行间隔多少像素)→Columns(多少列),Margin(每行间隔多少像素)。
设置完图标后。,使用Round To Pixel 对齐图标。
编辑网格宽度,在View→Canvas→Grid Settings网格设置→Grid block size(网格大小)→Thick lines every(每多少个网格一个粗线)→Colors(Dark粗线颜色),(Light细线颜色)→设置错误的话,可以单击Make Default默认。默认会在下一次操作时生效。
人工编组不可以改变文字大小,圆角半径缩放缩小会显得比较圆。Scale缩放工具,可以改变文本大小,可以等比例缩放圆角半径,而圆角半径看起来不会改变。
Outlines将文字变成路径,默认文字笔画变成单独的形状可单独编辑,对字体设计该功能非常有用。
Rotate Copies 批量复制工具,选择锚点,拖动可以改变大小形状等,按ESC完成编辑,退出后不能重复编辑。
星型工具,Points是选择星型数量,Radius半径
栅格(grid)/布局(layout)在view菜单下子菜单canvas里。
需要在app store里下载sketch mirror,将手机电脑放在同一个wifi下
sketch偏好设置:在sketch菜单下的preferences,弹出窗口,左边第一个general中,有一项auto save:运用到自动保存功能,还有一个pixel fitting,是像素自动对齐。