photoshopcs3界面与基本.ppt

《photoshopcs3界面与基本.ppt》由会员分享，可在线阅读，更多相关《photoshopcs3界面与基本.ppt（87页珍藏版）》请在三一办公上搜索。

1、第3章 Photoshop CS3 界面与基本操作,在了解了网页和图像等基础知识之后，这一章将详细讲解Photoshop CS3的基础知识和相关操作。其中包括Photoshop CS3的界面、面板和菜单的应用、图形和图像的处理，以及与Photoshop CS3相关联的软件ImageReady的相关操作等。,3.1 Photoshop CS3界面介绍,安装好Photoshop CS3软件后，双击安装后的运行程序图标（或者从Windows的“开始”菜单的“所有程序”中选择Photoshop CS3）运行Photoshop CS3程序，程序运行后的显示效果如图所示。,3.1.1 菜单栏,菜单栏中包含

2、了Photoshop CS3中各种常用的操作命令。其中包括文件操作、编辑操作、图像操作、图层操作、选择操作、滤镜操作、分析操作、视图操作、窗口操作和帮助。菜单栏的默认显示效果如图所示。,3.1.2 工具箱,工具箱中包含了Photoshop CS3中各种常用的工具。其中包括绘图工具、选择工具、画笔工具，以及切换到ImageReady等。通过菜单栏“窗口”中的“工具”选项可以控制工具箱的显示和隐藏。工具箱的默认显示效果如图左所示。通过单击工具箱上面的“切换”按钮，可以将工具箱切换到两列的排列方式，其显示效果如图右所示。,3.1.3 工具选项栏,工具选项栏用来设置Photoshop CS3中各种常用

3、工具的参数。其中根据选取的工具不同，参数的选择也有所区别。工具选项栏的显示效果如图所示。,3.1.4 面板,面板用来显示和控制Photoshop CS3中各种参数的设置。其中包括导航器、图层、颜色和历史记录等。面板的显示效果如图所示。,3.1.5 画布窗口,画布窗口用来显示Photoshop CS3中要处理或制作的图像，其显示效果如图左所示。用户可以通过拖动的方法，来更改窗口显示的大小，更改大小后的窗口显示效果如图右所示。,3.2 Photoshop CS3的基本操作,Photoshop CS3的基本操作包括新建文件、打开文件、存储文件、图像预览、使用标尺、参考线等内容。,3.2.1 新建文件

4、,执行“文件”|“新建”命令，打开“新建”对话框，如图所示。,3.2.2 打开文件,执行“文件”|“打开”命令，打开“打开”对话框，如图左所示。在“打开”对话框中，选择Photoshop CS3可以打开的文件格式，如图右所示。,3.2.3 存储文件,制作好图像内容后，就可以存储文件了。单击菜单栏中的“文件”按钮，在弹出的下拉菜单中通常有三个选项，即“存储”、“存储为”、“存储为Web和设备所用格式”。下面逐一进行介绍。,3.2.4 使用标尺、参考线和网格,标尺、参考线和网格是制作图像文件的辅助设置。通过标尺、参考线和网络，可以方便地了解图像内容的相关信息，但同时也会影响图像的显示效果。使用标尺

5、和网格的方法如下所示。,3.3 选取图像,选取图像并进行相应的处理，是处理和制作图像的基本操作。图像的选取可以使用工具箱中的各种“选取”工具，也可以使用“钢笔”等路径工具，将其转化为选区，还可以使用通道等来辅助选取。下面进行详细讲解。,3.3.1 选区的基础知识,在Photoshop中，选区中的内容为当前编辑的内容。当对该内容进行处理时，对选区以外的内容并不影响。这样就可以方便地处理文件中的部分内容。选区的形状并不固定，灵活地使用各种工具，可以制作出任何形状的选区。,3.3.2 使用选框工具,右击工具栏中的“矩形选框”工具，可以打开“选框”工具的下拉菜单，列表中有4个可以选择的“选框”工具。选

6、择“矩形选框”工具，按住鼠标左键，可以拖拽出矩形的选区，产生的矩形以鼠标的起点和终点为对角线。,3.3.3 使用套索工具,右击工具栏中的“套索”工具，打开“套索”工具的下拉菜单，列表中有三个可以选择的工具。选择“套索”工具，按住鼠标左键，可以拖拽出相应的选区。如果拖拽时鼠标所经过的路径不能封闭，则会在鼠标的起点和终点之间形成一个封闭的选区，其显示效果如图所示。,3.3.4 使用魔棒工具,右击工具栏中的“魔棒”工具，打开“魔棒”工具的下拉菜单，其中有两个可以选择的工具。,3.3.5 选区的相加、相减和交叉,在以上使用的“选取”工具中，都是对单独选区的操作。如果涉及到多个选区，就要涉及到选区的相加

7、、相减和交叉。在每个工具的选项栏中的左侧，都含有选区的相加、相减和交叉的选项。各个工具的相应选项栏中选区操作的按钮,3.3.5 选区的相加、相减和交叉,两个选区相减和交叉的显示效果如图左和图右所示。,3.4 图像处理,图像处理菜单是Photoshop中很重要的菜单，可以用来裁剪图像，改变图像大小，改变画布大小，调整图像显示效果等。下面进行详细讲解。,3.4.1 图像的模式,执行“图像”|“模式”命令，可以选择图像的颜色模式。在不同的色彩模式下，图像的显示效果也会不同，同时图像的模式也影响图像的处理。一般网页中的GIF格式图像，使用的是索引颜色模式。在索引颜色模式中，无法使用新建图层等操作，所以

8、一般都要更改图像模式为RGB模式，然后再进行处理。,3.4.2 图像和画布的大小,图像大小是指包含所有图层（关于图层的知识，将在后面的章节中详细讲解）的图像文件内容的大小。下面是一个背景为黑色的，包含两个图层的图像文件，其图层面板的显示效果如图所示。,3.4.3 旋转画布和裁剪图像,执行“图像”|“旋转画布”命令，可以旋转图像背景。旋转画布之后，所有图层中的内容都将一起旋转。旋转之后扩展的部分将使用背景色填充。裁剪图像时要先建立选区。裁剪的时候，将根据选区的大小，裁剪掉选区之外的内容。,3.4.4 调整色阶,执行“图像”|“调整”|“色阶”命令，打开“色阶”对话框，如图所示。,3.4.5 调整

9、曲线,执行“图像”|“调整”|“曲线”命令，打开“曲线”对话框，如图所示。,3.4.6 调整色彩平衡,执行“图像”|“调整”|“色彩平衡”命令，打开“色彩平衡”对话框，如图所示。,3.4.7 调整色相/饱和度,执行“图像”|“调整”|“色相/饱和度”命令，打开“色相/饱和度”对话框，如图所示。,3.4.8 调整亮度/对比度,执行“图像”|“调整”|“亮度/对比度”命令，打开“亮度/对比度”对话框。在“亮度/对比度”对话框中，亮度和对比度的取值范围都是从-100100。原始图像和调整图像亮度和对比度后的显示效果如图：,3.4.9 复制、粘贴、移动图像,在复制、粘贴和移动图像的时候，首先要在图像上

10、建立选区，然后执行“编辑”|“拷贝”命令，完成图像的复制。如果此时再执行“粘贴”命令，就可以将图像粘贴在原图像中，此时粘贴的图像会显示在新的图层中。移动图像要使用工具箱中的“移动”工具。,3.5 使用图层,图层是Photoshop中非常重要的内容。在制作网页效果图时，要使用几十甚至上百个图层，同时网页中很多特殊的效果都要通过图层来实现。下面进行详细讲解。,3.5.1 图层的基本操作,在Photoshop中，图层各自相互独立，可以对每个图层进行单独操作，也可以将几个图层合并为一个，方便地对图层进行分类和管理。单击菜单栏中的“图层”按钮，可以打开“图层”的下拉菜单。,3.5.2 图层的分组,在制作

11、网页效果图的时候，合理地对图层进行分类管理，会使制作更加方便、有条理。在图层面板中，单击“新建图层组”按钮，,3.5.3 图层的色彩模式,在使用图层的时候，经常会使用到色彩模式。选中背景层以外的一个图层，在图层面板的上部，可以打开“色彩模式”下拉菜单。在“色彩模式”下拉菜单中，可以选择当前图层和下一个可见图层之间的色彩模式。1“正常”模式在“正常”模式下，将按照图层的不透明度覆盖下一层图像。“正常”模式是制作图像时最常使用的模式。,3.5.3 图层的色彩模式,2“溶解”模式在“溶解”模式下，将图层的颜色随机地覆盖在区域内。“溶解”模式也会受到不透明度的影响。下面是一个使用“溶解”模式的示例，如

12、图所示。,3.5.3 图层的色彩模式,3“变暗”模式在“变暗”模式下，如果上层颜色暗，则保留该颜色；如果下层颜色暗，则用下层颜色代替上层颜色，其显示效果如图所示。,3.5.3 图层的色彩模式,4“颜色加深”模式在“颜色加深”模式下，将上层颜色的明亮度减去下面图层的明亮度，产生一种暗化处理的效果，其显示效果如图所示。,3.5.3 图层的色彩模式,5“颜色”模式在“颜色”模式下，只对明度进行处理，而保留色相和饱和度，其显示效果如图所示。,3.5.4 图层的样式,使用图层样式可以制作出各种特殊的效果，包括阴影、描边、发光等。选中某个图层，在图层面板的下部，单击“图层样式”按钮，选择“混合选项”，或者

13、双击图层，可以打开“图层样式”对话框，如图所示。,3.5.4 图层的样式,1样式单击“样式”选项，打开“样式”对话框，在“样式”对话框中，可以单击选择某种样式，然后单击对话框中的“确定”按钮，将样式应用到相应的图层，其显示效果如图所示。,3.5.4 图层的样式,2投影单击“投影”选项，打开“投影”对话框，,3.5.4 图层的样式,3内阴影单击“内阴影”选项，打开“内阴影”对话框,3.5.4 图层的样式,4外发光单击“外发光”选项，打开“外发光”对话框，,3.5.4 图层的样式,5内发光单击“内发光”选项，打开“内发光”对话框，,3.5.4 图层的样式,6斜面和浮雕单击“斜面和浮雕”选项，打开“

14、斜面和浮雕”对话框,3.5.4 图层的样式,7光泽单击“光泽”选项，打开“光泽”对话框，,3.5.4 图层的样式,8颜色叠加单击“颜色叠加”选项，打开“颜色叠加”对话框，,3.5.4 图层的样式,9渐变叠加单击“渐变叠加”选项，打开“渐变叠加”对话框，在“渐变叠加”对话框中，可以设置混合模式、不透明度和角度等参数。与颜色叠加不同的是：渐变颜色的设置。单击“渐变”选项后的渐变色条，可以打开设置“渐变编辑器”对话框，。,3.5.4 图层的样式,10图案叠加单击“图案叠加”选项，打开“图案叠加”对话框，使用图案叠加样式，可以定义图形表面的图案，其显示效果如图所示。,3.5.4 图层的样式,11描边单

15、击“描边”选项，打开“描边”对话框，使用描边样式，可以为图形制作描边效果，其显示效果如图3-101所示。,3.5.5 图层蒙版,在Photoshop中，可以建立两种图层蒙版：一种为“快速蒙版”；另一种为“图层蒙版”。下面逐一进行讲解。1快速蒙版打开一个图像文件，复制到新的图层，在工具箱中双击“快速蒙版”按钮，弹出“快速蒙版选项”对话框，如图,3.5.5 图层蒙版,2图层蒙版打开一个图像文件，复制到新的图层，在图层面板中单击“图层蒙版”按钮，可以创建一个图层蒙版（注意：在背景图层、填充图层和调整图层中不能使用图层蒙版）,3.6 使用绘图与图像编辑工具,在Photoshop的工具箱中，包含很多绘制

16、和编辑图像的工具，其中包括“画笔”工具、“图章”工具、“填充”工具等。下面进行详细讲解。,3.6.1 画笔工具,“画笔”工具包括“画笔”工具和“铅笔”工具，使用“画笔”工具可以制作各种线条、图形，同时也可以定义画笔的显示效果。下面分别进行讲解。1“画笔”工具“画笔”工具一般用来绘制柔和的线条，使用的颜色为当前定义的前景色。选择工具面板中的“画笔”工具，,3.6.1 画笔工具,2“铅笔”工具“铅笔”工具和“画笔”工具基本相同，一般用来制作比较生硬的线条。其工具选项栏存在着一点区别，如图所示。,3.6.2 图章工具,“图章”工具包括“仿制图章”工具和“图案图章”工具，使用“图章”工具，可以方便地复

17、制和修改图像。下面分别进行讲解。1“仿制图章”工具“仿制图章”工具可以将图像中的部分内容复制到其他位置或图像中。,3.6.2 图章工具,2“图案图章”工具“图案图章”工具可以将定义好的图案复制到其他位置或图像中。,3.6.3 填充工具,“填充”工具包括“油漆桶”工具和“渐变”工具，它的主要作用就是使用前景或者背景颜色填充图层的相应区域。下面分别进行讲解。1“渐变”工具“渐变”工具用来向选区中添加一种渐变颜色。选择工具箱中的“渐变”工具,3.6.3 填充工具,2“油漆桶”工具“油漆桶”工具用来向选区中填充一种单一的颜色。,3.7 处理文本,文本的处理，在使用Photoshop制作网页时十分重要，

18、其中包括使用“文本”工具，以及使用字体、文字面板等。下面进行详细讲解。,3.7.1 文本工具,文本工具包括4个子选项，分别为横向文本、纵向文本、横向文本选区和纵向文本选区。,3.7.2 使用字体,在Photoshop中的文本内容字体选择列表中，使用的是操作系统自身包含的字体。如果要使用特殊的字体，就要在操作系统中安装这种字体。,3.7.3 字符和段落面板,单击“文字”工具选项栏右侧的“字符/段落”按钮，可以打开字符和段落面板，如图左和图右所示。,3.8 使用路径,使用“路径”工具可以方便地制作出各种图形、圆角、边框等。“路径”工具包括“图形”工具、“钢笔”工具等。下面进行详细讲解。,3.8.1

19、 图形工具,右击工具箱中的“图形”工具，打开“图形”工具的下拉菜单，其中包括矩形、圆角矩形、椭圆、直线、多边形等几个图形。,3.8.2 路径面板,使用“图形”工具（或其他路径工具）绘制的路径，都会显示在路径面板中。其中，白色部分表示路径所包含的区域。右击路径面板中的路径可以打开下拉菜单，在该菜单中，通常使用的选项有建立选区、填充路径、描边路径。下面分别进行讲解。,3.8.3 钢笔工具,右击工具箱中的“钢笔”工具，可以打开“钢笔”工具的下拉菜单，其中包括“钢笔”工具，以及修改钢笔路径的相关工具。,3.8.4 制作路径文字,在Photoshop CS3中，可以制作沿路径排列的文字。下面讲解一下制作

20、的方法。,3.9 通道,执行“窗口”|“通道”命令，打开通道面板，在RGB模式下，打开图像的默认通道有4个。其中，RGB通道是一个虚拟通道，红、绿、蓝分别为三原色的通道，可以独立显示。,3.10 使用滤镜,使用滤镜可以方便地制作出各种特殊的效果。Photoshop CS3中自带了很多滤镜，包括“模糊”、“像素化”、“渲染”等。下面进行详细讲解。,3.10.1 滤镜工具的操作,选择“滤镜”菜单，可以打开“滤镜”的下拉菜单，其中包括了所有可以使用的滤镜。使用滤镜可以方便地制作出各种图像效果，具体内容如下所示。1滤镜的作用范围用滤镜来处理当前图层中选取的内容。,3.10.1 滤镜工具的操作,2外部滤

21、镜的使用Photoshop CS3中自带了近百种滤镜，但有些时候需要某些特殊的效果，也可以使用外部的滤镜。在Photoshop CS3中，使用外部滤镜的方法很简单，只需将下载的外部滤镜（一般文件的后缀名为.8bf）复制并粘贴到Photoshop CS3安装目录的“滤镜”文件夹中，就可以使用了。,3.10.2 滤镜的使用,在Photoshop CS3中，自带的滤镜分为13组，除此之外还有5个独立的滤镜。单击菜单栏中的“滤镜”按钮，打开“滤镜”下拉菜单。在下拉菜单中，显示了所有的独立滤镜和滤镜组。下面通过示例讲解其中常用的滤镜组和滤镜。示例中使用的图像如图3-152所示。,3.10.2 滤镜的使用

22、,1“风格化”滤镜组“风格化”滤镜组主要用来移动和置换图像像素，产生各种风格的图像效果，其中包括“查找边缘”、“等高线”、“风”、“浮雕效果”、“扩散”、“拼贴”、“曝光过度”、“凸出”、“照亮边缘”等9个滤镜。,3.10.2 滤镜的使用,“画笔描边”滤镜组主要用来处理图像的边缘，产生强化边缘等显示效果，其中包括“成角的线条”、“墨水轮廓”、“喷溅”、“喷色描边”、“强化的边缘”、“深色线条”、“烟灰墨”、“阴影线”等8个滤镜。,3.10.2 滤镜的使用,3“模糊”滤镜组“模糊”滤镜组主要用来减小图像像素之间的对比度，产生模糊的显示效果，其中包括“表面模糊”、“动感模糊”、“方框模糊”、“高斯

23、模糊”、“进一步模糊”、“径向模糊”、“镜头模糊”、“模糊”、“平均”、“特殊模糊”、“形状模糊”等11个滤镜。,3.10.2 滤镜的使用,4“扭曲”滤镜组“扭曲”滤镜组主要用来使图像产生几何扭曲效果，其中包括“波浪”、“波纹”、“玻璃”、“海洋波纹”、“极坐标”、“挤压”、“镜头校正”、“扩散亮光”、“切变”、“球面化”、“水波”、“旋转扭曲”、“置换”等13个滤镜。,3.10.2 滤镜的使用,5“像素化”滤镜组“像素化”滤镜组的作用主要是将图像制作成区块的效果，其中包括“彩块化”、“彩色半调”、“点状化”、“晶格化”、“马赛克”、“碎片”、“铜版雕刻”等7个滤镜。,3.10.2 滤镜的使用

24、,6“渲染”滤镜组“渲染”滤镜组的作用主要是产生光感的显示效果，其中包括“分层云彩”、“光照效果”、“镜头光晕”、“纤维”、“云彩”等5个滤镜。,3.10.2 滤镜的使用,7“杂色”滤镜组“杂色”滤镜组的作用主要是产生杂色和划痕的显示效果，其中包括“减少杂色”、“蒙尘与划痕”、“去斑”、“添加杂色”、“中间值”等5个滤镜。,3.10.2 滤镜的使用,8“其他”滤镜组“其他”滤镜组包括“高反差保留”、“位移”、“自定”、“最大值”、“最小值”5个滤镜。,3.10.2 滤镜的使用,9“抽出”滤镜选择“滤镜”下拉菜单中的“抽出”选项，打开“抽出”对话框。,3.10.2 滤镜的使用,10“液化”滤镜选

25、择“滤镜”下拉菜单中的“液化”选项，打开“液化”对话框,3.11 制作GIF动画,在Photoshop的其他版本中，制作GIF动画要使用与之相关联的软件ImageReady。在Photoshop CS3版本中，可以使用动画面板完成GIF动画的制作。下面进行详细讲解。,3.11.1 动画面板和动画原理,执行“窗口”|“动画”命令，打开动画面板，如图所示。在动画面板中，可以显示动画中的每一帧，在每一帧的缩略图下面可以显示该帧显示的时间。单击“时间显示”选项中的倒三角按钮，可以选择修改时间。,3.11.2 制作GIF动画,制作GIF动画，除了要使用动画面板之外，还需要使用图层等其他面板和工具。在制作

26、动画时，一般先在图层面板中制作出要使用的图像，分别放在不同的图层中，然后在动画面板中设置相应的帧。下面讲解一下具体步骤。1制作图层图像,3.11.2 制作GIF动画,2制作动画可以单击动画面板底部的“预览”按钮，在画布窗口中预览制作的动画效果,3.12 专家总结,Photoshop的基本操作是制作各种页面和图像效果的基础，只有熟练地掌握了各种基本的操作技巧，才能够将创意变为实际可用的文件。因为Photoshop软件包含的各种操作非常繁杂，而某些操作技巧在网页制作中很少使用（例如图形绘制等），所以并不需要掌握软件的所有操作。在学习各种操作技巧时，最重要的就是实践，只有实际操作后，才能够真正理解各种操作的功能和能够产生的效果。,