1、,网页 设计与制作,项目三采集与编辑数字图形图像,图像是一类重要的多媒体数据，人们获取的信息的70%来自视觉系统。在本项目中，通过3个工作任务，向读者展示图像浏览软件ACD See 、图像处理工具Photoshop CS的使用，为创建多媒体作品提供服务。,目录,使 用 HyperSnap-DX 截 取 图 像,使用 HyperSnap-DX截取图像,颜色的特性 图像的种类 图像的主要参数 图像的数字化 图像的文件格式 用扫描仪获取图像 用数码照相机获取图像 用屏幕抓图软件(HyperSnap-DX)获取图像,王云是某杂志社的编辑人员，由于工作需要，她需要从网络上截取一些图片，收集这些图片素材，
2、以便于使用。,使 用 HyperSnap-DX 截 取 图 像,任务一：使用 HyperSnap-DX截取图像,由于HyperSnap不仅能抓取标准桌面程序，在所抓取的图像中显示鼠标轨迹，收集工具，有调色板功能并能设置分辨率，还能选择从 TWAIN 装置中（扫描仪和数码相机）抓图。因此，王云决定使用HyperSnap来完成此任务。,任务一：使用 HyperSnap-DX截取图像,任务 实施,使用 HyperSnap-DX截取图像,(1) “全屏幕”菜单命令。单击”捕捉”| “全屏幕”菜单命令，或按Ctrl+Shift+F 键。抓下整个屏幕，包括整个网页和任务栏上的各按钮，如下图所示。,单击菜单
3、”选项”| “配置热键”| “屏幕捕捉热键”，从打开的对话框中可以看到同时要按下的按键比较多，为了可以使用更少的键并且避免与同时打开的其他应用程序所用的快捷键冲突，用户可根据自己的习惯重新定义快捷键。,(2) “窗口和控件”菜单命令。现在我们开始分别抓取搜狐首页页面及查看菜单。单击”捕捉”| “窗口和控件”菜单命令，或按Ctrl+Shift+W 键能将窗口及其上的各控件一一 抓取。执行”捕捉”| “捕捉设置”菜单命令，打开”捕捉设置”对话框，在”捕捉”选项 卡中选中”捕捉窗口时自动滚屏”复选框，如下左图所示。按下快捷键后，鼠标变形，将鼠标放置窗口抓取开始地方，按下 Shift 键同时在窗口上滑
4、动鼠标，即可抓取滚屏窗口，如下右图所示。,(3) “按钮”菜单命令。我们想抓取搜狐首页地址栏上的”转到”和菜单栏上的按钮， 单击”捕捉”| “按钮”菜单命令，或按Ctrl+Shift+C 键。这时鼠标变为十字形光标，将光 标放在”转到”按钮上并单击鼠标立刻抓取。或者直接将光标放在抓取按钮上方，再执行命令同样能抓取按钮，如下左图和下右图所示。,拓展提高：,实际上可抓取网页内光标所在位置下面的任何对象。如果想在抓取的图片上包含光标，只需选中“包括鼠标指针”复选框。,(4) “活动窗口”菜单命令。任务栏上有搜狐首页、新建Word 文档、网易首页等已最 小化的窗口，现在抓取搜狐首页活动窗口。单击”捕捉
5、”| “活动窗口”菜单命令，或按 Ctrl+Shift+A 键，然后用鼠标单击任务栏上的搜狐首页窗口将其抓取下来，如下图所示。,(5) “选区”菜单命令。我们现在抓取搜狐的导航条。单击”捕捉”| “选区”菜单命 令，或按 Ctrl+Shift+R 键。这时鼠标变为十字形的光标，首先将光标移到区域的左上角并按下以定义选区的起始点，然后拖动光标至区域的右下角确认区域的结束点，同时按回车键，这时所选区域即被抓取，如图下所示。,进入搜狐网站首页。首先在浏览器地址栏中输入：http:/，按回车键或单击地址栏右面的按钮，进入搜狐网站首页。,使 用 ACDSee 10.0转 换 图 像,使用 ACDSee
6、10.0转换图像,ACDSee窗口界面 转换图像文件的格式,李洋是某摄影图书后期编排人员，新接到主管任务，需要转换图像格式。减少硬盘的存储量容量。要求即要保证图像素材画质，又能用于图书排版。,浏 览 卸 载 IE 猫 应 用 程 序,任务二：使用 ACDSee 10.0转换图像,由于ACDSee可快速开启，浏览大多数的影像格式文件，可以将图片放大缩小，调整视窗大小与图片大小配合，全荧幕的影像浏览，并且支援GIF动态影像。同时还可以将图像转成BMP，JPG和PCX格式，保证图像画质。因此，李洋决定使用ACDSee来完成此任务。,任务二：使用 ACDSee 10.0转换图像,任务 实施,使用 AC
7、DSee 10.0转换图像,（1）选中需要转换的图像文件。单击”工具”| “修改”| “转换文件格式”菜单命令，如下左图所示。 （2）打开“批量转换文件格式”对话框，在对话框中默认选定了输出格式为BMP，根据需要选择其他的输出格式，这里选择JPG 格式，如下右图所示。,（3）如果需要对输出图像的细节进行设置，单击“格式设置”按钮，打开“JPEG 选项”对话框设置图像质量，根据所转换的格式不同该对话框中显示的参数也不同，在其中设置相应参数，如下图所示。,单击”矢量设置”按钮，在打开的”矢量图像设置”对话框中指定生成位图图像的分辨率、消除锯齿使得转换图像平滑。单击”下一步”按钮，打开”设置输出选项
8、”对话框。,（4）单击“JPEG 选项”对话框“确定”按钮，返回“批量转换文件格式”对话框，单击“下一步”按钮，如下左图所示。 （5）进入“批量转换文件格式”对话框的设置输出选项，选择“将改后的图片放入以下文件夹”单选按钮。单击“浏览”按钮可设置图片保存位置。如下右图所示。,拓展提高：,在“设置输出选项”对话框中设置转换文件的保存位置。根据需要选择下拉框里的“询 问”、“跳过”、“替换”、“重命名”等项目。如选择的是询问，表示当转换过程中出现可能覆盖已有相同文件的情况下要提示用户确认。如果转换以后不再需要源文件，可以选中对话框中的”删除原始文件”复选框，这样能够自动删除源文件以节省硬盘空间。,
9、（6）单击“下一步”按钮，打开”设置多页选项”对话框，如下左图所示。 （7）设置完毕后，单击“开始转换”按钮，进入转换进程，如下中图所示。完成之后单击“完成”按钮即可。可打开文件夹查看转换后的图片格式，如下右图所示。,使 用Photoshop 制 作 CD 封 面,使用Photoshop制作CD封面,Photoshop CS 功能与特点简介 Photoshop CS 工作界面介绍 图像的调整 选择区域 绘图、编辑工具 文字录入、编辑 滤镜,李琳是某广告公司的美工后期编辑人员，公司新接一个项目，需要制作一张漂亮的CD封面。要求画面既符合主题，又简洁大方。,使 用Photoshop 制 作 CD
10、封 面,任务三：使用Photoshop制作CD封面,由于Photoshop主要处理以像素所构成的数字图像。拥有众多的编修与绘图工具，可以有效地进行图片编辑工作。同时在图像、图形、文字、视频、等各方面都有较出色的处理功能。因此，李琳决定使用Photoshop来完成此任务。,任务三：使用Photoshop制作CD封面,任务 实施,使用Photoshop制作CD封面,(1) 新建文件。单击”文件”|”新建”菜单命令，或按Ctrl+R 键，在弹出的”新建” 对话框中设置参数，如下左图所示。单击”好”按钮退出对话框。单击”视图”|”标尺” 菜单命令，或按Ctrl+R 键，调出标尺。在图像四周分别设置 5
11、 毫米的出血，中间部分制作 CD 封面内容，长宽均为 12 厘米。如下右图所示。,对于需要印刷的作品必须使用 CMYK 颜色模式。,(2) 单击”文件”| “打开”菜单命令，或按Ctrl+O 键，素材乐谱.jpg。将其拖曳到新建文件中，按Ctrl+T 键，调整 图片的大小，如下左图所示。 (3) 单击裁切工具，在图像上拖动鼠标框选出整个CD 封面裁切范围，按回车键确认 裁切，修饰图像尺寸和封面一致。在工具箱中选择仿制图章工具，按下 Alt 键，在图像上单击选择要仿制的源图像，然后移动鼠标到图像下部的树叶目的图像上按住鼠标左键进行涂抹，效果如下中图、下右图所示。,(4) 单击”文件”|”打开”菜
12、单命令，或按Ctrl+O 键，打开素材耳.jpg。按Ctrl+A 键全选，单击”编辑”|”复制”菜单 命令，然后单击”编辑”|”粘贴”菜单命令，将素材图片导入到新建文件中，并放置于适当位置。如下左图所示。 (5) 单击”窗口”| “图层”菜单命令，打开”图层面板”，单击“添加矢量蒙版”按钮，为图层添加蒙版。将前景色设为白色，背景色为黑色。在工具箱中选择橡皮工具，选择一种柔性笔刷，沿耳朵轮廓擦除以外的图像。如下右图 所示。图层混合模式为正片叠底。效果如下右图所示。,(6) 选择图层 1，单击”图层”| “新调整图层”| “色相/饱和度”菜单命令，在弹出的对话框中设置编辑：全图，色相 32，饱和度
13、 23，明度 11，并选中”着色”复选框。如下左图、下中图所示。然后设置前景色为白色，背景色为黑色。选择橡皮工具 ，在其属性栏上设置：笔刷选一柔性画笔，不透明度值 50%，流量50%。选择色相饱和度图层蒙版，用鼠标在树和耳朵周围涂抹，使图像呈现背景秋天景色效果，如下右图所示。,(7) 在工具箱中选择文字工具 ，在其属性栏上设置，字体：方正黄草简体，颜色： R:235，G:162，B: 34，然后输入文字。在图层面板上新建了文字层，将文字层的图层混合模式设为颜色加深。如下左图、下中图、下右图所示。,(8) 在图层面板中双击秋韵文字图层，在”图层样式”对话框中设置文字的阴影效果， 阴影颜C：38，
14、M：76，Y：100，K：49，如下左图所示。投影效果如下右图所示。,(9) 在”图层样式”对话框中继续为文字图层设置描边效果。各项参数如下左图所示， 描边效果如下右图所示。,(10) 单击工具箱中的文字工具 ，其工具属性栏各项参数设置：字体：Time New Roman, 字体颜色：RGB(96，50，16)，输入文字：“QIU YUN”，如下图所示。,(11) 单击图层面板底部的“创建新的图层”按钮，新建图层4，在工具箱中选择直线工具，按住Shift 键的同时在文字下面画一直线，如下图所示。 (12) 在图层面板上用鼠标右键单击图层 4，在弹出的菜单中单击”复制图层”命令， 创建图层4 副
15、本。并用工具箱中的移动工具将复制的直线移动到拼音文字的下方。,也可按下Alt 键，同时用鼠标左键将直线拖到文字下方，同样复制直线。,(13) 选择工具箱中的文字工具，用鼠标拖拉一文本区域在里面键入文字段落，并调整字体、大小、颜色及位置。选中“深”文字，增加其大小，用滴管工具点击图像中的叶子选取字体颜色。选中“秋韵”文字，加上中括号，字体为方正黄草简体，效果如下图所示。,(14) 单击”文件”|”打开”菜单命令，打开素材乐谱.jpg。选择工具箱中的矩形选框工具绘制选区，单击”编辑”|”复制”菜单命令，复制选区图像，再点击当前图像编辑窗口，单击”编辑”|”粘贴”菜单命令，将选区粘贴过来，同时得到图
16、层 5。如下左图、下中图所示。 (15) 单击”图层”| “添加图层蒙版”| “显示全部”菜单命令，为叶子图层添加图层蒙版。然后选择工具箱中的橡皮工具，设置前景色为白色，背景色为黑色。擦除叶子周围的多余部分，效果如下右图所示。,(16) 选中叶子所在图层，单击”图层”|”图层样式”|”投影”菜单命令，在弹出的”图层样式”对话框中参数设置如下左图所示。效果如下右图所示。,(17) 按 Ctrl+O 键，打开素材标 志.jpg”。选择工具箱中的魔术棒工具点击素材白色区域，然后单击”选择”|”反选” 菜单命令。如下图所示。,(18) 将标志图片用工具箱中的移动工具拖到当前文件中，并放于适当位置。如下左图所示。选择工具箱中的钢笔工具 ，在图像上画一路径，然后选择文字工具 ，用鼠标在路径上点击，出现文字光标，沿路径输入文字。同样的方法，在绘制另外路径，并沿路径输入文字，读者对文字的各属性可自定，如下中图所示。最终效果如下右图所示。,重 点 难 点,项目三采集与编辑数字图形图像,掌握转换图像文件的格式,掌握Photoshop的使用,
