四川机电职业技术学院精品课程建设

《静态图形图像处理 PhotoShop 》

学习情景一 第一个 PS 作品

制作教师：范 刚

• 教学目标：

本章主要介绍平面设计和图形图像基本概念，包括设计的基本元素、图像的种类、像素和颜色深度、大小、分辨率、色彩模式； photoshop 的界面及基本操作方法及其主要预置参数设置。

• 重点与难点：

1. 平面设计的基本原理2. 矢量图与位图3. 图像大小与分辨率4. 图像的颜色模式5. 图像的文件格式6. Photoshop 基本操作及主要参数设置

• 案例：按钮制作•知识点一 平面设计概述•知识点二 图像基础•知识点三 photoshop基本操作•课后小结

案例一 按钮制作

案例分析： PS 是平面设计软件，那么如何在平面设计中体现立体感呢？

案例解决方案：建立 100 像素 X100 像素的图像文档，用椭圆工具选择出圆形区域，将前景色选择为白色，背景色选择为其他颜色，用渐变工具的前景到背景的模式，产生渐变。

执行选择 /修改 /收缩，缩小选择区域，并存储选择区域；执行选择 /羽化，羽化 1个像素，执行编辑 /变换 /旋转 180 ，将选择区域转动 180 度。

执行选择 /载入选区，读取保存的选择区域；执行选择 /修改 /收缩，将选择区域缩小 1个像素，执行执行编辑 /变换 /旋转 180 。

1.1 平面设计概述

基本概念 　　（一）、平面设计　　平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成幻觉空间。　　（二）、设计的元素

设计

图形

文字

图表

和谐、对比、对称、平衡、比例、重心、节奏、韵律

变形，图文记忆（文字 65 ％，图形 35 ％）

图示表、表格、流程图、图解（增强说服力）

1.2 图像基础

数码照片被拍摄下来以后，是一张位图，这也就是我们常说的“图象”。

•图像分类

矢量图，就是我们常说的“图形” AI 是一个矢量绘图软件，绘制后可任意精度输出

•图像大小与分辨率

分辨率

显示器分辨率

图像分辨率

扫描分辨率

打印机分辨率

•像素和颜色深度

1 位深 Bitmap

8 位深 Grayscale

8 位深 Index

24 位深 RGB黑白两色 256 级灰度 256 种颜色 1670 万种颜色

•图像的颜色模式

红色通道 绿色通道 蓝色通道 彩色图象

Photoshop 下的通道，每个通道是 8 位的。通道的第一个用途：记录原色信息

• RGB 模式—— 光亮度模式（加色）– 是用在发光的色彩媒介上比如显示器，多媒体以及电

视上。

• CMYK 模式——印刷模式（减色） – CMYK 模式模拟的是油墨混合效果。

•图像文件的格式

1. JPEG: 有效压缩位图格式，广泛运用于 Web 。2. BMP: windows 无压缩位图格式。3. PSD:photoshop 文件格式。4. TIFF: 可以保留通道的无损压缩格式，广泛运用于印刷。5. GIF: 可以保存动画，广泛运用于 internet 。6. PNG: 无损压缩的网络矢量图格式，结合 GIF 和 JPEG 的优点。7. EPS: 印刷矢量图格式，能保存位图和矢量图对象。8. CDR:coreldraw 专业矢量图格式。9. AI:Adobe Illustrator 专用矢量图格式。

1.3 photoshop 基本操作

•Photoshop 界面

Photoshop CS的欢迎界面

新版本不是叫做 Photoshop 8.0 ，而是被命名为 Photoshop CS ， CS

的意思是 Creative Suit 。 Adobe 公司给设计师们带来了很大的惊喜， Ph

otoshop CS 新增了许多强有力的功能，特别是对于摄影师来讲，这次它大大突破了以往 Photoshop 系列产品更注重平面设计的局限性，对数码暗房的支持功能有了极大的加强和突破。

软件：

在 PC机上运行 Photoshop CS ，要求计算机必须正确安装了 Microsoft Windows 2000 （带 Service Pack 3 ）或Windows XP 以上的操作系统。

硬件：

• CPU ：推荐使用 Intel Pentium Ⅲ或者 Pentium 4处理器。• 内存：最少内存是 192MB RAM ，推荐使用 256MB 以上的内存，此外使用 DDR或者 Rambus等高频内存能大大提高图像处理速度。• 硬盘：至少需要 280MB 的可用硬盘空间，建议更大容量的高速硬盘。• 显卡和显示器：至少要求 16 位彩色以上的颜色质量，建议 32 位真彩色的 VGA 、 1024×768 以上的分辨率。• 其他辅助硬件：扫描仪和数码相机以及刻录机。

•安装

•系统基本组成

控制面板

标题栏

菜单栏

工具箱

状态栏

•菜单

•工具箱

工具图标右下角有一个黑三角，表明这些工具后面还有一些隐藏工具。

选定某个工具后，在编辑窗口上方工具属性栏中将显示该工具的属性设置

•控制面板Photoshop CS 一共提供了 14 种控制面板，根据功能和性质将各种控制面板分类组合排列成默认的5 种控制面板组。

各种控制面板可以在使用中通过拖动来随意组合，也可以根据屏幕显示需要，隐藏或显示某个控制面板。

•状态栏

如果要从屏幕上隐去状态栏，可以从“窗口”下拉菜单中单击标有“√”符号的“状态栏”选项，要重新显示状态栏，重复前面的操作命令。

•帮助信息

该功能位于菜单栏中最右边的 “帮助”菜单。通过它即可进入Photoshop CS 的帮助主题、技术支持等功能。

另一种常用的获取帮助的方法是打开帮助中的欢迎屏幕，用户可以选择需要的帮助信息。

1.4 photoshop环境设置

•颜色设置

颜色设置一般用于对屏幕的色彩、 Gamma线以及打印机的喷墨调配比进行设计，防止在图像输出的时候出现颜色溢出或失真问题。一般该命令用系统默认值即可。

•预设管理器

在菜单栏中选择“编辑 ->预设管理器”命令（对应的快捷键是Shift ＋ Ctrl ＋ K）可以打开预设管理器对话框。其中的预设类型下拉列表框中，列出了 8个可管理的工具类型选项。它们分别是画笔、色板、渐变、样式、图案、等高线、自定形状和工具。

•预置

1 ．常规设置 常规设置是 Photoshop CS所有环境设置命令中最重要的命令，可以通过“编辑 ->预置 ->常规”命令（对应的快捷键是 Ctrl ＋ K）来打开常规设置的对话框 。

2 ．文件处理设置

可以通过“编辑 ->预置 ->文件处理”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“文件处理”对话框。

3 ．显示与光标设置 可以通过“编辑 ->预置 ->显示与光标”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“显示与光标”对话框。

4 ．透明度与色域设置

5 ．单位与标尺设置

可以通过“编辑 ->预置 -> 透明度与色域”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“透明度与色域”对话框。

可以通过“编辑 ->预置 -> 单位与标尺”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“当位于标尺”对话框。

6 ．参考线、网格和切片设置

7 ．增效工具与暂存盘设置

可以通过“编辑 ->预置 ->参考线、网格和切片”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“参考线、网格和切片”对话框。

可以通过“编辑 ->预置 ->增效工具与暂存盘”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“增效工具与暂存盘”对话框。

8．内存与图像高速缓存设置

9．文件浏览器设置

可以通过“编辑 -> 预置 ->内存和图像高速缓存”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“内存和图像高速缓存”对话框。

可以通过“编辑 -> 预置 ->文件浏览器”命令，或者在“常规设置”对话框中单击“下一个”按钮，打开“文件浏览器”对话框。

• 课后思考课后思考 1 、 Photoshop 在图像处理与平面设计领域的作用。

2 、熟悉 Photoshop 的启动界面。

3 、熟悉相关设置操作？

本章结束，谢谢观看本章结束，谢谢观看