《项目六 技能强化训练教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx》由会员分享，可在线阅读，更多相关《项目六 技能强化训练教学课件 二维动画设计软件应用（Flash CS6） 中职 高教版.pptx（58页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项 目导 读 一部动画片是否好看，其中的表情表演占了很大的比重，表情如何表现的生动、符合情理、夸张程度的运用是很难把握的。人物内心的各种不同的心理活动，主要是通过面部表情的变化反映出来。而面部变化最丰富的地方是眼部（眉毛）和嘴巴。其它部分则相应的会受这两部分影响而变化。对于面部表情，必须把整个面部器官结合起来分析，单纯只有某一部分的表情不能够准确表达人物内心的活动。储备新知识学习重点任务1 强化训练 QQ表情动画任务2 强化训练 人物侧面循环走思考与探索项目内容任务3强化训练 小河马动画学习重点项目九 制作flash动画短片学习重点学会什么？学会什么？1.人物基本表情的表现形式2.人物侧面走的
2、运动规律3.如何结合photoshop制作动画学习重点：学习重点：本项目重点了解基础的运动规律并熟练结合软件工具的运用制作动画，从而了解动画制作的方法，以及制作动画的技巧。0102储备新知识项目九 制作flash动画短片储备新知识 表情动画 1.面部表情的表现形式：人物表情的变化是非常复杂和多样的，不同人物，不同感情下，面部表情的变化都是不一样的。但根据对大量人物照片的观察，人物的表情可基本归类为六种基本表情，即悲伤，发怒，笑，畏惧，厌恶，惊讶。2.眼睛和眉毛的动画（1）肢体动作一般是眼神带动。（2）如果你真的对叫你的这个第三方非常非常感兴趣，那么我肯定要让那个角色受眼睛的引导。（3）如果你对
3、谈话主题非常非常感兴趣（比起那个叫你的第三方）。那我会开始扭转身体，然后是胸膛，然后是头部，然后我会让眼睛最后转过去。主要是因为他的头脑还处在目前的谈话中。（4）眼睛是心灵的窗户。在一部电影中，眼睛是观众们看的第一个部位，然后是手。我们在试图和屏幕上的角色进行交流。眼睛告诉了我们角色相当多的心理活动。所以确保你花了足够的时间来让眼睛和眉毛具备足够的细节是非常重要的。不同种类的眨眼往往蕴藏了大量的其他信息。比如说，很多次当你的眼睛从左到右发出一个指引的眼神时，你的眼皮是半睁半合的。你需要塑造眼皮的形状来帮助表现这个眼睛的指向动作。（5）眨眼：无论这动作多慢或者多快，也要记住在眨眼动作结束时，在眼
4、皮升到顶端的地方加一个缓冲。如果你不这么做，只是让眼皮一下停住，那看起来就会有一点机械。（6）飞快的移动视线：有时候他们会用一帧，大多数会用两帧。但是这没有一个定律。最重要的是记得你要想想为什么要这么做。以一种特别的方式给转动眼睛通常是很不错的。比如，如果我在做一个特写镜头，我可能会让眼睛看左边，再看右边，然后看下边，最后回到上边。这会是因为我的角色正在看对方的左眼，然后是右眼，然后看嘴巴。这与人的思维过程是紧密相关的。2.表情动画的不同风格（1）美式动画的夸张风格。项目九 制作flash动画短片储备新知识（2）日式动画无厘头风格。（3）写实动画的表情。3.口型动画（1）动画中的口型基本概括为
5、7种表现形式。（2）人下巴结构，口型动画上嘴唇位置固定，下巴动。（3）不同情绪下的7种不同口型。项目九 制作flash动画短片储备新知识 面部表情的表现形式 表情动画的不同风格口型动画010203任务1 强化训练QQ表情动画项目六 技能强化训练任务1任务分析：任务分析：利用现有的小鸭子转面人物设定的文件，在时间轴上创建关键帧后摆出小鸭子跳跃的过程，最后跳回正面后利用补间做出小鸭子开心的动作和表情。需要注意的是小鸭子在跳跃过程中中心点的位置以及地面的位置不要偏移，否则会出现人物没有在原地跳跃的错觉。人物落地的预备和缓冲也是需要注意的。动画部分截图项目六 技能强化训练任务1任务实施任务实施 步骤1
6、 选择“文件”“新建”菜单命令，新建一个Flash文档。设置宽、高为90像素90像素，帧频率为每秒中为8fps.其他相关参数。新建文件参数设置项目六 技能强化训练任务1任务实施任务实施 步骤2 将“素材项目4任务1小鸭子转面”打开，复制出需要的正面。小鸭子转面项目六 技能强化训练任务1任务实施任务实施 步骤3将小鸭子跳一圈需要的转面逐个导入到关键帧里摆好跳跃的动作，将动画的第一帧播放小鸭子的转面跳跃就完成了。小鸭子跳跃的动作项目六 技能强化训练任务1任务实施任务实施 步骤4将小鸭子跳回正面后的正面所以元件全选后，按【F8】整合成新的图形元件，也就是当前文件的第9帧，进入元件内部做出小鸭子表情的
7、变化，以及落在地面上的预备和缓冲动画。将文件的第九帧整合成新的图形原件项目六 技能强化训练任务1任务实施任务实施 步骤5进入第九帧的图形元件内部，选中内部所有元件，点选鼠标右键选择“文件分散到图层”将所有元件分散到图层。将图形原件分散到图层项目六 技能强化训练任务1任务实施任务实施 步骤6在第3帧的位置插入关键帧，分别进入小鸭子眼睛的元件里在第3帧的位置插入关键，将眼睛用直线工具或铅笔工具画出微笑的眼睛。将左右眼改为微笑的眼睛项目六 技能强化训练任务1任务实施任务实施 步骤7回到上一级元件的内部，分别在第3帧、第5帧的位置插入关键帧，分别加入小鸭子向上的预备动画以及向下缓冲动画，让动画看起来更
8、生动有趣。将第3帧和第5帧加入预备和缓冲动作项目六 技能强化训练任务1任务实施任务实施 步骤8回到场景，新建2个图层绘制出心型的图案，将其新建成图形元件，制作出从出现到消失的动画。将第3帧和第5帧加入预备和缓冲动作项目六 技能强化训练任务1任务实施任务实施 步骤9回到上一级元件的内部，分别在第3帧、第5帧的位置插入关键帧，分别加入小鸭子向上的预备动画以及向下缓冲动画，让动画看起来更生动有趣，如图6-17所示。将第3帧和第5帧加入预备和缓冲动作项目六 技能强化训练任务1任务实施任务实施任务实施任务实施任务经验任务经验 本实例实现了QQ表情动画表情的制作，注意如何利用原件的方法在原件内部制作动画，
9、以及如何巧妙的运用预备和缓冲让动画看起来更生动有趣的技法。任务实施任务实施 步骤9按【ctrl+enter】键播放动画查看效果，按【ctrl+S】保存文件，命名为“小鸭子开心表情”。任务2 强化训练人物侧面循环走项目六 技能强化训练任务2任务分析：任务分析：对于步行的过程，动画大师们有过形象的概括，他们说步行是这样的一个过程：你就要向前跌倒但是你自己刚刚好及时控制住没有跌倒。向前移动的时候，我们会尽量避免跌倒。如果我们的脚不落地，我们的脸就会撞到地面上。我们在经历一个防止跌倒的过程的循环。任务实施任务实施任务经验任务经验 步骤1 打开“素材项目6任务2人物形象.fla”文件，再选择“文件”“新
10、建”菜单命令，新建一个Flash文档。设置宽、高为720像素576像素，帧频率为每秒中为24fps。人物形象项目六 技能强化训练任务2任务实施任务实施任务经验任务经验 步骤2将人物设定复制到舞台中心，将人物所有的元件选择后，按【F8】整合成一个新的“图形元件”，进入此元件内部，将所有元件“分散到图层”制作动画，在场景的人物元件整个成一个新元件进入此元件件内部制作动画是因为制作过程会便捷、方便管理和更改。人物整合成新原件进入新原件内部将其所有原件分散至图层项目六 技能强化训练任务2任务实施任务实施 步骤3 做动画之前，要先把部分“图形元件”的中心点位置调整到方便旋转的位置。将部分元件中心点调整到
11、适合旋转的位置项目六 技能强化训练任务2任务实施任务实施 步骤4【ctrl+alt+shift+R】标尺工具，在标尺的位置纵向、竖向位置分别拖拽出地平线和中心线，方便人物制作动画。在标尺的位置纵向、竖向分别拖拽出地平线和中心线项目六 技能强化训练任务2任务实施任务实施 步骤5侧面循环走，顾名思义是正在走路的过程中，因此我们将第一帧POSS摆出成人物正在走路的原画关键动作。人物走路的原画关键动作项目六 技能强化训练任务2任务实施任务实施 步骤6 在做人物正常匀速走路的动画时，一般是25帧走两步构成人物循环走，如第一帧是人物走路的第一步，即“时间轴”上第13帧的位置插入“关键帧”摆出是人物走路第二
12、帧的原画关键帧，所以在第13帧的位置我们将摆出人物走路第二步的原画关键帧，然后将1帧至13帧的中间添加上“补间动画”在“时间轴”的第13帧项目六 技能强化训练任务2任务实施任务实施 步骤7在20帧的位置插入“关键帧”摆出下一步的预备半步动作，需要注意的问题同步骤6。第4个原画关键动作项目六 技能强化训练任务2任务实施任务实施 步骤8在25帧的位置插入“关键帧”摆出人物侧面循环走的最后一个原画关键动作。第5个原画关键动作项目九 制作flash动画短片任务2任务实施任务实施 步骤9按【ctrl+enter】键播放动画查看效果，按【ctrl+S】保存文件，命名为“人物侧面循环走”。任务实施任务实施任
13、务经验任务经验 本实例使学习者了解人物侧面循环走的关键元画动画，并如何结合FLASH软件的工具和便捷的方法来实现人物走路的动画，可以让学习者了解怎样直接的做出人物侧面走路，并了解运动规律。任务3 强化训练小河马动画项目六 技能强化训练任务3任务分析：任务分析：不同的景别同时推镜时，根据空间的不同运动的速度不同，越近的运动速度越快，越远的运动速度越慢，层级关系分配妥当，制作动画时会减少很多不必要的麻烦。任务实施任务实施任务经验任务经验 步骤1 选择“文件”“新建”菜单命令，新建一个flash文档，设置宽、高为720像素572像素，帧频率为每秒针24fps。新建文件参数设置项目六 技能强化训练任务
14、3任务实施任务实施任务经验任务经验 步骤2打开“素材项目6任务3人物形象、素材项目6任务3Photoshop 素材中的背景1，分别把人物形象和背景复制到步骤1新建的文件里，将层级关系分配好。层级关系分配 层级关系分配好后的效果项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤3回到场景中，将3个图层的第76帧的位置插入“关键帧”中间加入传统补间动画，做出推镜头的动画效果，注意景别位置不同运动速度不同。第一帧的效果 项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤4在97帧的人物层，插入“关键帧”，选择此帧将其【ctrl+B】打散，如图6-37所示。选中小河马元件，
15、在新建“图层”名字改为“人物看天空动作”，在此图层97帧的位置将小河【ctrl+X】剪切到“关键帧”里，如图6-38所示。再进入此元件内部，将所有元件“分散到图层”做小河马看见天空的动画。在“时间轴”97帧将人物复制到当前位置项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤5在回到上一级元件，当下的所有在100帧的位置将层都插入一列“关键帧”，将所有100帧上的元件【ctrl+X】剪切，如图6-40所示。再新建一个“文件”参数“默认”，如图6-41所示。把所有剪切的元件【ctrl+V】粘贴到此新建文件的图层里，然后把所有场景的背景排列成长方形的形状，如图6-42所示。点选“文件
16、”“导出”“导出图像”，如图6-43所示。保存命名为“场景飞速效果1”，文件格式选择“JPG”，如图6-44所示。保存后会弹出“导出JPG”设置参数，将品质数值改为“100”，包含改为“最小图像区域”，按“确定”，如图6-45所示，按【ctrl+S】保存文件，命名为“小河马动画”。在“时间轴”97帧将人物复制到当前位置项目六 技能强化训练任务3 在“时间轴”97帧将人物复制到当前位置 场景的背景排列成长方形的形状项目六 技能强化训练任务3 文件导出图像 导出的图像命名及文件类型 设置图片参数项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤6进入Photoshop软件，新建文档名
17、称为“场景飞速效果”宽度为“800像素”高度为“1600像素”分辨率为“100像素”。设置新建文档参数项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤7进入Photoshop新建文档界面后，将步骤5导出的“场景飞速效果”导入到文档，选择“图层”中的背景并双击，弹出“新建图层”框，点击确定，如图6-47所示。将此图片用选择工具退拽到新建的文档里，按快捷键【ctrl+T】调整图片的大小以及位置，调整妥当后按快捷键“Enter”确定。确认新建图层项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤8在回到上一级元件，当下的所有在100帧的位置将层都插入一列“关键帧”，将所
18、有100帧上的元件【ctrl+X】剪切，如图6-40所示。再新建一个“文件”参数“默认”，如图6-41所示。把所有剪切的元件【ctrl+V】粘贴到此新建文件的图层里，然后把所有场景的背景排列成长方形的形状，如图6-42所示。点选“文件”“导出”“导出图像”，如图6-43所示。保存命名为“场景飞速效果1”，文件格式选择“JPG”，如图6-44所示。保存后会弹出“导出JPG”设置参数，将品质数值改为“100”，包含改为“最小图像区域”，按“确定”，如图6-45所示，按【ctrl+S】保存文件，命名为“小河马动画”。在“时间轴”97帧将人物复制到当前位置项目六 技能强化训练任务3任务实施任务实施任务
19、经验任务经验 步骤9点击栏目滤镜模糊动感模糊，如图6-49所示。弹出参数框，参数角度设置为“-90”距离为“230”，如图6-50所示。将出现纵向模糊的效果，如图6-51所示。调整好后点击“文件”“储存为”文件命名为“场景飞速效果-完成”，文件类型选择“JPG”,如图6-52所示。确认后会弹出JPG参数的设置，默认确认值就可以。设置滤镜中动态模糊项目六 技能强化训练任务3 图片命名以及选择图片类型 动态模糊效果 设置动态模糊参数 项目六 技能强化训练任务3 图片质量参数设置项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤10打开Flash将“素材/项目六/任务3/Photosh
20、op素材中的背景2，新建一个“文件”参数“默认”，将背景2中树从，复制到新建文件的舞台上，把树叶粘贴在场景中，点选“文件”“导出”“导出图像”，文件命名为“树丛模糊效果”，文件格式选择“PNG”,保存后会弹出“导出PNG”设置参数，包含改为“最小图像区域”，按“确定”，如图6-54所示。进入Photoshop软件，将用Flash导出的“树丛模糊效果”直接退拽到Photoshop的文档中，如图6-55所示。将此图片用选择工具退拽到新建的文档里后，按快捷键【ctrl+T】调整图片的大小以及位置，调整妥当后按快捷键“Enter”确定。点击栏目滤镜模糊高斯模糊，如图6-56所示。弹出参数框，参数半径设
21、置为“4.0”，如图6-57所示。将出现模糊的效果。调整好后点击“文件”“储存为”文件命名为“树丛模糊效果-完成”，文件类型选择“PNG”，确认后会弹出PNG参数的设置，默认确认值就可以。项目六 技能强化训练任务3导出PNG的参数在Photoshop中直接打开素材编辑项目六 技能强化训练任务3导出PNG的参数在Photoshop中直接打开素材编辑项目六 技能强化训练任务3树丛的最终模糊效果项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤11打开步骤5保存的“小河马动画”的文件，回忆步骤5，将100帧的所有元件剪切了，所以100帧目前是空白关键帧。“时间轴”的100帧目前是空白关
22、键帧项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤12在“时间轴”新建图层，命名为“场景飞速效果”，在101帧的位置插入关键帧100帧的位置，将素材/项目六/任务3/Photoshop 素材/“场景飞速效果-完成”的JPG图片选中直接拖拽舞台，107帧的位置“插入关键帧”，做出从下到上摇镜头的效果。在“时间轴”97帧将人物复制到当前位置项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤13在“时间轴”上”新建图层”，在108帧的位置，插入“关键帧”将“素材/项目六/任务3/Photoshop 素材的背景2的Flash文件复制到108帧的位置，将复制进来的元件整个
23、成新的元件，如图6-61所示。进入到此新建元件的内部，地面在“时间轴”上的图层命名为“地面”。再”新建图层”，打开“素材/项目六/任务3/人物设定打开，将人物复制到此图层中，命名为“人物台头看”，并把元件的大小、位置以及仰望的身体透视关系摆放好。接下来，在“时间轴”上继续“新建图层”,命名为“树丛”。将“素材/项目六/任务3/Photoshop 素材的“树丛模糊效果-完成”的PNG图片拖拽到“树丛”的图层里。在“时间轴”再“新建图层”命名为“黑影”。项目六 技能强化训练任务3 在“时间轴”97帧将人物复制到当前位置 “时间轴”上的图层位置以及名称项目六 技能强化训练任务3 图层位置摆放的最终效
24、果项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤14在树丛第5、8帧的位置分别“插入关键帧”，做出树丛以为有风，左右晃动的动作。将黑影的第10帧位置“插入空白关键帧”，在11帧的位置汇至出黑影飞过的运动轨迹动画，按【Enter】看整个动画效果 绘制黑影运动轨迹项目六 技能强化训练任务3任务实施任务实施任务经验任务经验 步骤15回到场景1，按【Enter】看整个动画效果，如动画节奏上整体衔接不好，可以通过【F5】、【Shift+F5】调整时间的快慢，让动画达到更好的效果。按【ctrl+enter】键播放动画查看效果，按【ctrl+S】保存文件。思考与探索项目九 制作flash动
25、画短片思考与探索思考思考01探索探索011.QQ表情为什么尺寸小，帧频率为8或12fps?2.案例是原位侧面循环走路，怎么样制作人物侧面向前移动走路？3.场景近虚远实的纵深感还可以通过其它方法来实现吗？1.根据所给的素材/项目六/探索/1的人定物设，尝试制作小猫咪开心吃鱼的动画。2.根据所给的素材/项目六/探索/2的人物设定，尝试人物怎么大摇大摆的走路。本章基于前几章内容学习效果的综合强化训练，通过学习者耐心的学习和制作，会基本了解动画的制作流程，以及对动画运动规律会有深入了解，虽然步骤繁琐，但是通过仔细研究会发现有规律可循，动画的学习精髓来源于生活，日常生活中是景物、事物、人物是我们最好的参考、学习对象。项目总结