《MG动画制作》课件-第三章 简单的MG动画

MG动画制作

第三章简单的MG动画本章概述：

动画是一系列图像快速循环播放时(其中每张图像与下一张图像略微不同)给人的一种错觉，此时大脑会认为这组图像是一个变化的场景。在电影中，屏幕上每秒播放许多照片(帧)，便可使人产生类似的错觉。人之所以能看到流畅的画面，是因为人的眼睛会产生视觉暂留现象，人对上一个画面的感知还没消失又看到了下一个画面就会产生一种画面在动的感觉。如果人在短时间内观看一系列相关联的静止画面，就会将它们视为连续的画面。

关键帧动画第三章简单的MG动画3.13.1.1创建关键帧3.1关键帧动画关键帧关键帧记录器3.1.1创建关键帧3.1关键帧动画3.1.2编辑关键帧3.1关键帧动画3.1.3动画路径的调整3.1关键帧动画3.1.4预览动画3.1关键帧动画缓存区域3.1.5清理缓存3.1关键帧动画3.1.6动画曲线的编辑3.1关键帧动画案例目标：学会制作关键帧动画

课堂案例——制作超车动画案例效果案例目标：学会制作关键帧动画

课堂案例——制作超车动画案例步骤1.导入"街景.PSD"素材，选择"合成保持图层大小”。2.调整背景图层的大小，使背景图层比合成要大。3.调整小车的大小，使车的大小与马路大小相互协调。4.在时间线0s时，把绿车放在合成左端并移出合成外，单击位置属性下的关键帧秒表，记录当前绿车的位置。5.在时间线10s时，将绿车水平移动到合成右端并移出合成外，自动记录当前绿车的位置，完成绿车的位移动画。6.在时间线0s时，把黄车放在绿车的左边，单击位置属性下的关键帧秒表，记录当前黄车的位置。7.在时间线4~7s,之间选择合适时间点，移动黄车的位置，使黄车位置处于另外-条马路。8.在时间线9s时，将黄车水平移动到绿车右边，使黄车再更短的时间，完成更远的距离，完成黄车的加速动画。9.调整黄车路径细节，使黄车超车的动画更加顺畅。3.2.1遮罩的概念3.2遮罩动画

遮罩实际上是一个路径或者轮廓图，用于修改图层的Alpha通道。3.2.2建立遮罩3.2遮罩动画建立遮罩的方法是：新建一个形状图层，然后使用各种形状工具或“钢笔工具”在“合成”面板中直接绘制形状路径。黄色的线为使用钢笔工具绘制的遮罩3.3.1绘制路径3.3路径动画3.3.2锚点的作用3.3路径动画3.3.3案例：制作汽车弯道行

3.3路径动画绘制公路3.3.3案例：制作汽车弯道行

3.3路径动画绘制草丛和阴影3.3.3案例：制作汽车弯道行

3.3路径动画绘制汽车顶视图3.3.3案例：制作汽车弯道行

3.3路径动画整理图层3.3.3案例：制作汽车弯道行

3.3路径动画将Illustrator文件导入AfterEffects3.3.3案例：制作汽车弯道行

3.3路径动画导入路径并制作动画3.3.3案例：制作汽车弯道行

3.3路径动画整理图层3.4.1创建文字3.4文字动画3.4.2改变文字样式3.4文字动画3.4.3更改文字颜色3.4文字动画3.4.4添加动画属性3.4文字动画为了使文字动起来，首先要为文本添加动画属性，例如位置、缩放、旋转、填充颜色等。3.4.5案例：制作文字标题动画3.4文字动画新建合成3.4.5案例：制作文字标题动画3.4文字动画创建文字图层3.4.5案例：制作文字标题动画3.4文字动画为文字添加动画属性3.4.5案例：制作文字标题动画3.4文字动画添加背景效果案例目标:学会制作遮罩动画3.4课堂案例——城堡加载动画案例效果案例目标:学会制作遮罩动画3.4课堂案例——城堡加载动画案例步骤1、打开AE，导入【城堡加载.PSD】，导入种类为合成，图层选项为可编辑的图层样式。2、打开合成，选中【绿长条】层，使用【矩形工具】为其添加蒙版。3、为【蒙版路径】添加关键帧，使长条呈现从左到右的加载效果。4、选中【三角】层，按【P】显示位置属性，添加关键帧让三角小鱼随着长条的加载从左向右移动。5、在【三角】层位置属性的关键帧的的中间位置再添加几个关键帧，让其在Y轴坐标上稍有起伏变化。6、使用【矩形工具】给【三角】层添加蒙版，范围遮挡住长条范围右侧的区域，防止小鱼的气泡显示到外面。7、使用【向后平移（锚点）工具】将【烟囱圈1】和【烟囱圈2】的中心点移动至图形中央。8、【选中】两个烟囱图层，按【S】显示缩放属性，建立关键帧，0秒处为0%，10帧处为100%，按【T】显示不透明度属性，建立关键帧，0秒为0%，15帧为100%，按【P】显示位置属性，建立关键帧，开始处在烟囱口，结束在原位置，并将【烟囱圈2】整体后移2帧。9、使用【钢笔工具】对【房子2】添加蒙版，对【蒙版路径】制作关键帧动画，对结束点的遮罩使用【钢笔工具】和【转换“顶点”工具】改变形状使动画不死板，关键帧位置和蒙版路径形状。10、为【房子3】添加蒙版动画，与上一步骤相同。11、为【房子1】添加蒙版动画，与上一步骤相同。12、为【云】层的位置属性添加关键帧，先向右运动然后向左上方运动。13、调整图层顺序，将房屋图层放在一起，对房子图层依次向后偏移时间，使其依次出现。3.4.5案例：制作文字标题动画3.5制作波浪文字动画3.5.1制作背景3.5制作波浪文字动画3.5.2制作波浪3.5制作波浪文字动画3.5.3制作水花动画3.5制作波浪文字动画波浪与浪花融合3.5.4合成效果3.5制作波浪文字动画球体弹跳运动蕴含了最基本的运动规律，制作小皮球自由落体弹跳动画时需要注意的是，模拟从最高点落下，因为加速度的原因小皮球会产生拉伸变形。此外，因为小皮球本身的材质比较特殊，在落到地面的瞬间，会发生比较严重的形变。上述这些都是设计师在制作小皮球弹跳动画时需要特别注意的，接下来就通过实例讲解如何制作一个小皮球弹跳动画。制作思路:1.创建小球——形状制作条纹，添加ccsphere。为小球添加阴影——钢笔绘制阴影，设置遮罩2.为小球制作弹跳动画，小球缩放和位置动画，小球添加阴影，阴影也需要设置缩放动画，设置缓动和运动模糊。3.5弹跳动画1.创建合成800*600，命名为【条纹】。2.矩形工具绘制矩形形状，填充蓝色，大小（200，600），位置（-300，0），在当前层复制蓝色形状，填充改为红色，大小（200，600），位置（120，0）3.添加背景：创建纯色层为白色。4.添加文字ILOVECHINA.5.创建合成800*600，命名为【小球动效】。6.为条纹合成添加【透视】—【CCSPHERE】,并调整【rotation旋转】和【shading明暗】参数，为【X轴旋转】添加表达式time*-2803.5.1创建小球3.5弹跳动画7.为小球本身添加阴影——钢笔工具绘制小球阴影的形状8.注意：图层关系！！！上层：小球阴影下层：条纹设置条纹的轨道遮罩【亮度反转遮罩】3.5.1创建小球3.5弹跳动画1.创建合成800*600，命名为【总合成】，拖入【小球动效合成】。2.把【小球动效合成】的位置属性进行【X\Y分离】，【缩放】设置为30%3.设置位置和缩放位置Y：0帧(200)，15帧(400)，17帧(400)，32帧(200)F9设置缓动,可调节曲线编辑器——编辑值图表缩放：0帧(30，30),14帧(2