网页设计基础教程与上机指导快速掌握PhotoshopCS

1、网页设计基础教程与上机指导快速掌握PhotoshopCSn教学提示：教学提示：Adobe Photoshop CS2是专业的图像编辑软是专业的图像编辑软件，也是件，也是Photoshop数字图像处理产品系列的旗舰产品，数字图像处理产品系列的旗舰产品，它提供的功能全面。借助于其前所未有的灵活性，可以它提供的功能全面。借助于其前所未有的灵活性，可以根据自己的需要自定根据自己的需要自定Photoshop。此外，它还提供更高。此外，它还提供更高效的图像编辑、处理以及文件处理功能，且功能的增强效的图像编辑、处理以及文件处理功能，且功能的增强并未降低先前的效率。目前在网页设计方面也是非常重并未降低先前的效

2、率。目前在网页设计方面也是非常重要的软件，使用它可以设计网页整体效果，设计和处理要的软件，使用它可以设计网页整体效果，设计和处理网页图像素材等。网页图像素材等。n教学目标：教学目标： 熟悉熟悉Photoshop CS2 的工作界面的工作界面 掌握调整画布大小掌握调整画布大小 掌握调整图像大小掌握调整图像大小 掌握处理产品图像掌握处理产品图像nPhotoshop CS2的工作界面包括标题栏、菜的工作界面包括标题栏、菜单栏、工具选项栏、工具箱、文档窗口、浮单栏、工具选项栏、工具箱、文档窗口、浮动调板，下面将分别进行介绍。动调板，下面将分别进行介绍。 n13.1.1 友好的界面友好的界面n13.1.

3、2 菜单栏菜单栏n13.1.3 工具箱与选项栏工具箱与选项栏n13.1.4 调板调板n13.1.5 文档窗口文档窗口n安装安装Photoshop CS2后，选择【开始】后，选择【开始】|【程序】【程序】| Adobe Photoshop CS2命令，启动命令，启动Photoshop CS2。启动后，首先出现启动。启动后，首先出现启动画面，接着便出现主操作界面。画面，接着便出现主操作界面。 n在主操作界面中，还没有图像窗口，不能对图像进行编辑，选择【文件】在主操作界面中，还没有图像窗口，不能对图像进行编辑，选择【文件】|【打开】命令，弹出【打开】对话框。在对话框中选择图像文件，单【打开】命令，弹

4、出【打开】对话框。在对话框中选择图像文件，单击【打开】按钮，弹出如图击【打开】按钮，弹出如图13.4所示的图像操作窗口。所示的图像操作窗口。 nPhotoshop CS2菜单栏包括【文件】、【编辑】、【图像】、【图菜单栏包括【文件】、【编辑】、【图像】、【图层】、【选择】、【滤镜】、【视图】、【窗口】和【帮助】层】、【选择】、【滤镜】、【视图】、【窗口】和【帮助】9个菜单，个菜单，如图如图13.5所示。所示。 【文件】：对所修改的图片进行打开、关闭、存储、输出和打印等操作。【文件】：对所修改的图片进行打开、关闭、存储、输出和打印等操作。 【编辑】：编辑图像过程中所用到的各种操作，如复制、粘贴等

5、一些基本操【编辑】：编辑图像过程中所用到的各种操作，如复制、粘贴等一些基本操作。作。 【图像】：用来修改图像的各种属性，包括图像和画布的大小、图像颜色的【图像】：用来修改图像的各种属性，包括图像和画布的大小、图像颜色的设置和修正图像等。设置和修正图像等。 【图层】：图层的基本操作。【图层】：图层的基本操作。 【选择】：选择对象的基本操作命令。【选择】：选择对象的基本操作命令。图13.6 工具箱 【滤境】：用来添加各种特殊效果。【滤境】：用来添加各种特殊效果。 【视图】：用来调整图像在显示方面的属性。【视图】：用来调整图像在显示方面的属性。 【窗口】：用于管理调板。【窗口】：用于管理调板。 【帮

6、助】：用于查找帮助信息。【帮助】：用于查找帮助信息。n工具箱是工具箱是Photoshop CS2最重要的一部分，使用它可以选最重要的一部分，使用它可以选择操作对象，也可以对图像进行着色、绘制、修饰、填充和择操作对象，也可以对图像进行着色、绘制、修饰、填充和添加文字等操作。添加文字等操作。n将鼠标移动到相应的位置，就会出现该工具的名称，单击工将鼠标移动到相应的位置，就会出现该工具的名称，单击工具箱上的一个按钮就打开了相应的工具。在具箱上的一个按钮就打开了相应的工具。在Photoshop CS2中，所有的工具按钮都具有中，所有的工具按钮都具有3D外观，单击后就看到凹外观，单击后就看到凹形按钮。有些

7、工具按钮的右下角有个小三角，使用该按钮还形按钮。有些工具按钮的右下角有个小三角，使用该按钮还可以激活其他工具。可以激活其他工具。n单击工具箱中的任意工具，就可以在选项栏对该工具的各种单击工具箱中的任意工具，就可以在选项栏对该工具的各种选项进行设置，如图选项进行设置，如图13.7所示。所示。 n默认情况下，调板位于文档窗口的右侧，其默认情况下，调板位于文档窗口的右侧，其主要功能是帮助用户监视和修改图像。主要功能是帮助用户监视和修改图像。n调板分为调板分为4组，如图组，如图13.8所示。所示。 n文档窗口是文档窗口是Photoshop常规工作区，用于显示常规工作区，用于显示图像文件，进行浏览和图像

8、文件，进行浏览和编辑等操作，如图编辑等操作，如图13.9所示。文档窗口带有自所示。文档窗口带有自己的标题栏，包括文件己的标题栏，包括文件名、缩放比例和色彩模名、缩放比例和色彩模式等。式等。n可以对文档图像进行相应的操作，如调整画可以对文档图像进行相应的操作，如调整画布的大小、调整图像的大小等。布的大小、调整图像的大小等。n13.2.1 调整画布大小调整画布大小n13.2.2 调整图像大小调整图像大小n画布是指绘制和编辑图像的工作区域，也就是图像显示区域。画布是指绘制和编辑图像的工作区域，也就是图像显示区域。要调整画布大小，选择【图像】要调整画布大小，选择【图像】|【画布大小】命令，弹出【画布大

9、小】命令，弹出【画布大小】对话框。【画布大小】对话框。n在【新建大小】区域中，可以设置调整之后的宽度和高度。在【新建大小】区域中，可以设置调整之后的宽度和高度。当该值的设置大于原图大小时，当该值的设置大于原图大小时，Photoshop就会在原图基就会在原图基础上增加画布区域，如图础上增加画布区域，如图13.11所示。当设置的值小于原图所示。当设置的值小于原图大小时，大小时，Photoshop就会将缩小的部分裁切掉，如图就会将缩小的部分裁切掉，如图13.12所示。所示。n调整图像大小的具体操作步骤如调整图像大小的具体操作步骤如下。下。 (1) 打开一幅图像。打开一幅图像。 (2) 选择【图像】选择【图像