模块七 动作 动画（教案）-《图形图像处理》同步教学（语文出版社）

课目→课题 模块七 动作 动画 教学目的 和要求 1. 掌握Photoshop动作的概念。 2. 掌握Photoshop自动化的概念。 3. 掌握Photoshop动画的概念。 4. 掌握动作的设置使用。 5. 掌握自动化处理的设置使用。 6. 掌握动画的设置使用及GIF动画的生成。 重 点 难 点 1．掌握动作录制、动作播放和动作编辑。 2．掌握应用时间轴窗口制作帧动画。 教学进程 （含课堂 教学内容、 教学方法、 辅助手段、 师生互动、 时间分配、 板书设计） 理论演示教学： 一、导入 1、在使用Photoshop处理图像的过程中，有时需要对多幅图像进行相同的处理。若是重复使用同样的操作，势必会浪费大量的时间，而Photoshop提供的动作功能可以将重复的操作过程录制成动作，当需要执行相同的操作时，将录制好的动作载入执行就可以了。动画功能和动作功能不同，Photoshop CC 2019提供的动画功能，可以让我们制作GIF 动画，更好的感受美丽的意境。 2、点评作业情况 3、滤镜是Photoshop中非常神奇的工具，利用滤镜及滤镜的组合，可以方便快捷地创作出千变万化、美轮美奂的图像效果 二、课堂教学过程 第一小节 一、任务描述 “世纪大桥倒影”作品：宛如一条“卧龙”横亘于水面之上，使人产生无限的联想，进而烘托出一种亮丽、轻盈、飞翔的感觉。水面碧波荡漾，倒影涟漪，陶醉在这种唯美的意境中，水中的风景毫不失色于真实的世界，古老的东方有一条龙，它的名字就叫中国……”在世界的东方有一条威武的巨龙，这条巨龙就是我们可爱的祖国。我们的祖国创造出令人振奋的伟大工程。只有高科技水平才能建造出屹立于世的高等级大桥，体现了我国劳动人民勤劳勇敢、自强不息的伟大民族精神！我们的祖国拥有伟大的历史文化与优美的自然风景，我们每时每刻都感受着日新月异的变化，我们作为华夏儿女，自豪荣耀！是祖国给了我们优越的生活环境，是祖国给我们创造了优越的学习机会，我们应该珍惜现在，努力学习，为建设更好更美更富强的中国而读书！让我们一起努力吧，让这条东方巨龙飞得更高更远！龙的传人要有龙的傲骨、龙的傲气、龙的傲首。我们是最棒的！我们是最强的！我们是最有力的！我们都是龙的传人，我们都是中国人！利用提供的素材， 7-1-1 。 图7-1-1完成效果图 二、任务分析 完成本案例需要掌握应用“开始记录”、“停止播放→记录”、“创建新组”、“创建新动作” 和“删除”功能用来录制编辑动作，“魔棒工具”、“垂直翻转”、“波纹滤镜”、“动感模糊滤镜”、“水波滤镜”等工具命令完成对图像背景和图像效果的制作。 三、相关知识 动作：是一组命令的集合体，利用“动作”可以记录“Photoshop程序”处理图像过程中执行过的操作及应用过的命令。当需要再次执行同样的或类似的操作或命令时，直接应用所录制的动作就可完成任务，在实际工作中应用动作能够提高设计者的工作效率。执行“窗口”→“动作”，即可调出“动作”调板， 7-1-2 。 “对话窗口”开→关：显示为方形小框，用于选择在动作执行（包括批处理程序调用动作）时是否弹出对话框或菜单，显示时，表示弹出对话框，隐藏时，表示忽略对话框，动作按先前设定的参数执行，应用在执行动作时需要临时调整一些设置时，可选择此开关，例如动作中包含“图像大小”命令操作，选中此切换开关，当动作执行到 “调整图像大小”这一步时，将暂时停止，弹出 “调整图像大小”对话框，有机会重新输入一个新的图像大小数值，然后“确认”，“动作”本步将会按新的数据执行，接着自动执行以后步骤。 “切换项目”开→关：可选择要执行的动作，在一个动作组前面打勾或取消打勾，表示执行或跳过这个动作组中的所有动作；在一个动作序列前打勾或取消打勾，这个序列内的所有动作组和动作都被执行或跳过；只在一个或几个动作前打勾或取消打勾，则只执行或跳过该动作。 “停止播放→记录”按钮：当录制动作时按下此按钮，停止录制；当播放动作时，按下此按钮停止播放。 “开始记录”按钮：按下此按钮，进入录制动作状态，按钮显示为红色；当新建一个“动作”时，录制按钮自动按下并显示红色，表示自动进入录制状态。 “播放选定的动作”按钮：首先选定欲被处理的“新图像”，接着选定已录制好的“动作”。按下此按钮将开始执行“动作”中的命令。 “创建新组”按钮：按下此按钮新建一个“动作组”，可在弹出的对话框中输入“动作组”名称，也可忽略使用默认名称。将已有的“动作组”选中拖放到该按钮上，将复制该 “动作组”。 “创建新动作”按钮：按下此按钮新建一个“动作”，录制按钮自动进入录制状态。将已有的“动作”选中拖放到该按钮上，将复制该 “动作”。 “删除”按钮：按下此按钮将删除选中的“动作组”或“动作”。将一个“动作组”拖放到该按钮上，将删除整个“动作组”，将一个“动作”拖到该按钮上，将删除这个 “动作”，将一个展开“命令”拖到该按钮上，删除该“命令”。 默认动作：是Photoshop内建的动作组，包含多个动作，可以完成对照片进行特效处理，可展开动作进行查看、修改。 四、任务实施 1. 打开“素材图片1”， 执行“窗口”→“动作”，弹出的“动作调板”，单击调板底部“创建新组”按钮，弹出“新建组”对话框，设置：名称（yw），单击确定完成。 2. 单击调板底部“创建新动作”按钮，弹出“新建动作”对话框，设置：组（yw）；名称（石扇倒影），单击确定完成，Photoshop开始自动录制动作， 7-1-3 。 3. 执行“图像”→“图像大小”，弹出“图像大小”对话框，设置：约束比例（勾选）；高度（600）；其它保持默认，单击确定完成， 7-1-4 。 4. 执行“图像”→“画布”，打开“画布大小”对话框，设置为：勾选“相对”，“高度”为600，“定位”为上半部，其它保持默认。单击“确定”， 7-1-5 。 5.选中并复制“背景图层”为“背景拷贝图层”，隐藏“背景图层”，选择“魔棒工具”，点击白色，载入白色选区，单击“Delete”键，清除选区， 7-1-6 。 6. [Ctrl+Shift+I]反转选区，“Ctrl+J”复制并新建“图层1”，选中“图层1”，执行“编辑”→“变换”→“垂直翻转”，然后选择“移动工具”，将图像移动到底部， 7-1-7 。 7. 选中“图层1”，执行“滤镜”→“扭曲”→“波纹”，设置：数量（376）；大小（中）， 7-1-8 。 8. 选中“图层1”，执行“滤镜”→“模糊”→“动感模糊”，设置：角度（90）；距离（18）， 7-1-9 。 9. 选中“图层1”，选择“椭圆选框工具”，设置：羽化（5）；样式（正常），创作一椭圆选区。执行“滤镜”→“扭曲”→“水波”，设置：数量（52）；起伏（15）；样式（水池波纹）， 7-1-2 。 10. [ctrl+D]，取消选区，显示“背景图层”，执行“拼合图像”，合并所有图层。 11. 在“动作调板”中，单击“停止播放→记录”按钮，完成“石扇倒影动作”录制任务。选中“yw组”，单击“动作调板”右侧下拉菜单，执行“存储动作”命令，把本录制动作存储为“yw.atn”， 7-1-10 。 12. 设计制作完成， 7-1-1 。 实践内容：练习一：“世纪大桥倒影”作品 练习二： 练习三： 第二小节 一、任务描述 "祖国山河"作品∶我爱你中国，我爱你碧波滚滚的南海，我爱你白雪飘飘的北国，我爱我的祖国，祖国的山河壮丽巍峨。本任务利用Photoshop 内建的"动作"命令配合"自动化处理"功能将成百上千的需要进行基本一致的处理图像进行高效、准确的处理。让我们应用自动化处理技能，装点修饰祖国的美丽山河吧，7-2-1 。 图7-2-1完成效果图 二、任务分析 完成本案例需要掌握应用“打开”、“新建图层”、 “复制图层”、“路径工具”、“文字工具”、“形状工具”、“动作”和“自动化处理”等工具命令完成对图像背景和图像效果的制作，完成对批量图像的编辑处理。 三、相关知识 “批处理”命令:可以对指定文件夹中的多个文件执行指定“动作”, 执行“文件”→“自动”→“批处理”，弹出 7-2-2 对话框。 “播放”→“组”：指定用来处理文件的动作组。下拉菜单中会显示“动作”面板中可用的动作组。 “播放”→“动作”：指定用来处理文件的动作。下拉菜单会显示“动作”面板中可用的动作。如果未显示所需的动作，可选取另一组或在面板中载入组。 “源 ”：指定需要处理的文件。下拉菜单中有“文件夹”、“导入”、“打开的文件”、“Bridge”四个可选项。 “文件夹”：处理指定文件夹中的文件。单击“选择”可以查找并选择文件夹。 “导入”：处理来自数码相机、扫描仪或 PDF 文档的图像。 “打开的文件”： 处理所有打开的文件。 “Bridge”： 处理 Adobe Bridge 中选定的文件。如果未选择任何文件，则处理当前 Bridge 文件夹中的文件。 “目标”：指定处理完成后文件的处理。下拉菜单中有“无”、“文件夹”、“存储并关闭”三个可选项。 “无”：不指定存储位置，按照动作设置执行，如“动作”中没有设置“存储”命令则使文件保持打开而不存储更改。 “文件夹”：将处理过的文件存储到另一位置。单击“选择”可指定目标文件夹。 “存储并关闭”： 将文件存储在原位置，如果格式相同会覆盖原来的文件。 “覆盖动作中的存储为命令”：将已处理的文件存储到在“批处理”命令中指定的目标文件夹中 （如果已选取“存储并关闭”，则将这些文件存储到其原始文件夹），存储时采用其原始名称或在“批处理”对话框的“文件命名”部分中指定的名称。如果没有选择此选项并且动作中包含“存储为”命令，则将文件存储到由动作中的“存储为”命令指定的文件夹中，而不是存储到“批处理 ”命令中指定的文件夹中。此外，如果没有选择此选项并且动作中的 “存储为”命令指定了一个文件名，则在 “批处理”命令每次处理图像时都会覆盖相同的文件 （动作中指定的文件）。 “文件命名”: 指定文件命名约定。从下拉菜单中选择元素，或在字段中输入要组合为全部文件的默认名称的文本。可以通过这些字段，更改文件名各部分的顺序和格式。每个文件必须至少有一个唯一的字段 （例如，文件名、序列号或连续字母）以防文件相互覆盖。起始序列号为所有序列号字段指定起始序列号。第一个文件的连续字母字段总是从字母 “A”开始。 “错误”：指定处理运行“批处理”命令时出现错误的方法。可选项有“由于错误而停止”和“将错误记录到文件”两项。 “由于错误而停止”：出现错误停止批处理命令，直到确认错误信息为止。 “将错误记录到文件”：出现错误不停止批处理命令，将每个错误记录在文件中，在处理完毕后将出现一条提示信息，要求查看错误文件，可在指定文件夹中打开并阅读。 四、任务实施 1. 执行“文件”→“打开”命令，打开“素材图片2”，执行“图像”→“自动色调”（自动对比度、自动颜色）， 执行“图像”→“调整”→“色阶”命令，根据情况进行增亮效果。 7-2-3 。 2. 执行“窗口”→“动作”，弹出的“动作调板”，单击调板底部“创建新组”按钮，弹出“新建组”对话框，设置：名称（yw2），单击确定完成。 3.单击调板底部“创建新动作”按钮，弹出“新建动作”对话框，设置：组（yw2）；名称（祖国河山），单击确定完成，Photoshop开始自动录制动作。 4. 执行“图像”→“图像大小”，弹出“图像大小”对话框，设置：约束比例（勾选）；分辨率（96）；高度（280像素）；其它保持默认，单击确定完成，[ctrl+A]全选，[ctrl+C]复制。 7-2-4 。 5. 执行“文件”→“新建”命令，设置：名称（祖国河山）；分辨率（72）；宽度（360）；高度（280），单击确定完成，[ctrl+V]粘贴。 7-2-5 。 6. 选择“图层1”，“ Ctrl+A”全选，执行“图层”→“图层与选区对齐”→“水平对齐”命令，[ctrl+D]取消选区，选择“自定形状工具”，设置：形状（邮票2形状）；自定形状选项（不受约束），新建“图层2”，用“自定形状工具”创建邮票形状的路径， 7-2-6 。 7. 选择“图层2”， “Ctrl+Enter”转化路径为选区，“D”键复位前景及背景色，“Ctrl+Backspace”填充背景色白色，[ctrl+D]取消选区。 7-2-7 。 8. 选择“图层2”，“W”键选择“魔棒工具”，创建“邮票框”外围选区，这时，改选择“图层1”，“Del”键两次，清除选区内图像像素， 7-2-8 。 9. 选择“横排文字工具”, 调出“字符和段落调板”，设置：字体（简菱心）；大小（18）；水平缩放（120%）,消除锯齿（锐利）；其余选项默认，输入“中国邮政”和“200分”，并选中200分所在图层，栅格化文字，加1像素白色描边， 7-2-9 。 10. 在“图层调板”中，选取背景图层以外的所有图层，“Ctrl+E”合并已选图层,双击合并图层，弹出“图层样式”对话框，添加“投影”，设置：不透明度为75%；角度（120度）；其余默认，单击确定完成， 7-2-10 。 11. “Shift + Ctrl +E”合并可见图层，[Shift + Ctrl +S]另存储文件，文件名不做改动，[Ctrl+W]关闭当前文档，[Ctrl+W]关闭“素材图像2”文档，弹出“是否保存更改”提示对话框，单击“否”完成。 12. 在“动作调板”中，单击“停止播放→记录”按钮，完成祖国山河动作录制任务。选中“yw组”，单击“动作调板”右侧下拉菜单，执行“存储动作”命令，把本录制动作存储为“yw.atn”。 13. 准备工作：把需要制作应用此动作的所有图像全部拷贝到新建的文件夹（原图片）中。此时注意“原图片”文件夹中是有图片的，“执行批处理后图片”文件夹是空的， 7-2-11 。 14. 执行“文件”→“ 自动”→“批处理”命令，弹出“自动批处理”对话框，设置：组(yw)；动作(祖国河山)；源（文件夹：通过“选择”设置需要进行自动化处理的图像路径）；目的（文件夹：通过“选择”设置自动化处理完成后的图像存放路径）；覆盖动作存储为命令（勾选）；文件命名（批处理以后的文件命名）。单击确定开始执行。7-2-12 。 15. 设计制作完成， 7-2-1 。 实践内容：练习一："祖国山河"作品 练习二： 练习三： 第三小节 一、任务描述 "蝴蝶飞舞"作品∶一片绿茵茵的草地，一朵盛开的鲜花，一只蝴蝶在花间轻盈飞舞，朵朵蒲公英随风而落，如此美丽的意境让人神往。运用画笔永远记录下这美妙的瞬间，7-3-1 。 图7-3-1完成效果图 二、任务分析 完成本案例需要掌握应用“动画调板”、“动画编辑窗口”、“复制”、“画笔工具”、“图层不透明度”、和“魔棒工具”等工具命令完成对图像背景和图像效果的制作，完成动画的设计制作。 三、相关知识 1. 动画：动画—“Animation”，源于拉丁文字根anima—“灵魂”；动词animate—“赋予生命”，通俗讲就是使某物活起来的意思。 动画是“使用绘画的手法，创造生命运动的艺术“。 动画技术是采用逐帧拍摄对象并连续播放而形成运动的影像技术。 帧频是动画每秒播放的帧数。通常用fps（Frames Per Second）表示，一般为12fps和24fps，高的帧率可以得到更流畅、更逼真的动画。 选择循环选项：设置动画制作完成后，播放运行的循环次数，有四种可选方式（一次：3次：永远：其它），选择“其它选项”，会弹出“设置循环次数”对话框，可设置循环播放的次数。 选择第一帧：切换并选中第一帧。 选择上一帧：切换并选中“当前帧”的上一帧。 播放动画：播放运行制作的动画。 选择下一帧：切换并选中“当前帧”的下一帧。 删除所选帧：删除选中的“当前帧”。 复制所选帧：复制选中的“当前帧”。 过渡动画帧：单击此按钮，弹出“过渡”对话框，设置“过渡方式”和“要添加的帧数”选项，可根据需要获得“当前帧”和其“上一帧”或“下一帧”之间的过渡帧，即系统经过运算制作的两帧之间的动画帧。 转换为时间轴动画：切换创建动画工作方式，目前工作方式为“帧动画”设计制作方式，当转换为“时间轴动画”工作方式后，则此按钮变为“转换为帧动画”。 四、任务实施 1.执行“文件” → “ 打开”命令，打开“素材图片3”， 7-3-3 。 2.选择并复制“背景图层”，得到“背景拷贝图层”，使用快速选择工具，在属性栏单击“选择主体”按钮，获得选区，放大后观看，发现蝴蝶须没有被选中，配合ALT键进行选区编辑，直到选中完成。ctrl+J得到蝴蝶抠图， 7-3-4 。 3. 执行“文件” → “ 打开”命令，打开“素材图片4”， 7-3-5 。 4. 将“素材图片3”中的抠出蝴蝶拖拽到“素材图片4”中，得到“图层1”，并且复制“图层1”五次，得到“图层2”、“ 图层3”、“ 图层4”、“ 图层5”和“ 图层6”， 7-3-6 。 5. 选中“图层2”，[ctrl+T]自由变换，记住要配合shift+alt键进行设置，按住[ALT]键用鼠标拖动“右边点”，W值（80）， 7-3-7 。 6. 选中“图层3”，[ctrl+T]自由变换，记住要配合shift+alt键进行设置，按住[ALT]键用鼠标拖动“右边点”，W值（60）， 7-3-8 。 7. 依次选中“图层4”、“图层5”、“图层6”，[ctrl+T]自由变换，记住要配合shift+alt键进行设置，W值（40），W值（20），W值（5）， 7-3-9 。 8. 复制“背景图层”得到“背景拷贝图层”，关闭“背景图层”可见性，执行“文件” → “ 打开”命令，打开“素材图片5”，将“素材图片5”拖拽进入“素材图片4”得到“图层7”，将其放在“背景拷贝图层”的下方，“自由变换”合适的大小和位置。 9. 选择“背景拷贝图层”，执行“图层调板”底部→“添加矢量蒙版”，点击选择“图层蒙版缩览图”，选择“画笔工具”，导入“雪花画笔”，并选择“snowflakes2”,“D”键，前景色为黑色，在图像工作区围绕“红花”进行点击，完成， 7-3-10 。 10.选择“图层6”，新建“图层8”， 选择“画笔工具”，选择“snowflakes2”,“D”键，确认前景色为白色，在图像工作区围绕“红花”随意点击，完成， 7-3-11 。 11.执行“窗口”→“时间轴”，在窗口底部现出“动画”设计窗口，本案例使用“帧动画”设计方式，选中“第1帧”，设置其“帧延迟时间”设为“0.1秒”，单击“复制所选帧”按钮，得到“第2帧”， 7-3-12 。 12.选中第2帧，执行：1）选择“图层8”，使用移动工具，将本层图像从“左上角”拉至“右下角”，直到看不见。2）选择“图层8”，将其“图层不透明度”设为“0”。3）单击“过渡动画帧”按钮，弹出“过渡”对话框，设置：过渡的方式（上一帧）；要添加的帧数（28）；其它默认，单击确定完成， 7-3-12 。 13.在“动画”窗口中，选中“第1帧”，执行：将“图层2”至“图层6”的可见性设为“隐藏”，“图层1”可见性设为“可见”， 7-3-13 。 14.“动画”窗口中，选中“第2帧”，执行：将“图层1”、“图层3”至“图层6”的可见性设为“隐藏”，“图层2”可见性设为“可见”， 7-3-14 。 15.“动画”窗口中，选中“第3帧”，执行：将“图层1”至“图层2”、“图层4”至“图层6”的可见性设为“隐藏”。“图层3”可见性设为“可见”。 16. “动画”窗口中，选中“第4帧”，执行：将“图层1”至“图层3”、“图层5”至“图层6”的可见性设为“隐藏”，“图层4”可见性设为“可见”。 17. “动画”窗口中，选中“第5帧”，执行：将“图层1”至“图层4”、“图层6”的可见性设为“隐藏”，“图层5”可见性设为“可见”。 18. “动画”窗口中，选中“第6帧”，执行：将“图层1”至“图层5”的可见性设为“隐藏”，“图层6”可见性设为“可见”。 7-3-15 。 19.依次制作，“第7帧”至“第12帧”， “第13帧”至“第18帧”， “第19帧”至“第24帧” ，“第25帧”至“第30帧”，循环制作，制作方法和“第1帧”至“第6帧”相同。 20. 设计制作完成， 7-3-1 。生成Gif动画需要执行以下命令：执行“文件”→“存储为Web和设备所用格式”命令，弹出“存储为Web和设备所用格式”对话框，基本按照默认设置即可，没有特别需要，为节约系统资源可将图像大小设为（400*300像素），单击“存储”按钮，指定路径，忽略提示，完成GIF动画的生成。 实践内容：练习一：青春纪念册效果 练习二：自己用相机照一组主题照片，设计制作“春意盎然”。 练习三： 自己用相机照一组主题照片，设计制作“我的祖国”。 作业布置 课本：课后练习 实训：制作木版画效果 主 要 参考资料 《photoshop火星风暴》 万晨曦编 人民邮电出版社 课后自我总结分析 通过本案例的设计制作，应该重点掌握动作、自动化处理和时间轴应用等工具命令。另外思考：本案例中，设计制作的是横排邮票效果，制作成竖排邮票效果可以吗？制作“雪花飞舞，腊梅摇曳”效果又会是怎样的！ 学科网（北京）股份有限公司 $$