Download - 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

Transcript
Page 1: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

第1章

初识Photoshop CS3

PhotoshopCS3完全学习手册ZW01.indd 1 2008-9-27 13:33:18

Page 2: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

中文版Photoshop CS3完全学习手册

Photoshop具有强大的图像处理功能,从修复

数码相机拍摄的照片到制作出精美的图片并上传到

网络中,从工作中的简单图案设计到专业印刷设计

师或网页设计师的图片处理工作,无所不能。

Photoshop提供了丰富的图形工具、强大的色

彩调整命令以及各种特效滤镜,是专业的图像编

辑处理软件。新的Photoshop CS3版本加强了数码

图片的修饰功能,使我们可以更轻松地将照片处

理成为自己满意的效果,如图1-2所示。

图1-2 照片处理

在Photoshop中对图像的色彩进行调整是核心

内容,可以对图像的色调、明暗、颜色等进行调

整,使偏色、偏暗、偏灰、偏亮等色调有问题的

1.1 Photoshop的强大功能

图像调整为正常的图像效果,如图1-3所示。在

Photoshop CS3中增强了这一功能,不但可以对色

彩丰富的图像进行调整,还可以调整出高质量的

灰度图像。

图1-3 调整偏暗的图像

在平面设计中Photoshop也是必不可少的软件

之一,它强大的图像处理功能、方便快捷的工作

模式、不断更新的文字工具,成为了平面设计者

青睐的软件。Photoshop CS3功能更加完善,可以

制作出更加精美的设计效果,如图1-4所示。

Photoshop是Adobe公司推出的一款专业的图形图像处理软件,其功能强大、操作便捷,为设计工

作提供了一个广阔的表现空间,使许多不可能实现的效果变成了现实。图1-1是使用Photoshop绘制的平

面设计作品示例。目前Photoshop被广泛地应用于美术设计、彩色印刷、排版、数码摄影等诸多领域,

不仅受到专业人员的喜爱,也成为家庭用户的宠儿。

图1-1 写实效果图像

PhotoshopCS3完全学习手册ZW01.indd 2 2008-9-27 13:33:25

Page 3: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

第1章 初识Photoshop CS3

参照以下软件安装过程的步骤即可将

Photoshop CS3安装完成。

01 将Photoshop CS3的安装光盘放入光盘驱

动器中,然后在桌面上双击“我的电脑”图标,

打开“我的电脑”窗口。

02 双击 驱动器图标,打开光盘内容,并在其

中找到Photoshop CS3的安装程序文件双击,这时就会

出现安装Photoshop CS3的对话框,如图1-7所示。

图1-7 开始界面

1.� 安装与卸载

图1-4 平面设计

在Photoshop中对图像的处理功能强大,可以

制作出各种绚丽的视觉特效,例如:材质特效、

纹理特效、科幻场景特效、绘画特效等。图1-5展示了使用Photoshop制作的视觉特效图像效果。

使用Photoshop还可以对网页的结构、配色、

装饰元素进行设计,也可以为网页添加丰富的视

觉效果。在Photoshop CS3中还提供了创建网页图

像的工具,读者可使用这些工具轻松地完成任何

网页图像的制作,如图1-6所示。

图1-5 视觉特效设置

图1-6 网页设计

03 然后按照提示的步骤单击相关按钮,直

至出现“安装完成”对话框,单击其中的“完

成”按钮,即可将Photoshop CS3程序安装到计算

机上,如图1-8所示。

图1-8 完成安装

如果不再需要Photoshop CS3,可以将该软

件卸载。

01 单击桌面上的“开始”按钮,执行“设

PhotoshopCS3完全学习手册ZW01.indd 3 2008-9-27 13:33:33

Page 4: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

中文版Photoshop CS3完全学习手册

安装Photoshop CS3并运行,可以看到Photoshop CS3的界面环境有一定改动,如图1-11所示。工具

箱在界面的最左侧,成为了条状形态。并且调板可以以按钮状态出现在界面中,既节省了工作空间,

也方便对其进行使用。

图1-11 Photoshop CS3的界面

1.� 熟悉工作环境

选项栏菜单栏 标题栏

转到Bridge

工具箱

调板

置”→“控制面板”命令,打开“控制面板”窗

口,如图1-9所示。

图1-9 “控制面板”窗口

02 在“控制面板”窗口中双击“添加或删

除程序”图标,弹出“添加或删除程序”对话

框,如图1-10所示。在其中选择Photoshop CS3,然后单击“删除”按钮。

图1-10 “添加或删除程序”对话框

03 接着弹出一个卸载程序对话框,在其

中单击“确定”按钮,删除程序会自动搜索

Photoshop CS3的各个文件并将其删除。

PhotoshopCS3完全学习手册ZW01.indd 4 2008-9-27 13:33:40

Page 5: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

第1章 初识Photoshop CS3

图1-14 下拉菜单

图1-15 打开图像

1.�.� 工具箱

在Photoshop CS3界面的左侧是工具箱,工具

箱中的工具以图标形式陈列,从每个工具图标的

形态就可以基本了解该工具的功能。单击工具图

标,可以选择使用该工具。

01 单击工具箱中的 “移动”工具,将该

工具选中。

02 在图像窗口中单击并拖动鼠标,可调整

图像的位置,如图1-16所示。

1.�.1 标题栏

标题栏在Photoshop CS3界面的最顶端,用于

显示当前应用程序的名称和图标,在标题栏右边

有3个按钮,分别用于改变程序窗口的大小,使窗

口在两种视图尺寸间切换,如图1-12所示。

图1-12 标题栏

单击程序图标,弹出视窗控制快捷菜单,

如图1-13所示。菜单内的命令是对程序窗口的尺

寸、位置、打开及关闭操作进行控制,与标题栏

右方的3个按钮作用基本相同。

图1-13 视窗控制快捷菜单

1.�.� 菜单栏

菜单栏在标题栏的下方,它包含执行任务的

菜单命令。Photoshop CS3将绝大多数功能命令分

类并分别放在10个菜单中。

01 单击“文件”菜单,整个菜单即可呈现

在屏幕中。

02 观察菜单内容,可以发现在菜单的左侧

为命令名称,右侧是该命令的快捷键。

03 另外在菜单内还包含一些特殊的符号,

其功能如图1-14所示。

04 在菜单中选择“打开”命令,出现“打

开”对话框,打开本书附带光盘\Chapter-01\“拼

图庄园.psd”文件,如图1-15所示。

程序图标

程序名称

最小化 向下还原

关闭

单击标有 符号

的菜单,会弹出下级菜单

在命令后面带有省略号,则表示执行该命令会出现对话框

命令为浅灰色,则表示该命令在目前状态下不能执行

状态栏 图像窗口

PhotoshopCS3完全学习手册ZW01.indd 5 2008-9-27 13:33:46

Page 6: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

中文版Photoshop CS3完全学习手册

注意

图1-16 调整图像的位置

每个工具都有其各自的功能分工,有些用于

选择,有些用于绘图,有些则用于图像修饰,下

面逐一来了解它们。如图1-17所示,展示了工具

箱中各工具的名称和快捷键。

图1-17 工具箱

01 在右下角带有 三角的工具图标上右击或

者单击并停留一定时间,将会显示其他相似功能

的隐藏工具。

02 图1-18显示了工具箱中全部的隐藏工具。

在菜单的左侧为工具的图标和名称,右侧的英文

字母为快捷键。

图1-18 隐藏的工具

技巧:

选择工具箱中带有隐藏工具的工具,按下

<Shift>键并按快捷键,即可切换隐藏的工

具。例如:选框工具其快捷键为M。按下

<Shift>键的同时并按M键,即可切换“矩形

选框”工具和“椭圆选框”工具。

下面分别对各组工具做一些简单的介绍,如

图1-19~图1-21所示。

图1-19 工具组介绍(1)

图1-20 工具组介绍(2)

移动 V快速选择 W切片 K

画笔 B历史记录 Y填充 G修饰 O文字 T形状 U

吸管 I缩放 Z

颜色按钮

以快速蒙版模式编辑 Q

选框 H套索 L裁剪 C

修复 J图章 S

橡皮擦 E模糊 R钢笔 P选择 A

注释 N抓手 H

屏幕模式 F

用于指定基本形状

的选区

用于指定曲线、多边形

或不规则形态的选区

用于指定相似颜色

区域的选区

在制作网页时,用

于切割图像

用于表现毛笔或铅

笔效果

用于复原图像或消

除红眼现象

用于指定基本形状

的选区

用于指定曲线、多边形

或不规则形态的选区

用于指定相似颜色

区域的选区

利用画笔工具表现独特的毛

笔质感,或者复原为图像

用于复制特定图像,并

将其粘贴到其他位置

用于擦除图像,或者用

指定的颜色修改图像

用于模糊处理或锐

化处理图像

用于调整图像的色

相和饱和度

用指定的颜色或渐

变色填充

在制作网页时,用于切割图像

用于指定基本形状的选区

用于指定曲线、多边形或不规则形态的选区

用于指定相似颜色区域的选区

在制作网页时,用于切割图像

用于表现毛笔或铅笔效果

用于复原图像或消除红眼现象

利用画笔工具表现独特的毛笔质感,或者复原为图像

用于复制特定图像,并将其粘贴到其他位置

用于擦除图像,或者用指定的颜色修改图像

用于指定的颜色或渐变色填充

用于调整图像的色相和饱和度

用于模糊处理或锐化处理图像

PhotoshopCS3完全学习手册ZW01.indd 6 2008-9-27 13:33:55

Page 7: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

第1章 初识Photoshop CS3

图1-21 工具组介绍(3)

1.�.� 工具选项栏

菜单栏的下方为工具选项栏,工具选项栏

显示工具的属性和控制参数。当选择不同的工具

时,其选项栏会随着工具的不同产生变化。

01 选择 “矩形选框”工具,选项栏显示

为如图1-22所示。

图1-22 “矩形选框”工具选项栏

02 在工具选项栏的工具图标上单击,可以

打开下拉式工具预设调板,在弹出的调板中可以

选择已经设置好的工具,如图1-23所示。

图1-23 打开预设调板

03 选中弹出式调板底部的“仅限当前工

具”复选框,在弹出式工具调板中只显示当前选

择工具的预设,如图1-24所示。

04 在工具选项栏的工具图标上右击,弹出

一个菜单,可以将当前工具的选项栏或者所有工

处于选择状态的工具

创建新的工作预设

具的选项栏恢复到默认状态,如图1-25所示。

图1-24 设置“仅限当前工具”选项

图1-25 工具图标上右击

1.�.� 图像编辑窗口

观察“拼图庄园”图像窗口。在窗口的上方

为该文件的标题栏,在标题栏中显示了当前文件

的名称、格式、缩放比例等相关信息,如图1-26所示。

图1-26 文件的标题栏

1.�.� 状态栏

图像窗口的下端为状态栏,状态栏主要显示

当前编辑图像文件的大小,以及在工具箱中所选

工具的说明信息等,如图1-27所示。

图1-27 状态栏

文件名称

文件格式

缩放比例

当前选择图层

颜色模式 关闭

最大化

最小化

右击

缩放比例 文件信息

用于指定基本形状

的选区

用于指定曲线、多边形

或不规则形态的选区

用于指定相似颜色

区域的选区

在制作网页时,用

于切割图像

用于表现毛笔或铅

笔效果

用于复原图像或消

除红眼现象

用于指定基本形状的选区

用于指定曲线、多边形或不规则形状的选区

用于指定相似颜色区域的选区

用于复原图像或消除红眼现象

用于表现毛笔或铅笔效果

在制作网页时,用于切割图像

PhotoshopCS3完全学习手册ZW01.indd 7 2008-9-27 13:34:01

Page 8: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

中文版Photoshop CS3完全学习手册

1.�.� 调板

在Photoshop CS3界面的右侧为调板,调板

汇集了图像操作中常用的选项或功能。在界面中

并非每个调板都是打开的,如果需要打开隐藏的

调板可以在菜单栏的“窗口”菜单中选择,如图

1-28所示。

图1-28 “窗口”菜单命令

Photoshop CS3根据各种功能的分类提供了19个调板,使用这些调板可以进一步细致调整各项

工具的选项,也可以将调板中的功能应用到图像

上。下面将对每个调板一一进行讲解。

1. 导航器

“导航器”调板利用缩览图显示图像,通过

放大或缩小图像来查找制定区域。利用视图框便

于搜索大图像,如图1-29所示。

图1-29 “导航器”调板

�. 动画

“动画”调板可以对动画进行编辑和操作,

如图1-30所示。

图1-30 “动画”调板

�. 动作

使用“动作”调板可以将多个操作过程记录

成为动作。并且可以将记录的动作播放、编辑和

删除,还可以将存储的动作文件载入并应用,如

图1-31所示。

图1-31 “动作”调板

�. 段落

使用“段落”调板可以设置与文本段落相

关的选项。可调整行间距,增加缩进或减少缩进

等,如图1-32所示。

图1-32 “段落”调板

�. 工具预设

在“工具预设”调板中可以保存常用的工

具,也可以将相同工具保存为不同的设置,可以

提高操作效率,如图1-33所示。

图1-33 “工具预设”调板

在菜单命令上标有√

标记,说明该调板已在界面中显示

PhotoshopCS3完全学习手册ZW01.indd 8 2008-9-27 13:34:07

Page 9: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

第1章 初识Photoshop CS3

�. 画笔

“画笔”调板可以对画笔的形态、大小、材

质、杂点程度、柔和效果等选项进行设置,如图

1-34所示。

图1-34 “画笔”调板

�. 仿制源

“仿制源”调板可以设置特定复制的图像,

也可以将特定复制的图像存储,如图1-35所示。

图1-35 “仿制源”调板

�. 历史记录

“历史记录”调板将图像操作过程按顺序

记录下来,并且可以在记录的操作中恢复操作过

程,如图1-36所示。

图1-36 “历史记录”调板

�. 路径

“路径”调板用于将选区转换为路径,或者

将路径转换为选区。利用该调板可以应用各种路

径的相关功能,如图1-37所示。

图1-37 “路径”调板

10. 色板

“色板”调板用于保存常用的颜色。单击

相应的色块,即可将该颜色指定为前景色或背景

色,如图1-38所示。

图1-38 “色板”调板

11. 通道

“通道”调板用于管理颜色信息和利用通道

制定的选区。主要用于创建Alpha通道及有效管理

颜色通道,如图1-39所示。

图1-39 “通道”调板

1�. 图层

“图层”调板是最常用的调板之一,该调板

列出了图像中所有的图层、图层组和图层效果。

使用该调板可以对图层、图层组或图层蒙版进行

编辑,如图1-40所示。

图1-40 “图层”调板

PhotoshopCS3完全学习手册ZW01.indd 9 2008-9-27 13:34:12

Page 10: 第1章 初识Photoshop CS3使用Photoshop还可以对网页的结构、配色、 装饰元素进行设计,也可以为网页添加丰富的视 觉效果。在Photoshop CS3中还提供了创建网页图

中文版Photoshop CS3完全学习手册

10

1�. 图层复合

“图层复合”调板存储图层的组成因素,以

及同一个图像的不同图层组合,从而可以更有效

地完成设计,如图1-41所示。

图1-41 “图层复合”调板

1�. 信息

在“信息”调板中以数值形式显示图像信

息。将鼠标的光标移动到图像上,就会显示光标

下图像颜色的相关信息,如图1-42所示。

图1-42 “信息”调板

1�. 颜色

“颜色”调板用于设置前景色和背景色的颜

色。颜色可通过用鼠标滑块拖动进行指定,也可以

通过输入相应的颜色值进行指定,如图1-43所示。

图1-43 “颜色”调板

1�. 样式

“样式”调板用于制作立体图标。只要鼠标

单击各个样式图即可制作出应用特效的图像,如

图1-44所示。

图1-44 “样式”调板

1�. 直方图

在“直方图”调板中可以看到图像中所有

色调的分布情况。图像的颜色主要分为最亮的区

域(高光)、中间区域(中间色调)和暗淡区域

(暗调)等3部分,如图1-45所示。

图1-45 “直方图”调板

1�. 字符

“字符”调板在编辑或修改文本时使用。可

设置文字的大小、行距、颜色、字间距等,如图

1-46所示。

图1-46 “字符”调板

1�. 测量记录

“测量记录”调板可以将测量工具测量出的

数据记录下来,如图1-47所示。

图1-47 “测量记录”调板

PhotoshopCS3完全学习手册ZW01.indd 10 2008-9-27 13:34:18