七次课掌握 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 等格式文件。

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

相关推荐
wyh要好好学习6 小时前
WPF数据加载时添加进度条
ui·wpf
code_shenbing6 小时前
跨平台WPF框架Avalonia教程 三
前端·microsoft·ui·c#·wpf·跨平台·界面设计
vvw&17 小时前
如何使用 Docker Compose 安装 WireGuard UI
linux·服务器·ui·docker·容器·wireguard·异地组网
老码沉思录1 天前
Android开发实战班 - 现代 UI 开发之 Material Design及自定义主题
android·ui
lrlianmengba1 天前
推荐一款UI/UX原型设计工具:Icons8 Lunacy
ui·ux
PM大明同学2 天前
Axure PR 9 穿梭框 设计&交互
ui·交互·产品经理·axure·photoshop
好哈优学编程2 天前
Photoshop(PS)——人像磨皮
photoshop
软件小伟2 天前
Element UI如何实现按需导入--Vue3篇
前端·javascript·ui·elementui·vue
活宝小娜2 天前
vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden
前端·vue.js·ui
qianmoQ2 天前
Vue3 组件 view-shadcn-ui 2024.4.0 发布
vue.js·ui·开源