UI设计之photoshop学习笔记

01 如何通过学好PS软件实现月薪过万

暂时不听这节课。

02 PS教程之新建文件讲解

1.新建文件

方法两种：1.在软件打开窗口点击新建。2.在文件菜单中点击新建。

画板：是否勾选画板，老师讲得不清楚。自己查资料总结的内容如下：

在 PS 新建文件窗口中，勾选画板与不勾选画板有以下区别：

• 页面数量与布局
  • 勾选画板：可以在一个文件中创建多个独立的画板，每个画板都可视为一个单独的页面，适合设计包含多个页面或版本的项目，如 UI 设计、网页设计、杂志排版等，能将相关页面放在一个文件中统一管理，方便对比和调整不同页面的设计4。
  • 不勾选画板：创建的是一个单独的画布，没有分页功能，只有一个页面，适用于单页设计，如单个海报、图片处理等，也可在同一页面上排列多个图像，但所有元素都在一个平面上，没有画板的分隔1。
• 元素管理与操作
  • 勾选画板：每个画板都是独立的，可对单个画板进行移动、复制、删除等操作，而不影响其他画板。在图层面板中，画板中的元素有明确的层次结构，便于管理和选择。可以将不同类型或功能的元素分别放置在不同画板上，使设计结构更清晰4。
  • 不勾选画板：所有元素都在同一个画布上，通过图层进行管理。若元素较多，在选择和操作特定元素时可能会相对麻烦，需要更仔细地在图层面板中查找和区分不同图层，且对画布上的元素进行操作可能会影响到所有元素，除非使用选区或图层蒙版等进行限制。
• 导出与输出
  • 勾选画板：支持将每个画板单独导出为各种格式的文件，如 JPEG、PNG、PDF 等，方便交付不同页面或版本给客户或开发人员。也可以选择将所有画板导出为一个 PDF 文档，还能指定是否仅导出画板上的内容、是否包含画板背景等选项2。
  • 不勾选画板：通常是将整个画布导出为一个文件，若要获取部分内容，需在导出前通过裁剪或选区等方式进行处理。
• 颜色模式与功能支持
  • 勾选画板：新建文件勾选画板时，颜色模式通常只能选择 RGB。因为画板主要用于屏幕显示和数字媒体设计等领域，RGB 模式能提供更丰富的色彩表现7。
  • 不勾选画板：可以选择多种颜色模式，包括 RGB、CMYK 等。CMYK 模式常用于印刷领域，若设计用于印刷的作品，如宣传册、书籍等，不勾选画板并选择 CMYK 模式更合适。

03 PS教程之软件界面讲解

窗口功能区域

标尺

PS2023版，显示标尺的方法：：打开 PS 软件并加载需要处理的图像，在菜单栏中找到并点击 “视图” 选项，在弹出的下拉菜单中，找到 “标尺” 选项并勾选，此时，图像的左侧和上方会各出现一个标有刻度的标尺。 

补充知识(自己琢磨发现)：

04 PS教程之移动工具与选框工具 

移动工具

移动工具：通途讲，用于移动元素。这个描述不准确，以后再细总结。移动工具也称为选择工具，因为它可以用来选择元素。

右下角的小三角，表示，该图标下还包含其他工具。右键点击图标，可以弹出该图标下的其他工具。比如在移动工具图标上点击右键，弹出下面的窗口，里面包含移动工具和画板工具两个图标。

选框工具

选框工具包含4种类型。

关于选框工具的作用，老师讲得稀里糊涂的。

shift+左键        绘制正方形或正圆形（好像只可以绘制单个）

绘制完成一个选框后，按shift+左键，可以继续绘制选框。

鼠标放在选框加，可以拖动选框

05 如何成为月薪过万的电商设计师

暂时不听这节课程。

06 PS教程之矩形工具

包含以下绘制工具：

 

 切换至选择工具，选中元素，按delete键可以删除。

老师讲的多选方法，没有演示成功，课后再研究。

按shift+左键拖动，可以绘制正方形，正圆形，正三角形，正多边形、水平直线、竖直直线。

自定义形状：

本节绘制的所有图形。 

07 PS教程之图层的讲解

点击对应的方块，可以分别设置前景色和背景色。

前景色：上方的黑色方块在上方表示前景色。设置好前景色，选中图层，按alt+delete即可填充背景色。
背景色：下方的白色方块在下方表示背景色。设置好背景色，选中图层，按ctrl+delete即可填充前景色。

08 PS教程之图层的种类

位图：
智能对象图层：
矢量图层：平时画的矩形等。
调整图层：

右击图层面板，选择大缩览图，4种图层标记如下图：

上图中的调整图层，实际上是文字图层，笔记有误。 

09 PS教程之文字图层与文字工具讲解

结束文字编辑的两种方法。
1.按ESC键。2.点击属性栏中的对钩，如下图：

进入编辑状态

两种方法：1.双击文字图层的图标。2.选中文字，鼠标双击两下。

复制文字
Alt+左键拖动，鼠标指针出现黑白重叠的两个箭头，即可实现拖动复制。

修改文字属性

修改文字属性，指修改字体、大小、颜色等。

两种方法：1.在属性中修改。2.在字符窗口中修改。后者更实用，功能更多，但可能需要在窗口菜单中，手动显示该窗口。

 

有空再细听。 

10 PS教程之文字段落讲解

有空细听

11 PS教程之位图图层讲解

12 PS教程之智能对象图层讲解

13 PS教程之图层层级讲解

14 PS教程之图层蒙版讲解

15 PS教程之背景图层讲解

16 PS教程之历史记录工具讲解

17 PS教程之矢量图层讲解

18 PS教程之路径选择工具与直接选择工具
19 PS教程之钢笔工具
20 PS教程之合并图层
21 PS教程之布尔运算-合并形状
22 PS教程之布尔运算-减去顶层

23 PS教程之布尔运算-相交
24 PS教程之布尔运算-重看
25 PS教程之布尔运算-合并形状组件
26 PS教程之形状路径-复制、添加、删除
27 PS教程之变换的讲解

28 PS教程之对齐的讲解
29 PS教程之参考线与测距离
30 PS教程之渐变工具
31 PS教程之填充与描边
32 PS教程之吸管工具

33 PS教程之创建剪贴蒙版
34 PS教程之画布大小
35 PS教程之裁剪工具
36 PS教程之图像大小
37 PS教程之魔术棒工具

38 PS教程之图层样式-斜面和浮雕
39 PS教程之图层样式-描边
40 PS教程之图层样式-内阴影
41 PS教程之图层样式-内发光
42 PS教程之图层样式-光泽

43 PS教程之图层样式-颜色叠加
44 PS教程之图层样式-渐变叠加
45 PS教程之图层样式-图案叠加
46 PS教程之如何创建图案
47 PS教程之剪切蒙版与图层样式叠加问题

48 PS教程之图层样式-外发光
49 PS教程之图层样式-投影
50 PS教程之快捷键设置方法
51 PS教程之画笔工具
52 PS教程之画笔设置

53 PS教程之橡皮檫工具
54 PS教程之模糊锐化涂抹工具
55 PS教程之减淡-加深-海绵工具
56 PS教程之仿制图章工具
57 PS教程之滤镜-风格化

58 PS教程之滤镜-模糊
59 PS教程之滤镜-模糊画廊
60 PS教程之滤镜-扭曲
61 PS教程之滤镜-锐化
62 PS教程之滤镜-像素化

63 PS教程之滤镜-渲染
64 PS教程之滤镜-杂色
65 PS教程之导出方法
66 PS教程之导出为PNG格式
67 PS教程之PS与AI的协作方法

68 PS教程之PS辅助XD的方法
69 PS教程之修改色彩模式
70 PS教程之亮度对比度
71 PS教程之画面曲线
72 PS教程之画面曝光

73 PS教程之画面自然按饱和度
74 PS教程之画面色相饱和度
75 PS教程之画面色彩平衡
76 PS教程之画面滤镜
77 PS教程之如何提高软件运行效率

78 PS教程之快捷键的熟悉
79 PS教程之认识色彩模式
80 如何通过学好PS软件实现月薪过万原