多媒体网页设计教程-电子教案-朱国华ch02.ppt

第2章 图像基本编辑 主编：朱国华 齐晖 李枫 课件制作：周雪燕 张睿萍 本章要点 Photoshop CS3的操作界面和基本操作方法 图像的缩放、裁剪和倾斜矫正 图像的曝光补偿与色彩校正，图像的美化和修饰 目 录 2.1 Photoshop CS3界面 2.2 文件操作与画布调整 2.3 屏幕显示控制 2.4 图像的缩放、裁剪与倾斜 2.5 色调调整与图像修饰 2.1 Photoshop CS3界面 2.1.1 窗口布局 2.1.2 工具箱 2.1.3 面板 2.1.1 窗口布局 默认软件界面 2.1.2 工具箱 工具箱位于Photoshop CS3窗口的左侧，其中包含几十个用于图像处理的工具按钮。为了方便选取，功能相近的工具被分组 。 2.1.3 面板 Photoshop CS3右侧有一组面板，如“导航器”、“直方图”、“颜色”、“图层”等都是不同的面板窗口。这些面板可以折叠和展开。 2.2 文件操作与画布调整 2.2.1 文件操作 2.2.2 画布调整 2.2.1 文件操作 文件的创建 创建文件的方法是单击【文件】→【新建】，之后会弹出如图2.7所示“新建”对话框。 2.2.1 文件操作 2.3 屏幕显示控制 2.3.1 放大显示图像 2.3.2 缩小显示图像 2.3.3 观察放大的图像 2.3.4 使用“导航器” 2.3.1 放大显示图像 使用缩放工具 单击工具箱中的“缩放工具”，移动鼠标到图像中，鼠标指针变为“放大工具”后单击。显示比例每次递增100%。 2.3.2 缩小显示图像 使用缩放工具 单击工具箱中的“缩放工具”，移动鼠标到图像中，如果鼠标指针变为“放大工具”，在工具属性栏中单击“缩小工具”按钮后单击。显示比例依次递减。 2.3.3 观察放大的图像 放大后的图像，在窗口中看到的往往只是其局部，要想查看图像的其余部分，可以利用图像编辑窗口的滚动条、“抓手工具”和“导航器”面板。 2.3.4 使用“导航器” “导航器”面板 可用来控制图像的缩放显示，在需要观察放大显示的图像时，还可用来移动需要查看的区域。 2.4 图像的缩放、裁剪与倾斜 2.4.1 缩放图像 2.4.2 裁剪图像 2.4.3 度量矫正倾斜的图像 2.4.4 改变倾斜透视 2.4.5 拼接图片 2.4.1 缩放图像 【案例2.1】将教学资源中的文件“ch02\素材\e0201.jpg”（1024×768像素，1013KB），缩小为400×300像素，大小不超过100KB。 2.4.2 裁剪图像 【案例2.2】按照构图，裁剪出一张可用于网页标题的图片。 2.4.3 度量矫正倾斜的图像 【案例2.4】度量矫正画面倾斜的图片，矫正后再按9:6的宽屏比例裁剪 。 2.4.4 改变倾斜透视 【案例2.5】矫正图片中的倾斜透视 。 2.4.5 拼接图片 【案例2.6】风景图片的无缝拼接 。 2.5 色调调整与图像修饰 2.5.1 调整曝光 2.5.2 校正偏色 2.5.3 渲染色彩 2.5.4 修饰图像 2.5.1 调整曝光 【案例2.7】利用色阶调整图像的明暗。 2.5.2 校正偏色 【案例2.11】利用“色阶工具”矫正偏色。 2.5.3 渲染色彩 2.5.4 修饰图像 作业 【案例2.2】素材 【案例2.3】素材 【案例2.4】素材 【案例2.5】素材 【案例2.6】素材 【案例2.7】素材 【案例2.8】素材 【案例2.9】素材 【案例2.10】原始素材 【案例2.11】原始素材 【案例2.12】原始素材 【案例2.13】原始素材 【案例2.14】效果 【案例2.15】原始素材 【案例2.16】原始素材 【案例2.17】原始素材 【案例2.18】原始素材 图标库 【案例2.5】矫正后效果 【案例2.6】拼接效果 【案例2.7】调整后效果 【案例2.8】调整后效果 【案例2.9】调整后效果 【案例2.10】调整后效果 【案例2.11】调整后效果 【案例2.11】调整后效果 【案例2.13】调整后效果 【案例2.15】调整后效果 【案例2.16】修复后效果 * 多媒体网页设计 选择好工具后，可以通过窗口顶部、菜单栏下方的工具属性栏调整该工具的选项。 Windows操作系统中的标准图像文件格式，能够被Windows应用程序广泛支持，其包含的图像信息较丰富，几乎不进行压缩，但占用磁盘空间过大。 BMP 作为GIF的替代品开发，用于无损压缩和在Web上显示图像。与GIF不同，PNG支持24位