Animate动画设计中国梦网站展示动画设计.docx

1、Animate动画设计中国梦网站展示动画设计 案例引入 知识探究 案例制作 拓展训练PART 01案例引入Case Introduction在传统补间动画中，为其添加一个传统运动引导层，并在此图层中绘制代表运动轨迹的曲线。之后只要引导层和被引导层保持从属链接关系，补间对象就会放弃直线运动，改为按曲线轨迹进行运动。下面这个“中国梦”网站展示动画设计案例中的飞鸟和转动的星星都是利用传统运动引导层技术来制作的。网站展示动画截图对象创建技术手段重点难点（二）案例分析这个案例需要创建的对象有：舞台背景、01飞鸟、2组鸟群、转动的星星、梦文字等。这些对象有些是图形元件，有些是带有动画的影片剪辑元件。021

2、.外部图片的导入。2.传统引导层的创建和运用。3.图形元件和影片剪辑元件的创建03重点：引导层的特点与创建方法难点：特殊引导层的运用技巧PART 02知识探究Intellectual inquiry掌握墨水瓶工具的使用方法掌握 外部图像素材的导入方法能够创建引导层来改变补间对象的运动轨迹。（一）知识目标14能够运用投影滤镜设计动画特效。25学会运用引导层技术设计圆周运动、字体轮廓轨迹运动等3较为复杂的动画1.外部图像素材的导入（1）导入普通位图其中常用的位图格式有 BMP、DIB、GIF、JPEG 和 PNG。当导入的 GIF 图像包含动画时，可以编辑动画的各帧。具体导入方法是选择菜单中的“文

3、件 | 导入 | 导入到库”命令或“文件 | 导入 | 导入到舞台”命令。（2）导入 PSD 文件PSD 文件的导入方法同普通位图的导入方法一样，但是在导入之前会弹出“将 PSD 文件导入到舞台”或“将 PSD 文件导入到库”对话框，在对话框中可以浏览文档中的所有图层和图层编组等内容，可以对图层进行选择性导入，还可以对导入的形式、导入的样式以及导入的格式等进行具体的设置。（3）导入 AI 素材可以导入 AI 格式的矢量素材，导入方法和相关设置与 PSD 文件差不多，只是由于 AI 素材是矢量素材，所以不需要进行位图的发布设置。2.投影滤镜投影滤镜是模拟对象投影到一个平面上的效果。通过添加投影滤

4、镜，可以得到使对象浮在平面上方的立体效果，投影滤镜参数选项及投影效果如图所示，投影滤镜的主要参数有模糊、距离、强度、角度、阴影、品质等。 3.墨水瓶工具使用墨水瓶工具 可以为矢量图形添加或修改轮廓线。在属性面板中可以详细设置轮廓线的样式、宽度和颜色等，墨水瓶工具的相关参数如图所示。将笔触保存为全像素，防止模糊端点形式指定笔触是否缩放及缩放形式连接形式 4.引导层技术第二：添加引导层的方法方法一：在运动图层上单击鼠标右键，从弹出的快捷菜单中选择 “添加传统运动引导层”命令，在当前图层上方添加一个传统运动引导层。方法二：在某个图层单击鼠标右键，从快捷菜单中选择 “引导层”命令，当前图层变为普通引导

5、层。这时如果想把它下面的另一图层变为被引导层，可以用鼠标直接拖拽图层到引导层图标右下方。（二）知识点1 02第一：引导层的概念引导层是一个特殊且独立的图层，它有普通引导层 和运动引导层 两种。当普通引导层与被引导层的对象建立引导从属关系后，就成为运动引导层形式，否则就是孤立的普通引导层。引导层中的路径只起引导动画的作用，所以在播放影片时不显示出来。一个影片中可以有多个引导层。一个引导层路径可以引导多个被引导层的运动对象。 引导层中的路径可以用直线、铅笔、钢笔及其他图形工具来绘制，但所用线条必须是分离状态，不能是组或元件。 4.引导层技术第三：创建引导层动画的步骤第四：绘制引导层路径的要点引导层

6、路径要光滑，不能出现断点或重叠，但可以有交叉。 引导层路径不能存在“人”字形转折。 引导层路径不能是首尾封闭的线条。线条外观线条说明线条有线条有断线条有交叉“人”字封闭的线重叠点形转折条引导效果无效路只走断点有效路径无效路径只走较短径前或后的的少半程半程路径34第一步：制作传统补间动画。在起始关键帧绘制对象、创建传统补间、创建结束关键帧并修改对象位置。第二步：添加传统运动引导层。在其关键帧中绘制引导线路径。第三步：将运动对象在路径对齐。分别将动画首尾关键帧的对象摆放并吸附到引导路径的起始位置和结束位置。第四步：将运动对象调整到路径。在属性面板勾选“调整到路径”选项，同时将首尾关键帧对象的运动朝

7、向用任意变形工具调整到与运动路径方向一致的角度，这样就可以使运动对象的中心轴线始终与引导路径当前位置的切线方向一致。PART 03案例制作Production steps （一）新建文档01第二：02利用属性面板，将新文档的舞台背景颜色设置为红色。第一：打开 An 软件，在“新建文档”对话框中选择“角色动画”、“标准”、 “ActionScript 3.0”等，并手动设置舞台大小（宽 1005、高 420），然后单击“创建”铵钮直接进入 An 软件的工作界面。（二）元件制作1.“飞鸟”元件的制作-的影片剪辑元件鸟的身体和翅膀（二）元件制作1.“飞鸟”元件的制作-的影片剪辑元件第 1、2、3 关

8、键帧中鸟的姿态 第 4、5、6 关键帧中鸟的姿态 （二）元件制作2.“鸟群 - 近”元件的制作-的影片剪辑元件鸟群-近引导层路径图层第1帧第14帧第23帧第31帧第90帧引导层鸟1鸟2鸟3鸟4（表示关键帧；表示空白关键帧）四只鸟在路径上的起始位置 （二）元件制作3.“鸟群 - 远”元件的制作-的影片剪辑元件图层第40帧第53帧第62帧第70帧第129帧引导层鸟1鸟2鸟3鸟4（表示关键帧；表示空白关键帧）鸟群-远引导层路径四只鸟在路径上的起始位置 （二）元件制作4.“星 - 转”元件的制作-的影片剪辑元件星星绘制完成后，为其创建传统补间动画。选定第 1 关键帧，在属性面板中设置“旋转”选项为顺时

9、针 1 次，然后在第 24 帧处插入关键帧，完成星星原地自转的动画设计。星形工具设置及星星外观 （二）元件制作5. 梦字形元件的制作-的影片剪辑元件创建名为“梦字形”的影片剪辑元件，用文本工具输入“梦”字，在属性面板中设置其字体为华文行楷、颜色为（255 0 0）、大小为160，然后将其打散，再使用墨水瓶工具为其进行白色描边。 （二）元件制作6.“中国梦”文字特效元件的制作-的影片剪辑元件擦出缺口作为引导层的路径（三）创建图层并添加对象1导入外部素材 黑色的部分为舞台之外准备好背景图片，选择菜单中的命令“文件 | 导入 | 导入到库”，将背景图片导入库。2创建图层并添加对象图层设置 对象摆放效

10、果PART 04拓展训练Outward bound拓展目标进一步熟悉绘图工具的使用，完成各种复杂图形的绘制。进一步巩固影片剪辑元件的创建和转换方法。熟练掌握引导层的创建方法和特点。熟练外部 熟悉墨水瓶工图片素材的导 具的使用方法。入和使用方法。摹天轮动画截图 蝴蝶飞舞动画截图1.舞台宽1280、高720，帧速率为24。2.摩天轮中所有的观光间都进行顺时针转动。（二）拓展内容3. 过山车随着轨道进行移动。4 云朵从画面左侧飘到右侧。热气球缓缓上升，同时伴有左右摇摆的动作。摹天轮动画设计要求要点提示1：每个观光间的旋转，都需要添加自己的引导层，并且每个引导层的 01 路径完全一样，只是缺口的位置不

11、同，缺口位置与观光间位置一一对应。要点提示2：过山车和热气球的运动都需创建引导层补间动画，注意过山车运动速度较快，热气球运 02 动速度较慢。 要点提示3：云朵飘动效果的制作比较简单，只需创建传统补间动画 03 即可。1.舞台宽1280、高720，帧速率为24。2.蝴蝶从画面外的左右两侧飞入画面，然后飞出画面，远景的两只蝴蝶偏小且有颜色和透明度的变化。（二）拓展内容3. 蜻蜓从画面外的右侧飞入画面，然后从左侧飞出画面。蜜蜂从画面外的右侧飞入画面，然后从左侧飞出画面。4. 瓢虫从画面外的下方飞入画面，在画面内停留一段时间后从左侧飞出画面。蝴蝶飞舞动画设计要求要点提示1：蝴蝶、蜻蜓、蜜蜂、瓢虫等对象都需要创建为影片剪辑元件，而且还要在元件中制作出翅膀上下拍动的动作。要点提示2：蝴蝶、蜻蜓、蜜蜂、瓢虫等对象在舞台上的飞动效果需采用引导层补间动画的形式来实现，但要注意各个对象的运动速度和入画时间各不相同。要点提示3：远景的两只蝴蝶需适当缩小，并把透明度 03的值调到 100% 以下。0102