PhotoshopCS3界面与基本课件.ppt_163文库

资源描述

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

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

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

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

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

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

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

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

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

11、、有条理。在图层面板中，单击“新建图层组”按钮，3.5.3 图层的色彩模式l在使用图层的时候，经常会使用到色彩模式。选中背景层以外的一个图层，在图层面板的上部，可以打开“色彩模式”下拉菜单。在“色彩模式”下拉菜单中，可以选择当前图层和下一个可见图层之间的色彩模式。l1“正常”模式l在“正常”模式下，将按照图层的不透明度覆盖下一层图像。“正常”模式是制作图像时最常使用的模式。3.5.3 图层的色彩模式l2“溶解”模式l在“溶解”模式下，将图层的颜色随机地覆盖在区域内。“溶解”模式也会受到不透明度的影响。下面是一个使用“溶解”模式的示例，如图所示。3.5.3 图层的色彩模式l3“变暗”模式l在“变

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

13、图层的样式l1样式l单击“样式”选项，打开“样式”对话框，在“样式”对话框中，可以单击选择某种样式，然后单击对话框中的“确定”按钮，将样式应用到相应的图层，其显示效果如图所示。3.5.4 图层的样式l2投影l单击“投影”选项，打开“投影”对话框，3.5.4 图层的样式l3内阴影l单击“内阴影”选项，打开“内阴影”对话框 3.5.4 图层的样式l4外发光l单击“外发光”选项，打开“外发光”对话框，3.5.4 图层的样式l5内发光l单击“内发光”选项，打开“内发光”对话框，3.5.4 图层的样式l6斜面和浮雕l单击“斜面和浮雕”选项，打开“斜面和浮雕”对话框 3.5.4 图层的样式l7光泽l单击“

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

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

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

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

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

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

20、GB模式下，打开图像的默认通道有4个。其中，RGB通道是一个虚拟通道，红、绿、蓝分别为三原色的通道，可以独立显示。3.10 使用滤镜l使用滤镜可以方便地制作出各种特殊的效果。Photoshop CS3中自带了很多滤镜，包括“模糊”、“像素化”、“渲染”等。下面进行详细讲解。3.10.1 滤镜工具的操作l选择“滤镜”菜单，可以打开“滤镜”的下拉菜单，其中包括了所有可以使用的滤镜。使用滤镜可以方便地制作出各种图像效果，具体内容如下所示。l1滤镜的作用范围l用滤镜来处理当前图层中选取的内容。3.10.1 滤镜工具的操作l2外部滤镜的使用lPhotoshop CS3中自带了近百种滤镜，但有些时候需要某

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

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

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

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

25、F动画l在Photoshop的其他版本中，制作GIF动画要使用与之相关联的软件ImageReady。在Photoshop CS3版本中，可以使用动画面板完成GIF动画的制作。下面进行详细讲解。3.11.1 动画面板和动画原理l执行“窗口”|“动画”命令，打开动画面板，如图所示。l在动画面板中，可以显示动画中的每一帧，在每一帧的缩略图下面可以显示该帧显示的时间。单击“时间显示”选项中的倒三角按钮，可以选择修改时间。3.11.2 制作GIF动画l制作GIF动画，除了要使用动画面板之外，还需要使用图层等其他面板和工具。在制作动画时，一般先在图层面板中制作出要使用的图像，分别放在不同的图层中，然后在动画面板中设置相应的帧。下面讲解一下具体步骤。l1制作图层图像 3.11.2 制作GIF动画l2制作动画l可以单击动画面板底部的“预览”按钮，在画布窗口中预览制作的动画效果 3.12 专家总结lPhotoshop的基本操作是制作各种页面和图像效果的基础，只有熟练地掌握了各种基本的操作技巧，才能够将创意变为实际可用的文件。因为Photoshop软件包含的各种操作非常繁杂，而某些操作技巧在网页制作中很少使用（例如图形绘制等），所以并不需要掌握软件的所有操作。在学习各种操作技巧时，最重要的就是实践，只有实际操作后，才能够真正理解各种操作的功能和能够产生的效果。

展开阅读全文