《图像处理技术》实践教学大纲.docx

1、图像处理技术实践教学大纲图像处理技术实践教学大纲申海燕 编写赵景海 审阅一、实践教学目的图像处理技术实践教学是在了解软件理论基础之上，让学生动手实验或实践的重要途径，它要求学生从软件技术和设计思维两个角度来学习、体验Photoshop的强大功能，进而加深课程知识的理解，掌握基本技能，培养平面图像的规划布局、综合创意、应用开发等能力，并为后期课程如多媒体课件制作、网页设计奠定图像美工基础。二、实践教学内容及课时安排实践教学内容 课时分配校内模拟实验 校外实训 合计第一部分 Photoshop窗口操作22第二部分 图像基本编辑工具44第三部分 图像色彩的处理22第四部分 创建选区44第五部分 图层

2、的应用66第六部分 文字图层44第七部分 路径22第八部分 通道22第九部分 滤镜22第十部分 网页图像与动画制作44合计 32 32 第一部分 Photoshop窗口操作 【实践教学目的和要求】使学生掌握Photoshop的基本操作和Photoshop 的优化。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】1.建立不同尺寸、大小、不同分辨率photoshop文件。2.用不同的方式打开photoshop文件。3.熟悉photoshop的菜单、命令、工具栏。4.进行Photoshop 的优化。5.打开多幅格式、色彩模式皆不同的文件，完成相互转换操作。

3、【考核要点】 Photoshop的基本操作。 第二部分 图像基本编辑工具【实践教学目的和要求】使学生掌握图像基本编辑工具。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】1.打开Photoshop 软件，打开“音乐家的摇篮.JPEG”图片。执行“图像” /“画布大小”命令，在弹出的对话框中输入所需的“宽度”和“高度”尺寸（从“宽度”和“高度”框旁边的下拉菜单中可以选择度量单位）。2.在“画布大小”对话框中设置好参数后，单击【确定】按钮，完成修改。3.选择磁性套索工具，沿着文化广场的四周建立选区，然后将选区中的内容拷贝下来。4.新建一个文档，大小为42

4、0*340像素，将拷贝下来的图像粘贴到新文档中去并保存。5.打开“高贵典雅婚纱.jpg”图片，选择魔术棒工具在背景上单击，然后用“反选”命令选择人物；再打开 “宫殿.jpg”图片，用移动工具将“高贵典雅婚纱.jpg”图片中的人物拖移到“宫殿”图片中去，再将其移到合适的位置。6.新建一个大小为300*340像素的文档，选择画笔工具，将其直径设置为74，前景色多设置几种色彩，用画笔在画布上点击，画出图案。7.仿制图章的使用主要是注意不断地更换采样地点（按住Alt键）。8.首先绘制图案。建立一个大小为120*100像素背景色为灰色的文档，然后用铅笔工具，将笔尖形状的间距设置为适当，前景色设为#FFF

5、FFF。在文档中画一条虚线，通过复制/链接、再复制/再链接的方式，将线条均匀地布满画布。9.将图片拷贝下来，粘贴到新建的背景为透明的文档中，把这个文档定义为图案。打开“图书馆.jpg”图片，建立选区，选择图案图章工具，用刚定义的图案进行填充。【考核要点】常用绘图工具的使用。第三部分 图像色彩的处理【实践教学目的和要求】使学生掌握简单的图像的色彩调整。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】1.打开Photoshop 软件，依次打开“ps3素材4颜色调整”文件夹中相应图片，分别使用自动颜色、自动对比度的方法、自动色阶的方法调整图像。2.依次打开

6、“ps3素材4颜色调整”文件夹中相应图片，分别使用调整图像的亮度、对比度和色彩的操作方法调整图像。3.依次打开“ps3素材4颜色调整”文件夹中相应图片，使用曲线的操作方法调整图像。4.选择一幅具有抽象效果的图像将分为四种不同的颜色区域。5.给黑白照片上色。6.打开素材，在图层面板下方单击“创建新的填充火调整图层”按钮，选择“渐变映射”命令，设置从黑色到白色的渐变。7.工具箱中设置前景色为黑色，单击图层蒙版缩略图，选择“画笔工具”在嘴唇上涂抹（可以对图像进行放大操作以便更精确的在嘴唇上涂抹），嘴唇被还原成红色。8.按着CTRL键的同时单击图层蒙版缩略图，载入嘴唇的选区（可对选区进行修改精确选中嘴

7、唇），执行“选择”菜单中的“反选”命令，将嘴唇以外的图像选中。9.单击图层面板下方单击“创建新的填充火调整图层”按钮，选择“色阶”命令，向右拖动黑色滑块，从图像窗口可看见图象中的灰色逐渐变成黑色，单击“确定”按钮。【考核要点】图像的色彩调整。第四部分 创建选区【实践教学目的和要求】使学生掌握图像规则及不规则形状的选取范围。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】1.打开Photoshop 软件，依次打开“ps3素材2工具箱2.1选区操作” 文件夹中相应图片，分别使用规则选框工具、魔棒和套索工具、色彩范围命令进行相应选区的定义。2.在Photo

8、shop中利用矩形和椭圆形选区工具建立主题为“禁止吸烟”的招贴画。3.利用椭圆形选区工具建立外圈，并填充红色。4.利用矩形选区工具画出香烟。5.用画笔画出燃烧的烟头和烟雾。6.利用文字工具在图像下写出“禁止吸烟”。7.调整图层顺序。【考核要点】选区工具的基本使用。第五部分 图层的应用【实践教学目的和要求】使学生掌握图层的应用。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】一、合成冲浪图像（图层蒙版的应用）1.打开两个素材文件，用移动工具将素材2拖到素材1中，得到新的“图层1”，关闭素材2文件。选择“ctrl+T”对图层1中的图像自由变换并拖到合适的

9、位置，此时在图层面板中有两个图层，分别是“背景”、“图层1”。2.在图层面板上选中“图层1”，单击图层面板下方的“添加图层蒙版按纽”，给图层1添加蒙版，选择画笔工具，前景色设置为黑色，用画笔在图像上涂抹，在涂抹中可以不断调整画笔的直径，直到图层1中只显示人物和小艇为止。3.复制图层1得到“图层1副本”，在图层面板中选中图层蒙版，选择画笔，设置前景色为白色，在“图层1副本”上绘画，并将“图层1副本”图层的混合模式设置为滤色。4.选择画笔工具（为得到良好的海水溅起的感觉，画笔工具参数设置如下），设置前景色黑色，用画笔沿图像四周单击涂抹，制作海水溅起的效果。5.图层面板下方的“添加新的填充图层或调整

10、图层”按纽，在弹出的菜单中选择“色相/饱和度”，在弹出的对话框中分别选择“青色”（饱和度-100）和“蓝色”（饱和度-100），设置完毕确定后退出对话框。6.按着CTRL+ALT+G创建剪贴蒙版，此时图层面板中的“调整图层”向右缩进一点，并且“图层1副本”的下面多了个下划线，完成最终效果图。二、使用图层的混合模式画彩妆1.打开人像实例素材1，在图层面板中单击“创建新图层”按钮，新建图层1。2.使用“多边形套索工具”，在眼睛周围创建选区，然后按住“alt”键减选眼睛部分。3.工具箱中单击前景色，设置颜色为紫红色（参考值#ee15a9），选择“画笔工具”，在选区中描绘，使眼部周围覆盖紫红色，按住“

11、ctrl+d”取消选区。在“图层”面板中将图层混合模式设置成“颜色”模式，使用“画笔工具”再次描绘眼部周围颜色。4.使用“画笔工具”在另一侧眼部周围绘制颜色，然后调整“不透明度值”（65%），使图像颜色符合实际要求。5.工具箱中单击前景色，设置颜色为橙色（参考值#f08411），在图层面板中单击“创建新图层”按钮，新建“图层2”，设置图层的混合模式为“颜色”，不透明度为65%，选择“画笔工具”在眼睛和眉毛中间绘制橙色眼影。6.在图层面板中单击“创建新图层”按钮，新建“图层3”，工具箱中单击前景色，设置颜色为蓝紫色（参考值#8a11f0），使用“画笔工具”在嘴唇上涂抹，设置嘴唇所在的图层3混合模

12、式为“柔光”。7.在图层面板中选中背景图层，选择“减淡工具”（中间调），在人物的脸上涂抹，使脸部皮肤变白。8.执行打开文件操作，打开另一有鲜花图案的素材，用魔棒选中所有白色，然后反向选中花朵，使用移动工具将花朵移动到人物所在文件中形成“图层4”，“ctrl+T”组合键对图像作自由变换，调整图象到合适的位置，放在人物的右上角。【考核要点】图层、蒙版的使用。第六部分 文字图层【实践教学目的和要求】使学生能够利用文字工具制作各种艺术文字。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】1.打开需要添加卡通字的小兔子图片，然后选择“横排文字工具”，设置文字颜

13、色为白色（也可以是其他颜色），在图象上输入文字“幸运天使”（也可以是其他文字），字体和字号自己可以自由设定。2.分别使用鼠标在四个文字间单击，按下shift键的同时按住“8”键，输入多个“*”符号。3.选择其中两个字符，打开字符面板，设置偏移值并增加字号。4.在图层面板中双击文字图层，打开“图层样式”对话框。选择“外发光”样式，将混合模式设置为“正常”，设置发光颜色为淡蓝色或其他颜色，并调整其他参数。5.选择钢笔工具，在所写的字下面绘制一条路径，然后选择横排文字工具输入拼音字母，选择所有拼音字母，在字符面板中增加字母间的间距。6.选择“直接选择工具”选中路径并拖移到合适的位置。7.在图层面板中

14、双击字母文字图层，打开图层样式对话框，选择投影样式，并设置投影参数，单击确定。8.在路径面板的空白处单击鼠标，取消路径的显示，得到最终效果。【考核要点】文字的输入和编辑。第七部分 路径【实践教学目的和要求】使学生掌握路径定义和使用。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】绘制可爱的小猪1.执行“文件”“新建”命令，打开“新建”对话框，设置属性：宽度600像素，高度800像素，分辨率300像素/英寸，背景为白色。设置完毕单击“确定”按钮。2.单击路径面板上“创建新路径”按钮，选择“椭圆形状工具”，在属性栏中单击“路径”按钮，拖动鼠标绘制一个椭圆

15、路径。3.选择“添加锚点工具”，在路径上单击，添加一些锚点。然后选择“转换点工具”，按“Ctrl”键的同时，用鼠标调整锚点成猪头形状。4.选择“钢笔工具”，在猪头上添加眼睛、鼻子和耳朵等路径。5.再使用“钢笔工具”添加小猪的身体路径。6.使用“钢笔工具”在小猪的身体上绘制肚兜路径。7.设置前景色为黑色，选择“画笔工具”，调整画笔的直径为12像素。在路径面板中路径上单击弹出路径快捷菜单，选择“描边路径”打开描边路径对话框，勾选“模拟压力”复选框，单击“确定”按钮。8.在路径面板的空白处单击鼠标，取消路径的显示。9.单击图层面板中的“创建新图层”按钮，新建“图层1” ，设置前景色为粉红色，将路径转

16、换为选区，然后对选区进行填充前景色，然后取消选区。10.在路径面板上单击“创建新路径”按钮，新建“路径2”，选择钢笔工具绘制手和脚的路径，对手和脚的路径用黑色进行描边，并用粉红色进行填充。11.将前景色设置成腮红的颜色，在小猪的脸上单击，使脸部产生可爱的红晕，然后涂抹脚和肚兜。12.选择渐变工具，设置从黄色到红色的渐变色（或自己选择一种渐变色），单击“径向渐变”按钮，选择“背景”图层，为背景填充渐变色。【考核要点】路径的使用。第八部分 通道【实践教学目的和要求】使学生了解通道的用途。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】抠起图中的橙子1.用

17、Photoshop打开一幅RGB图像“橙子.jpg”，并展开图像对应的RGB三原色通道面板待用。2.把通道面板和图象放在并列位置，现在分析图象中橙子和盘子的色差。用鼠标分别点取Red、Green、Blue通道，通过对比找出所要选取对象与周围环境对比最明显的Red通道，并选取此通道。3.在通道面板上打开三角型按钮，复制此通道，取名为4，保持当前对4号通道的选择，也就是保持4号通道为当前工作通道。明确一下在通道里黑色是选择区域，白色是保护区域，灰色是半透明区域。4.用工具栏中的提亮（DodgeTool）和加深（BurnTool）工具分别对图像的明暗处进行提亮和加深，以加强其对比。5.反复地使用提亮

18、和加深工具，直至画面呈现强烈对比的黑白两色。6.按住Ctrl键的同时，用鼠标点取通道4，此时白色的橙子区域被选中，用鼠标点取RGB通道回到正常模式来，此时原来图像中的橙子已被选取。【考核要点】常用通道工具的使用。第九部分 滤镜【实践教学目的和要求】使学生掌握滤镜的使用。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】星球爆炸1.新建图像文件（宽度和高度均为1024像素），前景色为黑色，用前景色填充背景图层；在图层面板单击新建“图层1”，设置前景色为白色，用白色填充“图层1”。2.选择“滤镜”“杂色”“添加杂色”命令，弹出对话框设置参数：数量15、平均

19、分布，勾选单色。单击创建新的填充或调整图层按钮，在弹出的菜单中选择“阈值”命令，得到 “阈值1”，在弹出的对话框中设置参数为220，单击确定。3.选中“图层1”和“阈值1”，合并这两个图层（CTRL+E）得到“阈值1”图层，选择“滤镜”“模糊”“高斯模糊”命令，在弹出的对话框中设参数角度90度、距离400，单击确定。再选择“图像”“调整”“反相”（CTRL+I）将图层反相。4.设置前景色为白色，选择“渐变工具”“线性渐变”，设置渐变类型为从前景色到透明，同图像的上方向图像中间位置绘制渐变。5.选择“滤镜”“扭曲”“极坐标”命令，在弹出的对话框中选择“平面坐标到极坐标”选项，单击确定。6.按CT

20、RL+T自由变换，调整图像，选择“滤镜”“模糊”“径向模糊”，设置参数：数量100、模糊方法为缩放、品质为好，单击确定。7.在图层面板中单击创建新的填充或调整图层按钮，在弹出的菜单中选择“色相/饱和度”命令，得到“色相/饱和度1”图层，在弹出的对话框中勾选着色，设置参数如下：色相40、饱和度65、明度0，单击确定。选择“图像”“调整”“曲线”，使曲线向上凸，得到效果。 8.新建“图层1”，按D键将前景色和背景色恢复为默认的黑、白色，选择“滤镜”“渲染”“云彩”命令，再设置图层1的图层混合模式为“颜色减淡”，选择“滤镜”“渲染”“分层云彩”命令应用到图层上。9.使用移动工具将素材移动到本文件中，

21、放置在图像的中心位置，设置图层的混合模式为“叠加”。10.单击添加图层样式按钮，在弹出的菜单中选择“外发光”命令，得到“外发光1”，设置参数如下（其中颜色值为ffffbe），得到最终效果。【考核要点】滤镜工具的使用。第十部分 网页图像与动画制作【实践教学目的和要求】使学生掌握photoshop软件的综合使用。【实践教学地点】机房。【实践资料来源】 课本内容、参考资料、课后作业。【实践教学内容与步骤】一、GIF动画的制作1.先在Photoshop中创建所需要呈现动画效果的图像。但需要注意的是，静态元素不能与动态元素放置在同一层中，而必须单独创建一个图层。2.存储文件，然后执行“文件”/“在Ima

22、geReady中编辑”命令，ImageReady应用程序将打开显示该图像。接着在ImageReady中进行下面的操作。3.单击“动画”选项卡使“动画”调板出现在前面。如果该调板未打开，可以通过执行“窗口”/“动画”命令将其打开。4.单击“图层”选项卡使“图层”调板出现在前面。如果该调板未打开，可以通过执行“窗口”/“图层”命令将其打开。调整“图层”调板和“动画”调板的位置，以便看到文档窗口的一部分以及这两个调板。5.单击“动画”调板底部的“复制当前帧”按钮添加下一帧。在“图层”调板中，根据这一帧的需要调整各个图层的可见性。继续添加新的帧，并根据需要隐藏或显示各个图层。6.创建完所有的动画帧后，

23、单击“动画”调板底部的“播放”按钮预览动画。单击“停止”按钮可停止播放。设定帧延时。7.GIF动画的保存。点击菜单“文件将优化结果存储为”命令，打开优化结果存储为对话框，按照以下设置，然后点击保存按钮就可以得到GIF动画。二、ImageReady网络切片与导出实例1.在Photoshop cs中将图片做好，导入ImageReady cs中。2.选择“切片工具”对图片进行切片。3.选择“切掉选择工具”点击图片，选中切片，给切片做翻转状态和远程切片。4.执行“文件”/“存储为Web所有格式”命令，打开优化对话框，进行优化。5.保存文件。单击“存储为Web所有格式”对话框中的“存储”按钮，打开“将优化结果存储为”对话框，在“保存类型”下拉列表中选择“HTML和图像”选项，在“切片”下拉列表中选择“所有切片”，“设置”用“默认设置”，在“文件名”文本框中给HTML取个名称（index.html）,然后单击【保存】按钮。【考核要点】动画制作、网页切片。