网页设计与制作教学全套课件第2版 孙振业电子教案 第4章 网页图像的制作与美化.ppt

《网页设计与制作教学全套课件第2版 孙振业电子教案 第4章 网页图像的制作与美化.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章美化网页图像2014.11第4章网页图像的制作与美化4.2Photoshop应用4.2Photoshop工作窗口4.1《网页设计与制作》本章要点AdobePhotoshop是Adobe公司推出的图像处理软件，是美化网页界面的最好助手。“我爱旅游”网站的模板设计，充分运用了PhotoshopCS6技术，取得了较好的视觉效果。本章以“我爱旅游”网站为基础，通过网页页眉制作、logo制作、按钮和文字美化等实例，介绍PhotoshopCS6在网页图像制作中的应用。掌握图层、图层蒙版、路径、选区的基本概念掌握渐变、文字、钢笔、选择、裁剪、移动、填充等工具的使用编

2、辑图像、制作图像制作文字效果《网页设计与制作》4.1Photoshop工作窗口Photoshop可分为图像编辑、图像合成、校色调色及特效制作等部分。图像编辑是图像处理的基础，可以对图像做各种变换。例如，放大、缩小、旋转，图像的合成，色彩调整，特殊效果的制作等。快捷工具栏属性栏菜单栏工具箱工作区控制面板5.1.1《网页设计与制作》4.1Photoshop工作窗口Photoshop工作界面介绍4.1.1（1）快捷工具栏主要用于快速调整桌面布局及显示方式。例如，同时打开的多个图像文件以选项卡的方式显示，通过排列文档工具，可以快速控制多个文件在工作区的排列方式。（2

3、）菜单栏包括文件、编辑、图像、图层、选择、滤镜、分析、3D、视图、窗口和帮助等11个菜单。单击任意一个菜单，将会弹出相应的下拉菜单，选择任意一个菜单项即可实现相应的操作。（3）工具箱工具箱包含各种图形绘制和图像处理工具。例如，对图像进行选择、移动、绘制、编辑和查看的工具；在图像中输入文字的工具；3D变换工具以及更改前景色和背景色的工具等。通过“窗口”菜单的“工具”选项，可以打开或关闭工具箱的显示。单击工具箱蓝条可以改变工具箱的形状；拖动工具箱蓝条，可移动工具箱到窗口的其它位置。工具按钮右下方的小三角，表示该工具有扩展工具，单击该按钮不松开，可弹出隐藏的工具。

4、《网页设计与制作》4.1Photoshop工作窗口Photoshop工作界面介绍4.1.1（4）属性栏用于显示当前所选工具的参数和选项设置。在工具箱中选择不同的工具，属性栏将显示不同的选项和参数。（5）控制面板23种控制面板。利用控制面板可以对当前图像的色彩、尺寸、样式以及相关的参数进行设置。每个控制面板的右上角都有一个菜单按钮，单击该按钮可打开菜单。拖动右下角和面板边缘可以调节面板大小，单击面板的标题栏可将面板最小化，再次单击即可恢复原来的形状。（6）工作区工作区是指Photoshop工作窗口中的大片灰色区域，打开的图像文件将显示在工作区。按Tab键，即可

5、将属性栏、工具箱和控制面板同时隐藏；再次按Tab键，可以重新显示。《网页设计与制作》4.1Photoshop工作窗口图像窗口的基本操作4.1.2（1）打开图像文件选择“文件”菜单的“打开”选项，或按Ctrl＋O快捷键，进入“打开”窗口。（2）多个图像文件在显示窗口的排列选择“窗口”菜单的“排列”、“层叠”选项，图像文件将以层叠方式在窗口显示；选择“窗口”菜单的“排列”、“平铺”选项，图像文件将以平铺方式在窗口显示。《网页设计与制作》4.1Photoshop工作窗口图像文件的基本操作4.1.3（1）新建图像文件选择“文件”菜单的“新建”选项，或按Ctrl＋N快

6、捷键，进入“新建”对话框。·名称：默认文件名为“未标题-1”，可输入自己选择的名字。·预设：在下拉列表中提供了多种不同的图像尺寸。·宽度/高度：设置图像的大小，单位有像素、英寸、厘米、毫米、点、派卡、列等度量单位。当输入高度和宽度值后，对话框的“图像大小”显示出该图像使用的内存大小。·分辨率：设置新建图像文件的显示分辨率。分辨率大小决定了图像的清晰度，也决定了文件的大小。分辨率越高文件越清晰，图像文件也越大。·颜色模式：设置创建的图像所采用的颜色模式。有位图、灰度、RGB、CMYK和Lab等5种色彩模式。·背景内容：设定新图像的背景层颜色。有三种设置：白色：

7、背景色为白色，这是常用的背景方式。背景色：以工具栏设定的背景色为背景颜色。透明：透明背景色不具有任何颜色，以棋盘栅格形式表示。《网页设计与制作》4.1Photoshop工作窗口图像文件的基本操作4.1.3《网页设计与制作》4.1Photoshop工作窗口图像文件的基本操作4.1.3（2）新建图像窗口新建图像窗口的标题栏有三个关于图形的信息，首先是图像的名称，名称后是缩放比例，最后是图像的颜色模式。窗口右侧的“图层”面板可以看到当前图像的图层情况。例如，当前图像仅有一个图层，即背景图层。窗口下方显示的是缩放比例。（3）保存图像文件第一次保存时，可选择“文件”菜

8、单的“存储”选项，直接保存图像。如果需要保留原始文件