Sketch 学习小记

学习自视频：

• UI设计教程2019版 400集完全入门 达到UI设计师水平_哔哩哔哩 （第 P311 - P317 集 讲 Sketch）
• Sketch软件视频教程

Tips

1. 使用 星形工具 绘制 等边三角形，把 points 调整为 3
2. 使用 阴影和内阴影工具 模拟发光效果
3. 毛玻璃效果，选择 Background Blur，并调整 fill 属性的透明度
4. 字体附加到路径，开启 Text On Path，拖拽，注意要让路径在下面
5. 文字变为矢量路径，Convert to Outlines：cmd + option + o
6. 创建带 alpha 通道的 mask：Menu - Layer - Mask - Mask Mode - Alpha Mask，修改mask上 需要隐藏的部分的透明度，透明度为 0 即不显示
7. 按住 option，将鼠标放到 图层上，可以显示边距
8. 按住 option，拖拽图层，可以复制图层并移动

常用快捷键

1. 画板：a
2. 缩放：cmd + 鼠标滚轮
3. 圆形：o
4. 矩形：r
5. 圆角矩形：u
6. 线：l
7. 钢笔：v
8. 铅笔：p
9. 文本：t
10. 修改文本样式：cmd + t
11. 文字变为矢量路径：cmd + option + o
12. 变形：cmd + shift + t
13. 缩放：cmd + k
14. 旋转：cmd + shift + r
15. 取色：ctrl + c
16. 粘贴纯文本：cmd + v
17. 粘贴富文本：cmd + shift + option + v
18. 复制并粘贴到当前位置：cmd + d
19. 创建组件：cmd + y
20. 从组件分离：cmd + shift + y
21. 从组件返回画布：cmd + esc
22. 合并形状：cmd + option + u
23. 减去顶层：cmd + option + s
24. 区域相交：cmd + option + i
25. 排除重叠：cmd + option + x
26. 文本左对齐：cmd + {
27. 文本右对齐：cmd + }
28. 文本居中：cmd + I （试验发现无效啊）
29. 上移图层：cmd + ]
30. 下移图层：cmd + [
31. 置顶图层：cmd + option + ]
32. 置底图层：cmd + option + [
33. 水平分布：cmd + ctrl + h
34. 竖直分布：cmd + ctrl + v
35. 显示 / 隐藏图层：cmd + shift + h
36. 锁定 / 解锁：cmd + shift + l
37. 组：cmd + g
38. 解组：cmd + shift + g
39. 显示/隐藏 标尺：ctrl + r
40. 显示/隐藏 网格：ctrl + g
41. 显示/隐藏 栅格：ctrl + l
42. 数字键可以快捷调整透明度