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.渐变效果的呈现:
(完成效果图见上)