七次课掌握 Photoshop:基础与入门

Photoshop 是 Adobe 公司开发的功能强大的图像处理软件,被广泛应用于平面设计、网页设计、摄影后期处理、UI 设计等多个领域。

◆ ◆ ◆

Photoshop 中的核心概念

一、像素

像素(Pixel)是组成数字图像的基本单位,如同组成人体的细胞。

1、栅格图像与矢量图形

(1)栅格图像

像素按网格排列构成栅格图像。

栅格图像在缩放后画质会下降,可能出现锯齿或模糊。

(2)矢量图形

由数学公式描述的线条和形状。

矢量图形在缩放后不会失真。

请参阅:

《数字媒体技术基础之:栅格图像与矢量图形》

《数字媒体技术基础之:像素与图像》

2、显示分辨率和图像分辨率

(1)显示分辨率

指显示设备(如屏幕)的成像点(也称"像素")数量,以"宽度 x 高度"表示。比如,1920 × 1080。

(2)图像分辨率

指图像每英寸所包含的像素数量,单位为 ppi(pixels per inch)。

用于屏幕显示或网络分享的图像的分辨率常为 72 ppi。用于打印或印刷的图像的分辨率常为 300 ppi。

请参阅:

《数字媒体技术基础之:分辨率》

二、颜色通道

每个像素的颜色是由通道(Channel)对应位置的颜色分量的值决定的。

1、颜色模式

不同的颜色模式下,有不同的颜色通道组合。‍‍‍

(1)RGB 模式

由红(Red)、绿(Green)、蓝(Blue)三个通道组成。

RGB 模式是一种加色模式,如同黑屋子里打光,越打越亮。

请参阅:

《Ps:RGB 颜色模式》

(2)CMYK 模式

由青(Cyan)、洋红(Magenta)、黄(Yellow)和黑(Black)四个通道组成。

CMYK 模式是一种减色模式,如同白纸上描墨,越描越黑。

Photoshop 还提供了其它的一些颜色模式,如 Lab、索引颜色、灰度等。

请参阅:

《Ps:颜色模式》

2、位深度

位深度(Bit Depth),指每个通道中用于描述颜色信息的二进制位数。

常见的位深度有 8 位、16 位等。

比如,在 8 位/通道的 RGB 颜色模式下,红通道上最多有 256(2 的 8 次方)种灰阶值,可用于表示 256 种不同强度的红光。

三、图层

在 Photoshop 中,图层(Layer)是用于组织图像内容的基本单元。

可以将其想象为一叠透明的胶片。图层在"图层"面板中的上下顺序决定了它们在画布上的叠放关系。

请参阅:

《Ps:图层的基本操作》

每个图层上都可能包含图像的一部分内容,而通道则反映了所有可见图层的复合颜色信息。

◆ ◆ ◆

Photoshop 的基本操作

一、Photoshop 的界面布局

Photoshop 的界面主要由菜单栏、工具箱、工具选项栏、面板以及文档窗口等组成。

二、打开或新建文档

1、打开

Ps菜单:文件/打开

File/Open

快捷键:Ctrl + O

提示:

通过"图像大小" Image Size命令调整图像的实际尺寸和分辨率,以适合发布到网上或者打印输出的要求。

通过"画布大小" Canvas Size命令调整画布的尺寸,可用于为图像添加边框或留白。

2、新建

Ps菜单:文件/新建

File/New

快捷键:Ctrl + N

在"新建文档"对话框中,要特别注意宽度和高度的单位、分辨率以及颜色模式等。

提示:

(1)新建文档之后,建议将不同的图像元素置于不同的图层,这样便于使用移动工具等来改变位置或进行单独变换。

(2)使用标尺和参考线,可帮助精确定位和对齐图层内容。

三、Photoshop 常用操作

1、浏览图像

(1)缩放工具

Zoom Tool

快捷键:Z

或者,按住 Alt 键 + 鼠标滚轮,用于放大或缩小视图。

(2)抓手工具

Hand Tool

快捷键:H

或者,按住空格键,用于平移视图。

2、变换与自由变换

可使用"变换" Transform命令对图层内容进行缩放、旋转、斜切、扭曲、变形等操作。

按快捷键 Ctrl + T,可启动自由变换。

3、撤销操作

按快捷键 Ctrl + Z,可以撤销上一步操作。

若使用"历史记录"面板,可以返回到之前的某个状态。

4、保存文档

可以将新建或修改后的图像存储为各种格式的文件。

请参阅:

《数字媒体技术基础之:常见图片文件格式》

Ps菜单:文件/存储

File/Save

快捷键:Ctrl + S

适用于保存为 PSD 文件,尤其是在工作过程中进行保存。

Ps菜单:文件/存储副本

File/Save a Copy

快捷键:Ctrl + Alt + S

适用于存储为 JPEG、PNG 等格式文件。

Ps菜单:文件/导出/存储为 Web 所有格式(旧版)

File/Export/Save for Web(Legacy)

快捷键:Ctrl + Alt + Shift + S

适用于保存为网页、GIF 等格式文件。

"点赞有美意,赞赏是鼓励"

相关推荐
小雨爱测2 小时前
Photoshop 实战入门:从界面认知到第一张成品图
ui·photoshop
螺丝钉tina7 小时前
[Playwright] [02]常用命令与调试:Debug UI、Mode和 Trace Viewer
开发语言·javascript·测试工具·ui·自动化
郝学胜-神的一滴8 小时前
游戏设计:原型与开发 18:Unity入门的第一课
人工智能·程序人生·游戏·ui·unity·游戏引擎
tedcloud12314 小时前
Docker Compose 部署 Uptime Kuma:配置 HTTPS、QQ 邮箱告警与数据备份
服务器·网络协议·ui·docker·容器·https·开源
笨笨饿14 小时前
#60_# 一、Photoshop 2025 如何批量导出 PSD 文件中的所有图层为独立 PNG 图片
stm32·单片机·嵌入式硬件·物联网·ui·51单片机·photoshop
qq_426003961 天前
UI自动化高频次登录login限流解决方案
python·ui·自动化
oicola2 天前
【UI动效】科幻风长任务进度动效设计方案
ui
xy34532 天前
Axure9.0 热区典型实战使用场景
ui·axure·原型·产品设计
喜欢吃豆4 天前
我开源了 Agent UI Lab 用交互实验理解 AG-UI A2UI 与 MCP Apps
ui·开源·大模型·交互
染指11104 天前
158.Agent-LangGraph-子图(共享状态和不共享状态模式)
开发语言·人工智能·python·ui·agent·agents