网页制作课件ch3.ppt

第3章使用Photoshop CS2设计网页界面 学习目标 重点掌握文件的基本操作。 掌握文字工具的使用。 掌握形状工具的使用。 掌握图层的创建与编辑方法。 了解图层样式的概念。 熟悉网页平面设计的基本方法。 3.1 文件的基本操作 3.1.1 文件的新建 3.1 文件的基本操作 3.1.2 文件的打开 3.1 文件的基本操作 3.1.3 文件的保存 3.1 文件的基本操作 3.1.4 文件的导入与导出 3.2 文字工具的使用 3.2.1 文字工具简介 Photoshop CS2提供了“横排文字工具”、“直排文字工具”、“横排文字蒙版工具”和“直排文字蒙版工具”共4种文字工具。这4种文字工具位于Photoshop CS2工具箱的文件工具组中。使用这些文字工具，用户可以轻松地在图像中创建各种各样的文字。 选择文字工具后，选项栏内容会有变化。通过该选项栏，我们可以方便、快捷地设置文字的参数。 如果要了解该工具栏中工具的用途，我们可以将鼠标悬停在工具的上方，这时软件会弹出“提示”告诉我们该工具的用途。 3.2 文字工具的使用 3.2.2 创建文字 在Photoshop CS2中，根据图像处理的需要，可以在图像文件窗口中使用“横排文字”工具创建横排文字，或者使用“直排文字”工具创建直排文字。 另外，根据创建文字的操作方法不同，可将创建的文字分为“点文本”和“段落文本”。 3.2 文字工具的使用 3.2.3 编辑文字 在图像中创建文字后，我们可以根据需要对文字内容进行增加或删除，也可以通过相关操作或工具移动其位置，还可以通过Photoshop CS2提供的“字符”调板和“段落”调板，调整文字的参数属性以及段落的对齐方式等内容。 3.3 形状工具的使用 3.3.1 形状工具简介 Photoshop CS2提供了多种多样的形状工具，我们可以很方便地绘制各种图形，如矩形、圆角矩形、椭圆形、多边形等，并且可以使用图案形状和自定义形状。 选择形状工具后，选项栏会有变化。通过该选项栏，我们可以方便、快捷地设置形状的参数，绘制出各种不同的形状。 3.3 形状工具的使用 3.3.2 “矩形”工具 Photoshop CS2提供了多种多样的形状工具，我们可以很方便地绘制各种图形，如矩形、圆角矩形、椭圆形、多边形等，并且可以使用图案形状和自定义形状。 选择形状工具后，选项栏会有变化。通过该选项栏，我们可以方便、快捷地设置形状的参数，绘制出各种不同的形状。 3.3 形状工具的使用 3.3.3 “圆角矩形”工具 在工具栏中选择“圆角矩形”工具，在图像文件窗口中，单击鼠标左键然后拖动鼠标，可以很方便地绘制圆角矩形形状的图形对象。此工具的选项栏与“矩形”工具的选项栏大致相同，只是多了一个用于设置圆角参数属性的“半径”文本框。 3.3.4 “椭圆”工具 在工具栏中选择“椭圆”工具，在图像文件窗口中，单击鼠标左键然后拖动鼠标，可以很方便地绘制椭圆形状的图形对象。 3.3 形状工具的使用 3.3.5 “多边形”工具 在工具栏中选择“多边形”工具，在图像文件窗口中，单击鼠标左键然后拖动鼠标，可以很方便地绘制多边形与星形的图形对象。 3.3.6 “直线”工具 在工具栏中选择“直线”工具，在图像文件窗口中，单击鼠标左键然后拖动鼠标，可以很方便地绘制直线和带箭头的直线。 3.3.7 “自定形状”工具 “自定形状”工具的图形创建方法及参数设置的方法与“矩形”工具基本相同 3.4 创建和编辑图层 3.4.1 图层简介 图层的概念类似于一叠含有不同图形图像的剪纸，这些剪纸按照一定的顺序叠放在一起，最终组合成一幅图形图像画面。基于这样的原理，我们可以在Photoshop CS2的不同图层中分别处理图像和绘制图形，而不会在处理当前图层中的图像时影响其他图层中的图像。同时，这样也方便我们对图像画面中的各个组成元素进行管理与编辑。 3.4 创建和编辑图层 3.4 创建和编辑图层 3.4.2 创建图层 创建普通图层。如果想要创建普通图层，只需单击“图层”调板中的“创建新图层”按钮，即可在调板中创建一个空白图层 创建调整图层。通过创建以“色阶”、“色彩平衡”、“曲线”等调整命令功能为基础的调整图层，对其下方图层中的图像进行调整处理，并且不会真正修改原图。也可以单击“图层”调板底部的“创建填充或调整图层”按钮，在打开的快捷菜单中选择相应的调整命令来创建调整图层。 创建填充图层。填充图层的作用和使用方法与调整图层基本相同，用户可以在“图层”调板中创建纯色、渐变、图案三种填充图层。 3.4 创建和编辑图层 3.4.3 编辑图层 图层的编辑操作主要包括图层的删除、复制、移动、链接、合并等。此外，我们还可根据需要在“图层”调板中