UI设计之photoshop学习笔记

爱码小白

已于 2025-05-01 18:00:28 修改

阅读量468

点赞数 5

文章标签：学习笔记

于 2025-04-30 07:52:20 首次发布

本文链接：https://blog.csdn.net/m0_73527922/article/details/147623699

版权

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教程之位图图层讲解

位图是由像素点组成。
每个像素就是一个单独的色块。
位图的缺点：放大尺寸会模糊。

放大图像的方法：按住 “Ctrl” 键的同时按 “+” 键即可放大图像。
缩小图像的方法：按住 “Ctrl” 键的同时按 “-” 键即可缩小图像。

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

智能对象图层的特点

特点1：
变大会模糊
缩小基本不会模糊
缩小之后放大回原来的尺寸不会模糊
特点2：
任何图层都可转化为智能对象图层。
特点3：
联动属性。
复制图像的方法。选择图片后，Ctrl+Alt+左键拖动
特征4：(课后多听几次，好好研究这个未听懂的特点)
无限嵌套智能对象。

点击储存

位图转成智能对象图层的方法

智能对象图层转化为位图的方法

13 PS教程之图层层级讲解

图层的层级关系：两个图层重叠时，上方的图层会掩盖下方的图层。

调整图层层级的方法：

(1)手动拖拽
(2)快捷键
向上一层：Ctrl+】向下一层：Ctrl+【
最上一层：Ctrl++Shift】最下一层：Ctrl+Shift+【

14 PS教程之图层混合模式讲解

15 PS教程之图层蒙版讲解

16 PS教程之背景图层讲解

课后有空反复听此节课。

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

18 PS教程之矢量图层讲解

老师说矢量图层是由路径组成的。这节课没有讲其他任何新东西。

19 PS教程之路径选择工具与直接选择工具

路径选择工具包含两个：路径选择工具和直接选择工具

路径中有拐弯的折角的地方就会出现路径锚点。

老师说这节课对于绘制图标非常有用，课后多听几次。

20 PS教程之钢笔工具

21 PS教程之合并图层

ps选择多个图层的方法：

利用鼠标直接选取

相邻图层：在图层面板里，先点击选中第一个图层，接着按住 Shift 键，再点击第二个图层，这样两个图层之间包含的所有图层都会被选中。
不相邻图层：在图层面板中，先点击选中第一个图层，然后按住 Ctrl 键（在 Mac 系统是 Command 键），再点击第二个图层，这样就能同时选中这两个不相邻的图层。