Web-PS入门（四）-图标设计

图标设计

---

图形工具

---

1.简介

• 绘制图形时在属性栏选择“形状”
• 编辑、选择图形使用路径选择工具

2.路径操作 (运算)

• 默认选项为新建图层
• 合并形状只在一个图层中进行
• 如果想合并两个图层：用ctrl+c（剪切）ctrl+v（粘贴）对图形进行操作
• 减去顶层操作：顾名思义只有在上层部分才可被减去，若想减去下层图形，可以通过属性栏的“路径排列方式”改变层级关系，进而进行操作。
  （其他运算不再赘述）

3.路径对齐方式

• 只对同一图层进行操作
• 对齐到选区：
  1.可直接对同一图层上的图形进行操作
  2.对不同图层的图形进行对齐：按住ctrl并点击图层缩略图出现目标选区—>选中想要移动使其对齐的图形—>点击移动工具属性栏的对齐方式图标
• 按高度和宽度均匀分布：常用于排版（按住shift键可选择同图层的多个图形）
  （对齐到画布比较简单不再赘述）
• 复制到同一图层（在画布上）：
  1.按住alt键并用路径选择工具拖动想要复制的图形
  2.或用路径选择工具选中要复制的图形然后按ctrl+c（复制），ctrl+v（粘贴）即可完成
• 复制到不同图层（1和2 均在图层面板操作）：
  1.选中要复制的图层，ctrl+j
  2.选中要复制的图层，按住alt键并用路径选择工具（或移动工具）拖动图层
  3.在画布上，按住alt键并用移动工具拖动图形
• 移动：直接拖动或键盘上下左右键，每次可移动1px，但是同时按住shift每次可移动10px

小技能
-连续复制：ctrl+shift+alt+t
- 建组：（方便管理操作）按住shift进行图层选择—>ctrl+g建组—>ctrl+shift+g取消建组
- 如何画三角形：
1.用多边形工具等直接作图
2.先画矩形—>用钢笔的删除锚点工具删去一个锚点
3.用钢笔的添加锚点工具添加三个锚点—>用直接选择工具拉动锚点成为三角形—>用转换点工具删去手柄，使圆滑的三角形变成直线—>最后用直接选择工具进行调整
-举例：（深灰色为背景，图标仅为灰白色及里部分）
完成后：
步骤：
1.在视图中显示网格建立一个矩形：
2.在各条边的中心各添加一个锚点
3.删去矩形的四个顶点：
4.用直接选择工具把手柄拉倒合适位置：
（完成效果图见上）

---

图层样式

• 光影关系：上暗下亮为凹 上亮下暗为凸

---

案例

（深灰色为背景，图标仅为灰白色及里部分）
- 完成后：

- 步骤：
1.作一个灰白色圆角矩形：
2.在另一图层中作一个圆：
3.双击图层出现图层样式面板：
4.对其内阴影、内发光、投影、渐变叠加等进行编辑，直至出现目标效果：
5.作另一个圆，操作方法同4：
（注意凹凸效果的呈现）
6.渐变效果的呈现：
（完成效果图见上）

手机图标设计