【文档说明】第3章用Photoshop作画课件.ppt，共(208)页，8.631 MB，由飞向未来上传

转载请保留链接：https://www.ichengzhen.cn/view-112637.html

以下为本文档部分文字说明：

第3章用Photoshop作画第3章用Photoshop作画3.1Photoshop概览3.2平面中的三维世界3.3山水画3.4设计Web页及Web动画3.5思考与练习第3章用Photoshop作画3.1Photoshop概览3.1.1Photoshop功能综述现在大多数专业平面设计人员均选择P

hotoshop作为其进行平面设计和创意的工具。Photoshop为高级图像、精确输出和文件共享提供了新的控制和安全性设置。Photoshop和最新版本的Adobe系列专业图形软件之间的紧密集成可提高工作效率。通过功能全面的修饰

、绘画、绘图和Web工具等工具组，Photoshop可以帮助使用者卓有成效地完成任何图像的编辑任务。而借助于“历史记录”调板和可编辑的图层效果等功能，我们可以随心所欲地尝试，而不至影响效率。第3章用Phot

oshop作画以下是Photoshop引入的创新概念及其功能。1．图层(1)“图层效果”可以添加自动投影、斜面或发光效果到图层上的任何对象。(2)“图层”可以进行合并、拼合、翻转、拷贝、对齐、分布和剪贴等。(3)支

持多图层，便于复合。(4)支持非破坏性色彩和色调调整图层。(5)“图层蒙版”可以用于控制图层上的透明度，而不损坏图像数据。(6)“拖放支持”可以用于从不同文件或不同图层将图像数据组合在一起。第3章用P

hotoshop作画2．自动(1)可以记录的“动作”调板，用于实现任务自动化和批处理。(2)支持图像的批处理和批获取。(3)提供的选项可运行不必看管的“动作”，或在回放过程中实时调整滤镜设置。第3章用Photoshop作画3．绘画工具(1)专业摄影工

具，“减淡”和“加深”工具可校正曝光度，“海绵”工具可校正颜色饱和度。(2)各类齐全的绘图和绘画工具，包括：铅笔、画笔、喷枪、仿制、文字、直线和渐变等。(3)用户可定义的软边画笔，可预览画笔大小。(4)支持压感刻写板(绘图板)。(5)提供绘画纹理或图案的选择。(

6)修饰工具，包括涂抹、锐化、柔化和用于仿制的橡皮图章。第3章用Photoshop作画4．选择工具(1)磁性套索和磁性钢笔工具用于自动描绘对象轮廓。(2)色彩范围用于在图像中基于所选颜色构建蒙版时的最大控制。(3)快速蒙版

功能用于在图像上直接创建和查看选区，并且蒙版便于编辑。(4)套索和选框工具用于局部选择。(5)具有Illustrator软件风格的钢笔工具可用于绘制精确、复杂的路径。(6)魔棒工具用于自动色彩范围选择。(7)羽化边缘选项可以用于组合前景和背景图像。

(8)多达24个Alpha通道，可用于在一个文档中存储和修改多个选区。第3章用Photoshop作画5．文本处理(1)可以编辑文本图层并允许随时更改文本。(2)格式控制调整行距、字距微调、字距调整以及其他。(3)消除锯齿功能使文

本可以是任意大小或分辨率。第3章用Photoshop作画6．用户界面(1)通过功能强大的“历史记录”调板可实现用户操作的多步还原。(2)可以在图像任何位置用坐标尺或分度规等度量工具。(3)“导航器”调板可非常容易地缩放和滚动较大的图像。(4)用户可定义的参考线和网格，

用于对齐图层、选区和绘画操作。(5)Photoshop和其他Adobe应用程序(包括AdobeImageReady、AdobeIllustrator、PageMaker等)为使用者提供一体化的工作流程。(6)能够按任意顺序组合和分隔浮动调板。第3章用Photoshop作画7．包罗万象的滤镜集(1)

超过95种的特殊效果滤镜。(2)广泛支持第三方开发商所使用的工业标准(AdobePhotoshop增效工具接口)以增强程序功能。第3章用Photoshop作画8．变换(1)可以对三维对象的大小、位置和方向进行模拟调整。(2)可以变换图像、路径和选区边界。(3)“自由变换”命令可

一步到位地进行扭曲、缩放、斜切、旋转、移动和增加透视感，并改良图像保真度。(4)数字式变换用于精确地进行置放、缩放、斜切和旋转选区。第3章用Photoshop作画9．功能强大的色彩校正工具(1)颜色取样器可以为一个图像中多达四个位置提供一致的颜色值。(2)支持专色通道。(3)通道混合

器用于混合不同色彩通道的内容。(4)“控制”用于有选择地调整任一范围颜色的色相、饱和度和亮度。(5)“变化”通过同时观看同一图像多个经调整颜色和亮度后的预览图来调整图像颜色。第3章用Photoshop作画(6)

“调整”用于调整图像的亮度、对比度和中间色调(灰度系数)。(7)具有可调的色调曲线和控制点。(8)“替换颜色”用于校正所选区域的颜色。(9)“可选颜色校正”用于通过输入绝对或相对值来调整个别颜色通道或印版的油墨值。(10)“色阶”命令用于调整图像的动态范围。第3章用

Photoshop作画10．专业分色(1)能够按纸张材料和打印设备的特点调整打印输出。(2)高级校准功能。(3)自动陷印。(4)专业化控制：底色去除(UCR)、灰色成份替换(GCR)、底色添加和油墨密度。(5)在AdobePo

stscriptLevel2设备上可消除龟纹。(6)带有光密度计读数的信息调板。第3章用Photoshop作画11．屏幕CMYK编辑(1)在CMYK模式中编辑四原色图像，而无需分离色彩通道。(2)直接从高端扫描仪得到CMYK图像。(3)色域警告，即高亮显示

溢出CMYK色域的所有颜色区域。(4)CMYK预览功能，即让使用者快速查看仍处于RGB模式图像的软校样。第3章用Photoshop作画12．色彩支持(1)支持专色通道。(2)完全支持ICC和AppleColorsync色彩管理。(3)支持48位和64位图像的色彩校正。(4)支持带有现

场预览的双色调、三色调以及四色调。(5)无与伦比的灵活性，可在位图、灰度、双色调、索引颜色、CIELAB、RGB以及CMYK模式之间转换。第3章用Photoshop作画13．高级PostScript支持(1)程序产

生的PostScript语言可用于最高品质输出。(2)“剪贴板”上的PostScript可用于将图像与AdobeIllustrator图稿合成。(3)支持PostScript色彩管理功能。第3章用Photoshop作画14．数字水印能够嵌入看不见的、作过数字处理的版权签名，即使图

像在打印和扫描之后，Photoshop仍然能够检测并显示出来。第3章用Photoshop作画15．文件格式及跨平台的兼容性(1)支持网页出版文件格式，包括GIF89a、PNG、升级的JPEG以及Adobe便携

式文档格式(PDF)。(2)支持各种图像文件格式，包括EncapsulatedPostScript(EPS，包括AdobeIllustrator)、KodakPhotoCD、TIFF、JPEG、ScitexCT、DCS、PCX、BMP、PIX、AR、Pixelpaint、MacPaint、Ra

w、Targa(TGA)、CompuServeGIF以及AmigaIFF/LBM等。(3)支持WindowsNT及MacOS系统(支持苹果的多处理API)下的对称多处理。(4)支持TWAIN接口，用于扫描仪和数码相机等大量的图像取入

设备。(5)包含增效工具，用于提高集成Intel的MMX技术的系统性能。第3章用Photoshop作画3.1.2Photoshop窗口组成及预置启动Photoshop后，任意打开一幅图像，就会看到它的工作环境，包括图像窗口、菜单栏、选项栏、工具箱和浮动调板，如图3-1所示。

现说明如下：图3-1Photoshop窗口第3章用Photoshop作画图3-1Photoshop窗口第3章用Photoshop作画1．菜单栏菜单栏包含执行任务的菜单。这些菜单是按主题进行组织的。例如

，“图层”菜单中包含的是用于处理图层的命令。2．选项栏选项栏提供使用工具的选项。第3章用Photoshop作画3．工具箱Photoshop提供了一整套创作工具箱。工具箱中一些工具的选项显示在主菜单下的选项调板内(如图3-1所示)。选

项栏与上下文相关，并且会随所选工具的不同而变化。选项栏内的一些设置(例如，绘画模式和不透明度)对于许多工具都是通用的，但是有些设置则专门用于某个工具(例如，用于铅笔工具的“自动抹掉”设置)。我们可以将选项栏移动到工作区域中的任何地方，如将它停放在屏幕的顶部或底部。第3章用Ph

otoshop作画可用鼠标在工具箱中单击来选择不同的工具，也可用键盘上的字母键进行工具切换。在工具箱中有些工具的右下角有一个小的黑三角(如图3-2所示)，用鼠标单击会弹出一些隐含的工具，可用鼠标拖拉选中(如图

3-3所示)。在按住Option/Alt键的同时用鼠标单击工具也可以切换隐含的不同工具。所有工具都在很大尺寸范围内可调。第3章用Photoshop作画图3-2工具箱第3章用Photoshop作画图3-3工具箱(含隐含工具)第3章用Pho

toshop作画通过这些工具可以实现文字编辑、选择、绘画、绘图、取样、编辑、移动、注释和查看图像等功能。工具箱内的其他工具还可以让我们更改前景色和背景色、转到AdobeOnline、使用不同的模式以及在Photoshop和ImageReady应用程序之间切换。这些工

具的功能及使用方法参见表3.1。其中每个单元格中，上部图示为相应工具(左下角小图)使用方法及结果(右下角图)，下部文字为相应工具功能的说明(*表示此功能仅限于Photoshop，§表示此功能仅限于ImageReady)。第3章用Photoshop作画表3.1工具箱工具

功能及使用方法一览表选框工具用于制作出矩形、椭圆、单行和单列等选区第3章用Photoshop作画移动工具移动选区、图层和参考线第3章用Photoshop作画套索工具制作手绘、多边形(直边)和磁性*(紧贴)选区第3章用Photoshop作画魔棒工具

用于选择着色相近的区域第3章用Photoshop作画裁切工具裁剪图像第3章用Photoshop作画切片工具创建可切片第3章用Photoshop作画切片选取工具选择切片第3章用Photoshop作画修复画笔工具*利用样本或图案来绘画，以修复图像中不理想的部分第3章

用Photoshop作画修补工具*利用样本或图案来修复所选图像区域中不理想的部分第3章用Photoshop作画画笔工具绘制画笔描边第3章用Photoshop作画铅笔工具绘制硬边描边第3章用Photoshop作画仿制

图章工具用图像的样本来绘画第3章用Photoshop作画图案图章工具*用图像的一部分作为图案来绘画第3章用Photoshop作画历史记录画笔工具*将所选状态或快照的拷贝绘制到当前图像窗口中第3章用Photoshop作画历史记录艺术画

笔工具*利用所选状态或快照，采用模拟不同绘画样式外观的风格化描边来绘画第3章用Photoshop作画魔术橡皮擦工具通过一次点击将纯色区域擦抹为透明区域第3章用Photoshop作画橡皮擦工具抹除像素并将部分图像恢复到以前存储的状态第3章用Photoshop作画

背景色橡皮擦工具*通过拖移将区域抹为透明区域第3章用Photoshop作画渐变工具创建直线、*辐射、*角度、*反射和*菱形的颜色混合效果第3章用Photoshop作画油漆桶工具用前景色填充着色相近的区域第3章用Photoshop作画模糊工具对图像内的硬边进行模糊处理第3章用Photosho

p作画锐化工具锐化图像内的柔边第3章用Photoshop作画涂抹工具涂抹图像内的数据第3章用Photoshop作画减淡工具使图像内的区域变亮第3章用Photoshop作画加深工具使图像内的区域变暗第3章用Photoshop作画海绵工具更改某个区域的颜色饱和度第3章用P

hotoshop作画路径选择工具*选择显示锚点、方向线和方向点的形状或段选区第3章用Photoshop作画文字工具在图像上创建文字第3章用Photoshop作画文字蒙版工具*创建文字形状的选区第3章用Photoshop作画钢笔工具*可以绘制边缘平滑的路

径第3章用Photoshop作画自定形状工具*从自定形状列表中选择自定形状第3章用Photoshop作画注释工具*创建可附在图像上的文字和语音注释第3章用Photoshop作画吸管工具提取图像颜色的色样第3章用Photoshop作画度量工

具*测量距离、位置和角度第3章用Photoshop作画抓手工具在图像窗口内移动图像第3章用Photoshop作画缩放工具放大和缩小图像的视图第3章用Photoshop作画图像映射工具§定义图像内的图像映射区域第3章用Photoshop作画图像映射选择工

具§选择图像映射第3章用Photoshop作画切换图片可视性§在显示和隐藏图像映射之间切换第3章用Photoshop作画切换切片可视性§在显示和隐藏图像切片之间切换第3章用Photoshop作画预览文档工具§直接在ImageReady中预览翻转效果第3章用Photoshop作画在默认浏览

器中预览工具§在Web浏览器中预览动画效果第3章用Photoshop作画4．调板窗及调板在Photoshop中有很多浮动的调板，以便于进行图像的各种编辑和操作。Photoshop本身给不同的调板进行了分组，即调板窗(如图3-1所示)，但也可以根据自己的工作习惯将浮动调板重新编组并放置于最便

于操作的地方。除了选项调板、信息调板和颜色调板外，其他调板都可以改变其大小。还可以自定桌面，若想同时关闭所有的调板，可按Tab键；若想保留工具箱，则在按住Shift键的同时按Tab键。可编辑的文本图层使用行距、字距微调和字距调整控制文本格式，并可以随时更改(如图3

-4所示)。实际上，我们可以放心地任意试用任何Photoshop工具，因为只需在“历史记录”调板(如图3-5所示)上点击一下就可以进行多步还原，从而就可以放心地体验各种效果。第3章用Photoshop作画图3-4“字符”、“段落”调板窗第3章用Ph

otoshop作画图3-5“历史记录”调板第3章用Photoshop作画3.1.3Photoshop操作特点Photoshop提供了一整套创作工具，包括画笔、钢笔、铅笔、喷枪等等，所有工具都在很大尺寸范围内可调。使用直观性好而且功能强大的图层调板，可

以很容易地叠放多个图像、文本和图形，得到完美的效果。通过“调整图层”可以体验色彩校正，并且“图层效果”可以添加生动的投影、斜面和发光效果，这些效果在修改图层时会自动更新。第3章用Photoshop作画可以通过缩放、旋转和斜切图像的某些部分模拟三维

效果及增加其透视感，甚至可以在三维空间选择并调整图像位置。光照效果则对图像增加了高光和位深度。需要创作灵感吗？Photoshop提供了95种以上的特殊效果滤镜，可以用来添加从炭画到印象派绘画到水纹效果的高雅艺术效果。每种滤镜都提供动态的预览，以便我们

试验之后再应用。第3章用Photoshop作画我们所用的减淡、加深、加色和去色的暗室类工具，连专业摄影师也会感到羡慕。用涂抹、锐化和柔化等精细工具，可雕琢和润色图像。如果创作有期限限定，那么Photoshop软件提供的大量功能可以帮助您提高效率。“

动作”调板通过记录操作步骤，并将它们应用于任何文件或批文件，帮助您自动化编辑任务。可编辑的文本图层使用行距、字距微调和字距调整制作文本格式，并可随时更改。实际上，我们可以放心地任意试用任何Photoshop工具，因为只需点击一下就可以进行多步还原。第3章用P

hotoshop作画Photoshop在广泛支持图形和网页文件格式的基础上，也完全支持ICC和AppleClolorsync色彩管理，并且在整个处理过程中可以取得更好的色彩一致性。此外，Photosh

op可使处理对象非常容易地在RGB、CMYK及其他许多模式之间转换。使用“导航器”可即刻定位到图像的特定区域。紧贴参考线和网格可以使我们非常容易地对齐不同图层上的图素，这样可用来安排版面。批处理可以节省时间，我们将一流编辑步骤记录为“动作”之后，可在任何文件或批文件上回放

。第3章用Photoshop作画通过将浮动调板编组并放置于最方便操作的地方，也可以自定桌面。Photoshop的多图层可让我们通过叠加图像、图形和文本创作复杂的作品，“调整图层”则让我们体验颜色校正，不会对图像造成任何破坏。而且“图层效果”可将生动的投影、斜面和发光效果立即添加到置放于图

层上的任何图素。知道了在“历史记录”调板上的一个点击，就能够还原和重做多个步骤，我们就可以放心地体验各种效果。智能选择工具可以快速隔离图像区域。“磁性套索”会紧贴当前描绘任何形状的边缘。第3章用Photoshop作画3.2平面中的三维

世界3.2.1立体感的产生物体能够让我们感受到它是以立体形式存在，是与光的作用分不开的，也就是说光决定了物体立体感产生的效果，如图3-6所示。第3章用Photoshop作画图3-6物体立体感产生的基本规律第3章用Photoshop作画3.2.2球体1．创建一个

新文件并做渐变背景首先我们创建一个新文件并做渐变背景，步骤如下：(1)执行“文件”→“新建”，参数如图3-7所示，建立一个以白色为背景的文件。第3章用Photoshop作画图3-7新建第3章用Photoshop作画图3-8“渐变”选项调板(2)单击工具箱中的“线性渐变”按钮

，其选项显示在主菜单下的选项调板内(如图3-8所示)。第3章用Photoshop作画调板菜单中点调整值或删除选中的不透明度或色标不透明度色标色标图3-9渐变编辑器(3)在选项栏中点击渐变示例，显示“渐变编辑器”对话框(如图3-9所示)。第3章用Photoshop作画(4)从“渐变

类型”弹出式菜单中选取“实底”选项。(5)要定义渐变的起始颜色，请点击渐变条下方左侧的色标。该色标上方的三角形变黑，表示正在编辑起始颜色。(6)要选取颜色(本例可选择黑色或深蓝色)，请执行下列操作之一：●双击色标，或者在对话框的“色标”部分点击色板，选取颜色，并点击“好“按钮。●在对话框的

“色标”部分，从“颜色”弹出式菜单中选取选项。●将指针定位在渐变条上(指针变成吸管状)点击以采集色样，或点击图像中的任意位置从图像中采集色样。第3章用Photoshop作画(7)要定义终点颜色(本例可选择亮蓝色)，请点击渐变条下方右侧的色标。然后，按照步骤(5)中的描述选取颜色。(8)要

调整起点或终点的位置(可以略过此步骤)，请执行下列操作之一：●将相应的色标拖移到所需位置的左侧或右侧。●点击相应的色标，并在对话框“色标”部分的“位置”中输入值。如果值是0%，色标会在渐变条的最左端；如果值是100%，色标会在渐变条的最右端。(9)要调整中点的位置(

渐变在这里显示起点颜色和终点颜色的均匀混合)，可向左或向右拖移渐变条下面的菱形，或点击菱形，为“位置”输入值。第3章用Photoshop作画(10)要删除正在编辑的色标，请按“Delete”键。(11)要设置整个渐变的平滑度，请在“平滑度”文

本框中输入值，或者拖移“平滑度”弹出式滑块。(12)如果需要，设置渐变的透明度值。(13)输入新渐变的名称(如“蓝色渐变”)。(14)要将渐变存储为预设，请在完成渐变的创建后点击“新建”。(15)单击“好”，完成渐变编辑。(16)确认选择渐变工具，在图像上，从画布的上

沿按住鼠标向下拖动至下沿，释放鼠标，背景(如“蓝色渐变”)渐变完成，如图3-10所示。第3章用Photoshop作画图3-10蓝色渐变第3章用Photoshop作画2．新建一层使用图层可以在不影响图像中其他图素的情况下

处理某一图素。可以将图层想象成是一张张叠起来的醋酸纸。如果图层上没有图像，就可以一直看到底下的图层，如图3-11所示。我们可以通过更改图层的顺序和属性，对任何一层进行修改或删除，直到满意后可以将图像拼合在一起。另外，调整图层、填充图层和图层样式这些特殊功能可用于创建复杂效果。第3章用P

hotoshop作画图3-11图层第3章用Photoshop作画(1)确认显示“图层调板”，如果“图层调板”被隐藏，执行菜单命令“窗口”→“图层”，图层调板如图3-12所示。图3-12图层调板第3章用Photoshop作画

图3-13新建图层(2)点击图层调板中的“创建新的图层”按钮，图层调板如图3-13所示。第3章用Photoshop作画3．在新图层上选择“圆形选区”选框工具让我们选择矩形、椭圆、1像素行和1像素列。默认情况下，从选框的一角拖移选框。在选项栏中，如图3-14所示，可以指定是添加

新选区，向现有选区中添加，从选区中减去，还是选择与其他选区交叉的区域。图3-14“选框工具”选项栏第3章用Photoshop作画在选项栏中指定羽化设置。为圆角矩形选框或椭圆选框打开或关闭消除锯齿设置。为矩

形、圆角矩形或椭圆选框在选项栏中选取样式：●“正常”通过拖移确定选框的比例。●“固定长宽比”设置高度与宽度的比例。输入长宽比的值(十进制值有效)。例如，若要绘制一个“宽是高的两倍”的选框，请输入宽度值2和高度值1。●“固定大小”指定选框的高度和宽度

值。输入整数像素值。注意，创建1英寸选区所需的像素数取决于图像的分辨率。第3章用Photoshop作画对于矩形、圆角矩形或椭圆选框，可以通过鼠标拖移来选择区域。拖移时按住Shift键可将选框限制为正方形或圆形。若要从选框的中心拖移选框，在

开始拖移后按住Alt键。现在我们使用椭圆选框工具，并按住Shift键画布新图层中央选择一个大小适当的正圆，如图3-15所示。第3章用Photoshop作画图3-15正圆选区第3章用Photoshop作画4．使用

“径向渐变”工具填充选区(1)单击工具箱中的“默认前景色和背景色”按钮，将前景色设置成“黑色”，背景色设置成“白色”。(2)单击工具箱中的“切换前景色和背景色”按钮，将前景色切换成“白色”，背景色切换成“黑色”。(3)单击

工具箱中的“渐变工具”按钮，在选项栏中点击渐变示例，显示"渐变编辑器"对话框。(4)选择第一个预置渐变“前景到背景”。第3章用Photoshop作画(5)按住Alt键选择颜色块进行滑动复制并进行色彩编辑，如图3-16所示。(6)将预置

渐变名称改为“球”，单击“新建”按钮，则在预置渐变中新建了一个“球”(排在最后一个)。(7)单击“好”按钮，返回工具箱。确认选中“渐变工具”，在选项栏中选择应用渐变填充的“径向渐变”选项，以圆形图案从起点渐变到终点，如图3-17

所示。第3章用Photoshop作画图3-16“球”渐变第3章用Photoshop作画图3-17径向渐变第3章用Photoshop作画5．保存文件现在已经制作成功了一个立体感十足的球体，如果还不太满足的话，不妨重复做几次，然后保存所做的成果。PhotoShop中保存文件有三种方法，请根据

需求选择：(1)“存储”：存储对当前文件所做的更改。在Photoshop中，以当前格式存储文件。(2)“存储为”：以不同的位置或文件名存储图像。在Photoshop中，“存储为”命令可以用不同的格式和不同的选项存储图像。(3)“存储为Web

所用格式”：存储用于Web的优化图像。第3章用Photoshop作画3.2.3圆柱体、圆桶1．创建一新文件并做渐变背景(同上，略)2．新建一层(1)确认显示“图层调板”，如果“图层调板”被隐藏，请执行菜单命令

“窗口”→“图层”。(2)点击图层调板中的“创建新的图层”按钮，新建一图层，可取(改)名为“圆柱体”。第3章用Photoshop作画图3-18矩形选区3．在新图层上选择“长方形选区”使用矩形选框工具，并在画布新图层中央拖移鼠标选择一个大小适当的长方形，如图3-18所示。第

3章用Photoshop作画4．使用“线性渐变”工具填充选区(1)单击工具箱中的“默认前景色和背景色”按钮，将前景色设置成“黑色”，背景色设置成“白色”。(2)单击工具箱中的“切换前景色和背景色”按钮，将前景色切换成“白色”，背景色切换成“黑色”

。(3)单击工具箱中的“渐变工具”按钮，在选项栏中点击渐变示例，显示“渐变编辑器”对话框。第3章用Photoshop作画(4)选择第一个预置渐变“前景到背景”。(5)按住Alt键选择颜色块进行滑动复制并进行色彩编辑，如图3-19所示。(6)将预置渐变名称改为“圆柱”，单击“新建”

按钮，则在预置渐变中新建了一个“圆柱”(排在最后一个)。(7)单击“好”按钮，返回工具箱。确认选中“渐变工具”，在选项栏中选择应用渐变填充的“线性渐变”以直线从起点渐变到终点，如图3-20所示。第3章用Photoshop作画图3-19“圆柱”渐变第3章用Photoshop作画图3-2

0线性渐变第3章用Photoshop作画5．圆柱体透视图以上结果仿佛是一个正视的圆柱，但现实生活中，我们经常会看到它有一个圆形的顶盖，这是透视的原因。下面我们将正视圆柱体修改成透视圆柱体。(1)点击图层调板中的“创

建新的图层”按钮，新建一图层，可命名为“圆柱体顶部”。(2)使用椭圆选框工具在圆柱体顶部画一椭圆，如图3-21所示。(3)更改前景色为亮灰色(不要太暗)。(4)将前景色(亮灰色)填充到“圆柱体顶部”图层的椭圆选区中，如图3-22所示。(5)使“圆柱体顶

部”图层浮动(按住Ctrl键并单击“圆柱体顶部”图层即可)。第3章用Photoshop作画(6)回到“圆柱体”图层将鼠标置于浮动选择区域内，鼠标变成时拖动椭圆浮动范围(注意：只有在任意的选择工具状态下，才能移动浮动选择区域)，或使用键盘“↑↓→←”移动浮动选区，结果如图3-2

2所示。(7)使用矩形选框工具，同时按住Shift键(或在选项栏中，按下)向现有选区中添加选区，如图3-23所示。(8)选择菜单命令“选择”→“反选”，并用键盘上Del键删除不需要的部分，取消浮动，完成圆柱体，如图3-24所示。第3章用P

hotoshop作画图3-21椭圆选区第3章用Photoshop作画图3-22椭圆选区(下)第3章用Photoshop作画图3-23添加选区第3章用Photoshop作画图3-24圆柱体第3章用Photoshop作画6．将圆柱改变成圆筒(1)在图层面板上使“圆柱体顶部”图层浮动(方法是按住Ctrl

键并单击“圆柱体顶部”图层即可)。(2)点击图层调板中的“创建新的图层”按钮，新建一图层，可命名为“圆筒顶部”。(3)返回工具箱。确认选中“渐变工具”，在选项栏中选择应用渐变填充的“线性渐变”。在“圆筒顶部”浮动选区中以直线从起点渐变到终点，圆筒完成，结果如图

3-25所示。第3章用Photoshop作画图3-25圆筒第3章用Photoshop作画3.2.4圆锥1．创建一新文件并做渐变背景(同上，略)2．新建一层并制作正视圆柱体使用上一节制作圆柱体的方法制作一个正视圆柱体，如图3-26所示。图3-26正视圆柱体第3章用Photoshop作画图3-2

7“透视”变换控制点第3章用Photoshop作画3．将圆柱体改变成锥体(1)选择菜单命令“编辑”→“变换”→“透视”，如图3-27所示。(2)点选右上方小方块平行移至中心方块处，如图3-28所示，按回车键(或

在图像中央双击)确认，完成正视锥体制作，如图3-29所示。第3章用Photoshop作画图3-28“透视”变换图3-29正视锥体第3章用Photoshop作画4．修改完成的锥体(1)使用椭圆选框工具在锥体底部画一椭圆，如图3-30所示。(2)使用矩形选框工具，同时按住Shift键(或

在选项栏中，按下)向现有选区中添加选区，如图3-31所示。(3)选择菜单命令“选择”→“反选”后用键盘上Del键删除不需要的部分，取消浮动，完成圆锥体，如图3-32所示。第3章用Photoshop作画图3-30在锥体底部画一椭园图3-31添加选区图3-32锥体第3章用Photosho

p作画3.2.5环状体1．创建一新文件并做渐变背景(同上，略)2．新建一层(1)确认显示“图层调板”，如果“图层调板”被隐藏，请执行菜单命令“窗口”→“图层”。(2)点击图层调板中的“创建新的图层”按钮，新建一图层，可命名为“环状体”

。第3章用Photoshop作画3．在新图层上画一个平面的环形(1)使用椭圆选框工具，并按住Shift键画布新图层中央选择一个大小适当的正圆。(2)设置前景色为灰色。(3)将正圆选取用灰色填充(可使用油漆桶工具，或使用Alt+Del组合键)。(4)接着我们将画

一个小圆将大圆的中心部位“挖掉”。使用椭圆选框工具，并按住Shift键在画布新图层中央再画一个比大圆小的正圆，如图3-33所示。第3章用Photoshop作画图3-33比大圆小的正圆选区第3章用Photoshop作画

(5)单击工具箱中的“默认前景色和背景色”按钮，将前景色设置成“黑色”。(6)点击图层调板中的“创建新的图层”按钮，新建一图层“图层2”，并使用前景色(黑色)填充小正圆。(7)在“图层2”层上按住Ctrl键并点选“环状体”图层(“图层1”

)使之浮动。(8)我们希望将小圆精确地移动到大圆的中心，执行菜单命令：“图层”→“与选区对齐”→“垂直居中”后再执行“图层”→“与选区对齐”→“水平居中”，结果小圆精确地移动到大圆的中心，如图3-34所示。第3章用Photoshop作画图3-34小圆精确地移

动到大圆的中心第3章用Photoshop作画(9)使“图层2”层浮动(按住Ctrl键点选“图层2”层)，并使“环状体”图层(“图层1”)为活动图层(当前工作图层)，按Delete键删除大圆的中心部分。接着将“图层2”

层删除(拖入图层面板的垃圾桶内进行删除)，平面圆环便制作完成，如图3-35所示。图3-35删除大圆的中心部分第3章用Photoshop作画4．变平面圆环为立体圆环(1)使“环状体”图层(“图层1”)浮动。(2)执行菜单命令：“选择”→“羽化”

，羽化半径为5像素。(3)执行菜单命令：“选择”→“反选”。(4)在确认为任意选择工具状态下，向右上方移动浮动区域，如图3-36所示。(5)执行菜单命令：“图像”→“调整”→“亮度/对比度”，弹出“亮度/对比度”对话框，参数如图3-37所示，结果

如图3-38所示。第3章用Photoshop作画图3-36向右上方移动浮动区域图3-37亮度/对比度第3章用Photoshop作画图3-38调整“亮度/对比度”后的效果第3章用Photoshop作画(6)将选择浮动区向

左下方移动，如图3-39所示。图3-39移动后的效果第3章用Photoshop作画(7)执行菜单命令：“图像”→“调整”→“亮度/对比度”，弹出“亮度/对比度”对话框，参数如图3-40所示。图3-40亮度/对比度第3章用Photoshop作画(8)取消浮动选区结果如图3-4

1所示，立体圆环制作完成。图3-41立体圆环第3章用Photoshop作画3.3山水画在学会现实物体(三维)基本造型绘制的基础之上，下面我们可以尝试使用Photoshop来绘制一幅山水画，如图3-42所示。我们这里需要说明的是，这样做的目的不是说明Photoshop的功能只能是或主要是

绘画。事实上Photoshop的主要功能是图像处理。我们的目的是通过绘制一幅山水画来进一步认识和熟悉Photoshop工具箱中常用工具，特别是选区工具(毛笔、铅笔、橡皮等实际上也是选区工具)，从而为下一步学习图像处理打下技术基础。第3章用Photoshop作画图3-

42Photoshop绘制的“山水画”第3章用Photoshop作画3.3.1规格化画布使用Photoshop进行图像处理或绘画之前我们必须首先确定画布大小(尺寸)，图像用途(即模式，网页为RGB模式、打印或印刷稿为CMYK模式)等。

画布大小根据图像输出大小及设备分辨率(相乘)得到。新建文档窗口如图3-43所示。图3-43新建文档第3章用Photoshop作画3.3.2使用绘画工具Photoshop提供了画笔工具和铅笔工具，我们可以用当前前景色进行绘画。默认情况下，画笔工具创建颜色的柔描边，而铅笔工具创建硬边手画线。

不过，通过复位工具的画笔选项可以更改这些默认特性。也可以将画笔工具用作喷枪，对图像应用颜色喷涂。1．使用画笔工具或铅笔工具(1)指定前景色。(2)选择画笔工具或铅笔工具。第3章用Photoshop作画(3)在选项栏中执行下列操作：●选取画笔和设置画

笔选项。●指定混合模式。●指定不透明度。●对于画笔工具，指定流动速率。●点击喷枪按钮可将画笔用作喷枪。或者在“画笔”调板中选择“喷枪”。●对于铅笔工具，选择“自动抹掉”可在包含前景色的区域上绘制背景色。第3章用Photoshop作画(4)请

执行下列操作：●在图像中拖移来进行绘画。●要绘制直线，请在图像中点击起点。然后按住Shift键并点击终点。●将画笔工具用作喷枪时，按住鼠标左键(不拖移)可增大颜色量。第3章用Photoshop作画2．使用橡皮擦工具在图像中拖移时，橡皮擦工具会随之更改图像中

的像素。如果我们正在背景中或在透明被锁定的图层中工作，像素将更改为背景色，否则像素将抹成透明。还可以使用橡皮擦使受影响的区域返回到“历史记录”调板中选中的状态。具体步骤如下：(1)选择橡皮擦工具。(2)在选项栏中执行下列

操作：●选取画笔并设置画笔选项。●选取橡皮擦模式：“画笔”(Photoshop)、“铅笔”或“块”。第3章用Photoshop作画●指定不透明度以定义抹除强度。100%的不透明度将完全抹除像素，较低的不透明度将部分抹除像素。●

在“画笔”模式中，指定流动速率。●在“画笔”模式中，点击喷枪按钮，将画笔用作喷枪。或者，在“画笔”调板中选择“喷枪”选项。●要抹除图像的已存储状态或快照，在“历史记录”调板中点击状态或快照的左列，然后选择选项栏中的“抹到历史记录”。(3)拖过要抹除的区域。第

3章用Photoshop作画3．使用图章工具使用图案图章工具可以用图案绘画，即可以从图案库中选择图案或者创建自己的图案。仿制图章工具从图像中取样，然后可将样本应用到其他图像或同一图像的其他部分。该工具的每个描边可在多个样本上绘画，如图3-44所示。第3章用Ph

otoshop作画图3-44图案图章工具第3章用Photoshop作画(1)选择仿制图章工具，并在选项栏中执行下列操作：●选取画笔和设置画笔选项。●指定混合模式、不透明度和流量。●确定想要对齐样本像素的方式。

如果选择“对齐的”，则可以松开鼠标左键，当前的取样点不会丢失。这样，无论多少次停止和继续绘画，都可以连续应用样本像素。如果取消选择“对齐的”，则每次停止和继续绘画时，都将从初始取样点开始应用样本像素。●选择“用于所有图层”可以从所有

可视图层对数据进行取样；取消选择“用于所有图层”将只从现用图层取样。第3章用Photoshop作画(2)通过在任意打开的图像或图像源中定位指针，然后按住Alt键并点击来设置取样点。注意：如果要从一幅图像中取样并应用到另一图像，则这两幅图像的颜色模式必须相同。(3)在目标图像中拖移，仿

制从取样点开始的图像。第3章用Photoshop作画4．使用文字工具输入点文字时，每行文字都是独立的，行的长度随着编辑增加或缩短，但不换行。输入的文字即出现在新的文字图层中。输入段落文字时，文字基于定

界框的尺寸换行。可以输入多个段落并选择段落调整选项。可以调整定界框的大小，这将使文字在调整后的矩形中重新排列。可以在输入文字时或创建文字图层后调整定界框。还可以使用定界框旋转、缩放和斜切文字。第3章用Photoshop作画用文字工具在图像中点击可将文字工具置于编辑模式。当文字工具处于编辑模式时

，可以输入并编辑字符；但是，必须提交对文字图层的更改后才能执行某些操作。若要确定文字工具是否处于编辑模式，请查看选项栏。如果显示有“提交”按钮和“取消”按钮，则表明文字工具处于编辑模式。(1)选择横排文字工

具或直排文字工具。(2)在图像中点击，为文字设置插入点。穿过I型光标的短线标记文字基线的位置。对于横排文字，基线表示文字底线；对于直排文字，基线表示文字字符的中轴线。(3)在选项栏、“字符”调板和“段落”

调板中选择其他文字选项。(4)输入所需的字符。按主键盘上的Enter键另起一行。第3章用Photoshop作画(5)提交文字图层。执行下列操作之一：●点击选项栏中的“提交”按钮。●按数字键盘上的Enter键。●按主键盘上的Ctrl+Enter组合键。

●选择工具箱中的任意工具，在“图层”、“通道”、“路径”、“动作”、“历史记录”或“样式”调板中点击，或者选择任何可用的菜单命令。第3章用Photoshop作画5．选择工具的混合模式选项栏中指定的混合模式控制图像中的像素如何受绘画或编辑工具的影响。在

想象混合模式的效果时，从以下颜色考虑是有帮助的：●基色是图像中的原稿颜色。●混合色是通过绘画或编辑工具应用的颜色。●结果色是混合后得到的颜色。第3章用Photoshop作画绘画或编辑工具的混合模式可以从相应选项栏的"模式"菜单中选取，常见的有：(1)

正常。编辑或绘制每个像素，使其成为结果色，这是默认模式。(在处理位图图像或索引颜色图像时，“正常”模式也称为阈值。)(2)溶解。编辑或绘制每个像素，使其成为结果色。但是，根据任何像素位置的不透明度，结果色由基色或混合色的像素随机替换。(3)背后。仅在图层的透明部分编辑或绘画。此模

式仅在取消了“锁定透明区域”的图层中使用，类似于在透明纸的透明区域背面绘画。第3章用Photoshop作画(4)清除。编辑或绘制每个像素，使其透明。此模式可用于直线工具(当填充区域被选中时)、油漆桶工具、画笔工具、铅笔工具、“填充”命令和“描边”命令。

要使用此模式，必须是在取消选择"锁定透明度"的图层中。(5)变暗。查看每个通道中的颜色信息，并选择基色或混合色中较暗的颜色作为结果色。比混合色亮的像素被替换，比混合色暗的像素保持不变。(6)正片叠底。查看每个通道中的颜色信息，并将基色与混合色复合，结果色总是较暗的颜色。任何颜色

与黑色复合产生黑色，任何颜色与白色复合保持不变。当用黑色或白色以外的颜色绘画时，绘画工具绘制的连续描边产生逐渐变暗的颜色。这与使用多个魔术标记在图像上绘图的效果相似。第3章用Photoshop作画(7)颜色加深。查看每个通道中的颜色信息，并通过

增加对比度使基色变暗以反映混合色。与白色混合后不产生变化。(8)线性加深。查看每个通道中的颜色信息，并通过减小亮度使基色变暗以反映混合色。与白色混合后不产生变化。(9)变亮。查看每个通道中的颜色信息，并选择基色或混合色中较亮的颜色作为结果色。比

混合色暗的像素被替换，比混合色亮的像素保持不变。第3章用Photoshop作画(10)屏幕。查看每个通道的颜色信息，并将混合色的互补色与基色复合，结果色总是较亮的颜色。用黑色过滤时颜色保持不变，用白色过滤将产生白色。此效果类似于多个摄影幻灯

片在彼此之上投影。(11)颜色减淡。查看每个通道中的颜色信息，并通过减小对比度使基色变亮以反映混合色。与黑色混合则不发生变化。(12)叠加。复合或过滤颜色，具体取决于基色。图案或颜色在现有像素上叠加，同时保留基色的明暗对比。不替换基色，但基色与混合色相

混合以反映原色的亮度或暗度。第3章用Photoshop作画(13)柔光。使颜色变亮或变暗，具体取决于混合色。此效果与发散的聚光灯照在图像上相似。如果混合色(光源)比50%灰色亮，则图像变亮，就像被减淡了一样。如果混

合色(光源)比50%灰色暗，则图像变暗，就像被加深了一样。用纯黑色或纯白色绘画会产生明显较暗或较亮的区域，但不会产生纯黑色或纯白色。(14)强光。复合或过滤颜色，具体取决于混合色。此效果与耀眼的聚光灯照在图像上相似。如果混合色(光源)比50%灰色亮，则图像变亮，就

像过滤后的效果。这对于向图像中添加高光非常有用。如果混合色(光源)比50%灰色暗，则图像变暗，就像复合后的效果。这对于向图像添加暗调非常有用。用纯黑色或纯白色绘画会产生纯黑色或纯白色。第3章用Photoshop作画(15)

亮光。通过增加或减小对比度来加深或减淡颜色，具体取决于混合色。如果混合色(光源)比50%灰色亮，则通过减小对比度使图像变亮。如果混合色比50%灰色暗，则通过增加对比度使图像变暗。(16)线性光。通过减小或增加亮度来加深或减淡颜色，具体取决于混

合色。如果混合色(光源)比50%灰色亮，则通过增加亮度使图像变亮。如果混合色比50%灰色暗，则通过减小亮度使图像变暗。第3章用Photoshop作画(17)点光。替换颜色，具体取决于混合色。如果混合色(光源)比50%灰色亮，则替换比混合色暗的像素，而不改变比混合色亮的像素。如果混合色

比50%灰色暗，则替换比混合色亮的像素，而不改变比混合色暗的像素。这对于向图像添加特殊效果非常有用。(18)差值。查看每个通道中的颜色信息，并从基色中减去混合色，或从混合色中减去基色，具体取决于哪一个颜色的亮度值更大。与白色混合将反转基色值，与黑色混合则不产生变化。(19

)排除。创建一种与“差值”模式相似但对比度更低的效果。与白色混合将反转基色值，与黑色混合则不发生变化。第3章用Photoshop作画(20)色相。用基色的亮度和饱和度以及混合色的色相创建结果色。(21)饱和度。用基色的亮度和色相以及混合色的饱和度创建结果色。在无饱和度(饱和度值为0，灰色)的区域

上用此模式绘画不会产生变化。(22)颜色。用基色的亮度以及混合色的色相和饱和度创建结果色。这样可以保留图像中的灰阶，并且对于给单色图像上色和给彩色图像着色都会非常有用。(23)亮度。用基色的色相和饱和度以及混合色的亮度创建结果色。此模式创建与“颜色”模式相反的效果。第3章用Photosho

p作画6．指定不透明度、流量、强度或曝光度可以指定绘画或编辑工具的不透明度、流量、强度或曝光度：●“不透明度”指定画笔、铅笔、仿制图章、图案图章、历史记录画笔、历史记录艺术画笔、渐变和油漆桶工具应用的最大油彩覆盖量。●“流量”指定画笔工具应用油彩的速度。●“强度”指定涂抹、模糊、锐化和海绵

工具应用的描边强度。●“曝光度”指定减淡和加深工具使用的曝光量。第3章用Photoshop作画不透明度、流量、压力或曝光度的范围可以从1%～100%。如果需要透明油彩或不明显的效果，应指定较低的百分比值；如果需要更加不透明的油彩或较强的效

果，应指定较高的百分比值。按数字键以10%的倍数设置工具的不透明度、流量、强度或曝光度(按1设置为10%，按0设置为100%)。第3章用Photoshop作画3.4设计Web页及Web动画Adobe公司从Photoshop

6.0版开始将ImageReady与Photoshop捆绑销售，ImageReady是一款用于Web图像、动画制作和处理的软件。使用ImageReady配合Photoshop可以为Web和无线设备生成新颖独特的图像。

当使用Photoshop和ImageReady设计Web页时，请注意每个软件所使用的工具和特性。在整个网页制作过程中，它们两个是各司其职的。●Photoshop提供创建用在Web上的静态图像的工具。可以将图像切片、添加

链接和HTML文本、优化切片并将图像存储为Web页。第3章用Photoshop作画●ImageReady提供许多类似Photoshop的图像编辑工具。另外，它还包括用于高级Web处理和创建动态Web图像(如

动画和翻转)的工具和调板。当存储用作Web页的图像时，可以选取生成HTML文件。该文件包含特定的信息，告诉Web浏览器在载入Web页时要显示的内容。它可以包含指向图像的指针(以GIF、PNG、JPEG和WBMP文件的形式)、HTML文本、链接信息以及创建翻转效果的Ja

vaScript代码。可以通过直接在AdobeGoLive中打开Photoshop文件来集中制作Web页。在GoLive中，可以访问Photoshop文件中的切片、URL和其他Web功能来进行管理和编辑。在GoLive中也可以将Photoshop文

件作为页模板打开。页模板以带阴影的预览形式显示，并为在GoLive中建立Web页提供了可视指南。第3章用Photoshop作画3.4.1切片切片是图像的一块矩形区域，可用于在Web页中创建链接、翻转和动画。可以使用切片将源图像分成许多的功能区域，如图3-4

5所示。将图像存为Web页时，每个切片作为一个独立的文件存储，文件中包含切片自己的设置、颜色调板、链接、翻转效果及动画效果。使用切片可以加快下载速度。处理包含不同数据类型的图像时，切片也很有用。例如，如果需要以GIF格式优化图像的某一区域以便支持动画，而

图像的其余部分以JPEG格式优化更好时，就可以使用切片隔离动画。第3章用Photoshop作画图3-45分成切片的Web页图像切片基于图层的切片无图像切片包含翻转的切片第3章用Photoshop作画在“输出设置”对话框中使用表或级联样式表设置Photoshop或ImageRead

y应用程序生成用于对齐切片的HTML代码的方式。还可以设置命名切片文件的方式。使用切片工具创建的切片称为用户切片；从图层创建的切片称为基于图层的切片。在创建新的用户切片或基于图层的切片时，将生成占据图像其余区域

的附加自动切片。换句话说，自动切片填充图像中用户切片或基于图层的切片未定义的空间。每次添加或编辑用户切片或基于图层的切片时都重新生成自动切片。第3章用Photoshop作画用户切片、基于图层的切片和自动切片的外观

不同：用户切片和基于图层的切片由实线定义，而自动切片由点线定义。另外，每种类型的切片都显示不同的图标。可以选取显示或隐藏自动切片，这样更容易查看使用用户切片和基于图层的切片的作品。子切片是创建重叠切片时生成的一种自动切片类型。子切片指示存储优化的文件时

如何划分图像。尽管子切片有编号并显示切片标记，但无法独立于底层切片选择或编辑子切片。每次排列切片的堆叠顺序时都重新生成子切片。第3章用Photoshop作画1．创建用户切片可以使用切片工具或从参考线创建切片

，并且可以在ImageReady中从选区创建切片。具体步骤如下：(1)选择切片工具。任何现有切片自动显示在文档窗口中。(2)选取选项栏中的样式设置：●“正常”选项通过拖移确定切片比例。●“固定长宽比”选项设置高度与宽度的比例。输入整数或小数作为

长宽比。例如，若要创建一个宽度是高度两倍的切片，请输入宽度值2和高度值1。●“固定大小”选项指定切片的高度和宽度。输入整数像素值。第3章用Photoshop作画(3)在要创建切片的区域上拖移。按住Shift键并拖移可将切片限制为正方形。按住Alt键(Windows)或Option键(MacOS)

拖移可从中心绘制。使用对齐使新切片与参考线或图像中的另一切片对齐。第3章用Photoshop作画2．创建基于图层的切片从图层创建切片时，切片区域包含图层中的所有像素数据。如果移动该图层或编辑其内容，切片区域将自动调整以包含新的像素，如图3-46所示。图3-46在修改源图层时基于图层的切片

更新的示例第3章用Photoshop作画在处理翻转时，基于图层的切片特别有用。如果将某种效果(如投影或发光)应用于图层以创建翻转状态，则切片将自动调整以包含新的像素。但是，如果计划在动画期间在图像的一块很大区域上移动该图层，则不要使用基于图层的切片，因为切片尺寸可能超出有用的大小。(1)在

图层调板中选择图层。(2)选取“图层”→“基于新建图层的切片”。第3章用Photoshop作画3．将自动切片转换为用户切片可以对用户切片进行移动、复制、组合、划分、调整大小、删除、排列、对齐和分布。还可以对用户切片应用不同的优化设置。相反，图像中的所有自动切片都链接在一起并共享

相同的优化设置。这是由于每次创建或编辑用户切片、基于图层的切片时都重新生成自动切片。将自动切片转换为用户切片可防止自动切片在重新生成时发生更改。自动切片的划分、组合、链接和设置选项自动将其转换为用户切片。第3章用Photoshop作画

4．将基于图层的切片转换为用户切片由于基于图层的切片受图层的像素内容限制，因此，编辑图层是移动、组合、划分、调整大小和对齐该切片的惟一方法。可以将基于图层的切片转换为用户切片，以取消它与图层的链接。5

．切片标记指示用户切片具有“图像”内容还是具有“无图像”内容；切片是否为基于图层的切片；切片是否链接；或者切片是否包含翻转效果。第3章用Photoshop作画6．为“图像”切片指定URL为切片指定URL可使整个切片区域成为结果Web页的热点

。用户点击热点时，Web浏览器链接到指定的URL和目标帧。该选项只用于“图像”切片。第3章用Photoshop作画7．将HTML文本添加到切片选取切片的“无图像”类型得以输入将出现在结果Web页的切片区域中的文本。该文本是HTML文本——可以使用标准HTML标记

格式化该文本，也可以选择垂直和水平对齐选项。Photoshop和ImageReady不在文档窗口中显示HTML文本，必须使用Web浏览器来预览文本。注意，用于查看文本的浏览器的设置和操作系统会影响文本的外观。所以务必在不同的操

作系统上使用不同的浏览器，利用不同的浏览器设置预览HTML文本，查看文本在Web上的显示方式。第3章用Photoshop作画8．优化切片可以使用“存储为Web所用格式”对话框(Photoshop)或“优

化”调板(ImageReady)优化“图像”切片。所有“图像”切片都使用整个图像的优化设置，直到应用新的设置。如果选择具有不同优化设置的多个切片，则只有与所有选中切片相关的控制可见；如果各切片的控制设置不同，则控制为空白。选取的任何设置都应用于所有选

中的切片。在ImageReady中，也可以将优化设置从文档中的一个切片拷贝到另一个切片，或从一个视图中的切片拷贝到另一个视图中的切片(双联或四联视图)。第3章用Photoshop作画3.4.2图像映射图像映射可以

将图像区域链接到URL。我们可以在图像中设置多个链接区域(称为图像映射区域)，与文本文件、其他图像、音频、视频、多媒体文件、该Web站点的其他页或其他Web站点链接。也可以在图像映射区域创建翻转效果。使用图像映射与使用切片创建链接的主要区别在于源图像

导出Web页的方式不同。使用图像映射时，图像作为一个文件按原样导出；而使用切片时，图像作为一个单独的文件导出。图像映射与切片之间的另一个区别是，图像映射能够链接图像的圆形、多边形或矩形区域，而切片只能链接矩形区域。如果只需要链接矩形区域，使用切片可能比使用图像映射更可取。第3章用Photosh

op作画1．创建图像映射可以使用图像映射工具或从图层创建图像映射区域，如图3-47所示。(1)用图像映射工具创建。在图像内拖移以定义图像映射区域。可以在“图像映射”调板中查看基于工具的图像映射并为其设置选项。(2)从图层创建。

图层内容定义图像映射区域的形状，而图像映射继承图层的名称。如果编辑图层的内容，则图像映射区域将自动调整以包含新的像素。可以在“图像映射”调板中查看基于图层的图像映射区域并为其设置选项。如果计划为图像映射区域添加翻转效果，通常使用基于图层的图像映射区域而非基于工具的图像映射区域。第3章用Ph

otoshop作画图3-47与多边形图像映射相比较的基于图层的矩形图像映射第3章用Photoshop作画2．创建Web照片画廊(Photoshop)使用“Web照片画廊”命令从一组图像中自动生成Web照片画

廊。Web照片画廊是一个Web站点，它具有一个包含缩览图图像的主页和若干包含全图像的画廊页。每页都包含链接，使访问者可以在该站点中浏览。例如，当访问者点击主页上的缩览图图像时，便载入包含相关全图像的画廊页，如图3-48所示。Photoshop提供了画廊的各种

样式，可以使用“Web照片画廊”命令进行选择。对于具有HTML知识的高级用户，也可编辑HTML模板文件集来自定样式，或创建新样式。第3章用Photoshop作画图3-48Web照片画廊主页和已载入的画廊

页第3章用Photoshop作画3.4.3翻转翻转是一种Web效果。当查看者在Web页的某一区域上执行鼠标动作(如滚动或点击)时，该效果将产生不同的图像显示状态。状态由“图层”调板的特定配置定义，包括图

层位置、样式和其他格式化选项。使用切片或图像映射区域来定义翻转的现用区域。向图像添加新状态时，首先捕捉切片或图像映射区域在前一状态中的快照。然后可以使用“图层”调板更改新状态的图像。将具有翻转状态的图像存储为W

eb页时，每个翻转状态均存储为一个单独的图像文件。如图3-49所示是具有三种翻转状态的图像。第3章用Photoshop作画图3-49具有三种翻转状态的图像正常状态指向状态按下状态第3章用Photoshop作画3.4.4动画将“动画”调

板与“图层”调板和“翻转”调板配合使用，可以从原来的多图层图像创建动画帧。然后为每一帧指定延迟时间，使用“过渡”命令生成新的帧并为动画指定循环。其中创建的帧的数量仅受系统中可用于ImageReady的内存数量的限制。动画就是在一段

时间内显示的一系列图像或帧。每一帧较前一帧有轻微的变化，当连续、快速地显示这些帧时则会产生运动的感觉。如图3-50所示的自行车动画，自行车图像在自身的图层上，图层的位置在动画的每一帧中都发生更改。第3章用P

hotoshop作画一个图像可以具有与不同翻转状态关联的多个动画。例如，将一个动画添加到“正常”翻转状态，可以在Web页初次由Web浏览器载入时播放动画；将动画添加到另一翻转状态，可以使动画仅在Web用户执行指定动作(如将鼠标放置到翻转上或点击翻转)时播放。下面介绍创建动画的具体过程。第3

章用Photoshop作画1．添加帧添加帧是创建动画的第一步。如果已经在ImageReady中打开一个图像，则“动画”调板将该图像显示为新动画的第一个帧。添加的每个帧开始时都是上一个帧的副本。然后可使用“图层”调板对帧进行更改。图3-

50自行车动画第3章用Photoshop作画2．选择帧在处理帧之前，必须将其选择为当前帧。当前帧的内容显示在文档窗口中。可以选择多个连续的或是不连续的帧，将它们作为一个组来编辑或应用命令。选择多个帧时，只有当前帧

显示在文档窗口中。在“动画”调板中，当前帧由帧缩览图周围的窄边框(在带阴影的选区高光的内部)指示，选中的帧由帧缩览图周围带阴影的高光指示。第3章用Photoshop作画3．编辑帧可以使用“动画”调板或“翻转”调板来编辑某个帧的图像内容。在ImageReady

中，处理图层是创建翻转和动画的重要部分。通过将翻转的图像内容置于翻转图层上，可使用“图层”调板命令和选项创建翻转效果，如图3-51所示。与此类似，通过将动画的每一图素置于动画图层上，可以在一系列帧中更改该图素

的位置和外观。第3章用Photoshop作画图3-51按钮在自身的图层上第3章用Photoshop作画4．重新排列和删除帧可以更改动画中帧的位置并反转所选的连续帧的顺序，还可以删除所选的帧或整个动画。5．拷贝和粘贴帧为理解拷贝和粘贴帧时发生的事情，可将帧视为具有给定图

层配置的图像副本。拷贝帧就是拷贝图层的配置(包括每一图层的可视性设置、位置和其他属性)。粘贴帧就是将图层的配置应用到目标帧。第3章用Photoshop作画6．过渡帧使用“过渡”命令可以自动添加或修改两个现有帧之间的一系

列帧，即均匀地改变新帧之间的图层属性(位置、不透明度或效果参数)以创建运动外观。例如，如果要渐隐一个图层，则可将起始帧的图层不透明度设置为100%，然后将结束帧的同一图层的不透明度设置为0%。在这两个帧之间过渡时，该图层

的不透明度在整个新帧上均匀减小。如图3-52所示。图3-52使用过渡对变形文本进行动画处理第3章用Photoshop作画“过渡”(tweening)这一术语从“inbetweening”变化而来，它是用于描述这一过程的传统动画术语。“过渡”命

令大大减少了创建动画效果(如渐现、渐隐或在帧之间移动图素)所需的时间。创建过渡帧之后，可以分别对它们进行编辑。具体步骤如下：(1)若要将过渡应用到特定图层，请在“图层”调板中选择它。(2)选择单一帧或多个连续帧。如果选择单一帧，则应选取是否用上一帧或下一帧来过渡该帧；如果选择两

个连续帧，则在这两个帧之间添加新帧；如果选择的帧多于两个，过渡操作将改变所选的第一帧和最后一帧之间的现有帧；如果选择动画中的第一帧和最后一帧，则这些帧将被视为连续的，并且过渡帧将添加到最后一帧之后(将动画设置为多次循环时，这种过渡方法很有用)

。第3章用Photoshop作画(3)点击“动画”调板中的“过渡”按钮，或从“动画”调板菜单中选择“过渡”命令。(4)指定要在添加的帧中改变的图层：●“所有图层”可以改变所选帧中的全部图层。●“选中的图层”只改变所选帧中当前选中的图层。(5)指定要改变

的图层属性：●“位置”可以在起始帧和结束帧之间均匀地改变图层内容在新帧中的位置。●“不透明度”可以在起始帧和结束帧之间均匀地改变新帧的不透明度。●“效果”可以在起始帧和结束帧之间均匀地改变图层效果的参数设置

。第3章用Photoshop作画(6)如果在第(2)步中选择的是单一帧，请从“过渡”菜单中选取在何处添加帧：●“下一帧”可以在所选的帧和下一帧之间添加帧。当在“动画”调板中选择最后一帧时，该选项不可用。●“第一帧”可以在最后一帧和第一帧之间添加帧。只有在“动画”

调板中选择最后一帧时，该选项才可用。●“上一帧”可以在所选的帧和前一帧之间添加帧。当在“动画”调板中选择第一帧时，该选项不可用。●“最后一帧”可在第一帧和最后一帧之间添加帧。只有在“动画”调板中选择最后一帧时，该选项不可用。第3章用Photoshop作画(7)输入一个值，或使用向上或

向下箭头键选取要添加的帧的编号。如果选取的帧多于两个，该选项不可用。在这种情况下，过渡操作改变选区中第一帧和最后一帧之间的现有帧。(8)点击“好”按钮。第3章用Photoshop作画7．指定循环选择一个循环选项以指定动画序列在播放时重复的次数

。步骤如下：(1)在“动画”调板左下角点击循环选项的选区框。(2)选择一个循环选项：“一次”、“一直有效”或“其他”。(3)如果选择的是“其他”，请在“设置循环计数”对话框中输入一个值，并点击“好”按钮。8．指定帧延迟可以为动画里的单个帧或多个帧指

定延迟(显示一个帧的时间)，延迟时间以秒为单位显示。秒的几分之一以小数值显示，例如，1/4秒被指定为.25。第3章用Photoshop作画9．将图层添加到帧创建新图层时，该图层在动画的所有帧中都是可见的。

若要在特定帧中隐藏图层，可在“动画”调板中选择该帧，然后在“图层”调板中隐藏要隐藏的图层。每次创建帧时，都可以使用“为每个新帧创建图层”选项自动将新图层添加到图像中。新图层在新帧中是可见的，但在其他帧中是隐藏的

。当我们正在创建的动画要求将新的可视图素添加到每一帧时，使用该选项可以节省时间。第3章用Photoshop作画10．设置帧处理方法帧处理方法指定在显示下一帧之前是否扔掉当前帧。在处理包含背景透明度的动画时可选择一种处理方法，以指定当前帧是否透过下一帧的透明区域可见，如

图3-53和图3-54所示。图3-53具有背景透明度并使用“恢复为背景”选项的帧第3章用Photoshop作画图3-54具有背景透明度并使用“不处理”选项的帧“处理方法”图标指示将该帧设置为“不处理”还是“恢复为背景”。“处理方法”设置为“自动”时不显示图

标。第3章用Photoshop作画11．将帧拼合到图层可以将动画的帧拼合到图层中。将为每一帧创建单个复合图层，它包含该帧中的所有图层。该帧中原来的图层被隐藏并被保留(如果其他帧需要，原来的图层将可用)。第3章用Photoshop作画3.4.5优化优化是微调图像显示品质和文件大小的过程，以便用于We

b或其他联机媒体。AdobePhotoshop和AdobeImageReady可以在优化图像联机显示品质的同时，有效地控制图像文件的压缩大小。在Photoshop中，可以使用“存储为Web所用格式”对话框选择优化选项并预览经过优化的图片，如图

3-55所示。在ImageReady中，可以在文档窗口中随时查看和处理优化的图像。第3章用Photoshop作画图3-55使用“存储为Web所用格式”对话框工具箱“预览”弹出式菜单“预览”弹出式菜单“颜色调板”弹出式菜单优化的图像原稿图

像“缩放级别”文本框第3章用Photoshop作画1．查看优化图像(ImageReady)在ImageReady中，可直接在文档窗口中查看和处理优化图像。最多可以同时查看优化图像的四个版本，如图3-56所示，并可在图像的优化版本和原稿(未优化)版本之间轻松切换。点击文档窗口顶部的

选项卡选择显示选项：(1)“原稿”查看未优化的图像。(2)“优化”查看应用了当前优化设置的图像。(3)“双联”并排查看图像的两个版本。(4)“四联”并排查看图像的四个版本。第3章用Photoshop作画图3-5

6“四联”模式的文档窗口第3章用Photoshop作画2．GIF和PNG-8格式的优化选项GIF是用于压缩具有单调颜色和清晰细节的图像(如艺术线条、徽标或带文字的插图)的标准格式。通过减少文件中的颜色数量可以减小GIF图像的大小。和GIF格式一样，PNG-8格式在保留清晰细节的同时，高效地压

缩实色区域，但并不是所有的Web浏览器都能显示PNG-8文件。PNG-8的设置与GIF设置很相似(如图3-57和图3-58所示)。第3章用Photoshop作画图3-57GIF格式的优化选项图3-58PNG-8格式的优化选项第3章用Photoshop作画3

．PEG格式的优化选项JPEG是用于压缩连续色调图像(如照片)的标准格式。将图像优化为JPEG格式依赖于有损压缩，它有选择地扔掉数据。JPEG格式的优化选项如图3-59所示。3-59JPEG格式的优化选项第3章用Photoshop

作画5．WBMP格式的优化选项WBMP格式用于优化移动设备(如移动电话)图像的标准格式。WBMP支持1位颜色，即WBMP图像只包含黑色和白色像素。WBMP格式的优化选项如图3-61所示。图3-61WBMP格式的优化选项第3章用Photoshop

作画从“仿色算法”菜单中选取一个选项以确定将像素值转换为黑色或白色的方法：(1)“无仿色”不对图像应用仿色。(2)“扩散”应用与“图案”仿色相比通常不太明显的随机图案。仿色效果在相邻像素间扩散。如果选择此算法，请指定“仿色”百分比以控制应用于图像的仿色量

。可以使用文字图层、形状图层和Alpha通道中的蒙版来改变整个图像的“仿色”百分比。此方法可在关键图像区域产生更高品质的效果，而且不会牺牲文件大小。(3)“图案”应用类似半调的方块图案以确定像素的值。(4)“杂色”应用与“扩散”仿色相似的随机图案，但不在相邻像素间扩散图案。使用“杂色

”算法时不会出现接缝。第3章用Photoshop作画6．使用加权优化加权优化可以使用文本图层、形状图层和Alpha通道中的蒙版，以平滑的方式改变整个图像的优化设置。此方法可在关键图像区域产生更高品质的效果，而且不会牺牲文件大小。利用加权优化，可以使GIF、PNG-8、WB

MP仿色、损耗GIF设置和JPEG压缩的变化更自然。加权优化还可以在生成颜色表时偏重于所选图像区域的颜色。第3章用Photoshop作画7．关于蒙版和加权优化在创建文字图层或形状图层时，Photoshop和ImageReady自动生成蒙版。也可以手动创

建蒙版并将它们存储在Alpha通道中。当使用蒙版应用优化设置时，蒙版的白色区域描绘最高级别的图像品质，蒙版的黑色区域描绘最低级别的图像品质，蒙版灰色区域中的优化级别以线性比例减小。加权优化可用于“优化”面板/调板中的特

定设置，具体由蒙版按钮指示。若要访问加权优化对话框，只需点击蒙版按钮即可。第3章用Photoshop作画3.5思考与练习1．使用Photoshop来绘制一幅如图3-42所示的山水画。2．使用Photoshop体会和验证第一章所讲述的应用色彩学色彩模

型及色彩模式。3．设计个人网站LOGO(200×64、88×31各一个)并制作其网站标题广告动画(468×60)。