第四单元 动态日记 第四单元 动态日记 2008年7月 高等教育出版社高等教育出版社 第四单元 动态日记 本单元任务 任务一 日记标题 任务二 封面翻动 任务三 快乐的童年 任务四 幸福的少年 任务五 多愁善感的青年 任务六 结束语 动画效果 动画效果 动画效果 动画效果 动画效果 动画效果 第四单元 动态日记 任务一 日记标题 任务目标 通过使用遮罩动画的制作原理 制作出日记的标 题象是用笔写出一样出现在封面上的动画效果 任务重点 掌握遮罩动画的制作原理 任务难点 制作过程中对于笔画交叉的文本进行掩盖的操作 需要有足够的耐心 第四单元 动态日记 1 创建影片文档 新建一个Flash影片文档 并在 属性 面板中设置宽度为450px 高度为370px 保存这个影片为 动态日记 2 制作封面元件 按Ctrl F8新建一图形类元件 命名为 封面 选择矩形工具 在 其下的参数栏中设置填充色为深蓝色 笔触颜色为浅蓝色 在编辑区绘 制一个矩形 宽度为160px 高度为210px 为了使书本更有立体效果 用选择工具分别选中矩形的下边线和左边线 删除 3 场景设置 返回场景1 将图层1重命名为 封面 从库面板中将 封面 元件 拖入场景 位置偏右放好 在 封面 图层上面创建两个图层 分别重命名 为 文字 遮罩 任务一 日记标题 操作步骤 第四单元 动态日记 4 制作写字动画 在场景1中选择 文字 图层 在第3帧 F6键插入关键帧 使用文字工 具在封面的适当位置输入 动态日记 宋体 黄色 连续按两次Ctrl B组合键 将文字分离 选择图层 文字 和 封面 的第 90帧 按F5插入帧 并锁定这两个图层 选择刷子工具 在选项中选择合适的刷子大小和形状 再选择不同于 文字颜色的填充颜色 为了下面的操作方便 可以适当将显示比例增大 也可将 封面 图层 隐藏 选择 遮罩 图层的第3帧 F6键插入关键帧 使用刷子工具 掩盖第 一个文本 动 的第一笔的一部分 如右图所示 任务一 日记标题 操作步骤 第四单元 动态日记 4 制作写字动画 选择 遮罩 图层的第4帧 F6键插入关键帧 继续掩盖笔画 连续以上操作 直到把整个文字掩盖为止 如图所示 从左到右分别为第12 帧 第24帧和第36帧的图形 用同样的方法制作其他文字的书写动画 如图所示 从左到右分别为不同文 字不同帧的图形 鼠标右击 遮罩 图层 从快捷菜单中执行 遮罩层 命令 至此标题文字动画制 作完成 将 封面 图层显示 保存文件 测试场景 任务一 日记标题 操作步骤 第四单元 动态日记 1 制作文本 动画制作 的写字动画 2 制作文本 FLASH 的写字动画 3 制作用铅笔写文本 FLASH 的写字动画 提示 铅笔可 以自己制作 也可以从外部导入 铅笔的动作可以使用路径 动画制作 任务一 日记标题 举一反三 动画效果 动画效果 动画效果 第四单元 动态日记 任务二 封面翻动 任务目标 通过创建元件并且使用变形面板对元件进行精确 变形的方法以及创建动作补间动画来制作封面的翻动 效果 任务重点 元件的创建 变形和动作补间动画的创建 任务难点 元件的变形 第四单元 动态日记 1 打开影片文档 打开任务一中的 动态日记 影片文档 选择封面元件中的矩形 复制 2 制作封底元件 按Ctrl F8新建一图形类元件 命名为 封底 粘贴 然后执行 修改 变形 水平翻转 命令 3 制作封面文字元件 选择场景1中的 动态日记 文本和封面元件 复制 然后按Ctrl F8新 建一图形类元件 命名为 封面文字 进入元件的编辑状态 粘贴 并 按Ctrl B组合键进行分离 任务二 封面翻动 操作步骤 第四单元 动态日记 4 制作封面的翻页动画 回到场景1 在 封面 图层下面新建一图层 重命名为 封底 从库面 板中将 封面 元件拖入场景 位置与 封面 图层的元件重合 并在该图层 的第135帧F5键插入帧 在图层 文字 的第94帧插入帧 为了使动画连贯 在图层 封面 的 第95帧插入空白关键帧 从库面板中将 封面文字 元件拖入场景 位置与 封面重合 使用任意变形工具 将 封面文字 元件的中心点移到左侧中间的位置 在第115帧处插入关键帧 然后执行 窗口 变形 菜单 打开变形面 板 在变形面板上设置如图所示参数 将封面修改 任务二 封面翻动 操作步骤 第四单元 动态日记 4 制作封面的翻页动画 在第116帧处插入空白关键帧 从库面板中把 封底 元件拖入 将元件的右边与第115 帧元件的左边重合 并使用任意变形工具 将元件的中心点移到右侧中间的位置 在第135帧处插入关键帧 选择第116帧中的元件 在变形面板上设置如图所示参数 然后设置第95帧到第115帧和第116帧到第135帧的动画为动作补间动画 至此封面的翻动效果制作完成 时间轴面板如图所示 保存文件 测试场景 任务二 封面翻动 操作步骤 第四单元 动态日记 1 制作课本从左到右翻开的动画 2 紧接上题制作课本关闭的动画效果 任务二 封面翻动 举一反三 动画效果 动画效果 第四单元 动态日记 任务三 快乐的童年 任务目标 本任务是第一页日记文本的出现 使用的是风吹 文字效果 然后完成第一页翻过去的动画 任务重点 元件的创建 元件的Alpha值设置 动作补间动画和形状补间动画的创建 任务难点 元件的Alpha值设置和形状补间动画 第四单元 动态日记 1 打开影片文档 打开任务二中的 动态日记 影片文档 2 修改场景1 在图层 封面 与 封底 之间新建一图层 重命名为 书页1 在场景中绘制一个浅黄色无边框的矩形 大小略小于封底元件即可 3 添加场景2 执行 插入 场景 命令来添加另一场景 或执行 窗口 其他面板 场景 命 令 打开场景面板 用鼠标单击 按钮 也可添加场景 4 场景设置 单击编辑场景按钮选择场景1 也可在场景面板中单击场景1名称 将场 景1中图层 封面 书页1 封底 的最后一帧全部选中 从右击出现的快捷菜单 中执行 复制帧 命令 返回场景2 进入场景2的编辑状态 右击图层1的第1帧 从快捷菜单中执 行 粘贴帧 命令 这样就将场景1中三个图层的最后一帧内容全部复制过来 锁定 这三层 任务三 快乐的童年 操作步骤 第四单元 动态日记 5 制作文字动画 在图层 书页1 上面新建一图层 重命名为 童年 在图层 童年 的第1帧 使用文本工具输入 梦回快乐童年 黑色 选中文字 按下Ctrl B组合键将文字分离 鼠标右击文字 从快捷菜单中执行 分散到图层 命令 选择图层 童年 单击图层下面的删除按钮 删除该图层 依次选择每个字 分别按F8键转换成图形类元件 并以各自对应的文 字命名 选择 梦 到 年 图层的第20帧 按F6插入关键帧 其他图层按F5插入 帧 使用任意变形工具 将第20帧的文字变形 用鼠标点住右边中心的 句柄并向左拖动使它在横向压缩直到文字翻转 选择 梦 到 年 图层的第20帧 打开属性面板 将颜色选项中设置 Alpha值为0 然后将所有字都移动到右上方同一位置 任务三 快乐的童年 操作步骤 第四单元 动态日记 5 制作文字动画 选择 梦 到 年 图层的第1帧 右击 执行 复制帧 命令 然后分别选择 梦 到 年 图层的第50帧和第75帧 右击执行 粘贴帧 命令 其他图层插 入帧 选择第50帧的所有文字 再执行 修改 变形 水平翻转 命令 将 文字水平翻转 然后使用任意变形工具 将文字进行横向变形 打开属性面板 将文字的Alpha值设置为0 然后将文字向上移动一 段距离 选择 梦 到 年 图层的第1帧 右击执行 创建补间动画 命令 并在属性 面板中将缓动值设置为 100 使文字飘落时做加速运动 选择 梦 到 年 图层的第50帧 右击执行 创建补间动画 命令 并在属 性面板中将缓动值设置为100 使文字飘落时做减速运动 将动画中每一层都比上一层晚启动3帧 晚结束1帧 选择 梦 到 年 图层的第85帧和第95帧 插入关键帧 并将第95帧的 所有文字的Alpha值设置为0 创建各文字层第85帧到第95帧的动作补 间动画 任务三 快乐的童年 操作步骤 第四单元 动态日记 6 制作书页1的翻动效果 解锁图层 书页1 在第100帧和第110帧插入关键帧 图层 封底 第160帧插入帧 使用选择工具和 任意变形工具 将第110帧的书页1调整到如图所示位置 在第120帧 第130帧处插入关键帧 使用选择工具和任意变形工具 将矩形分别调整到如图所示 位置 任务三 快乐的童年 操作步骤 第四单元 动态日记 6 制作书页1的翻动效果 在第131帧处插入空白关键帧 右击第130帧 从快捷菜单中执行 复制帧 命 令 然后选择第131帧 右击 执行 粘贴帧 命令 再执行 修改 变形 水平 翻转 命令 并选择场景中的书页 将其左移到与130帧的书页水平对称并相接的 位置 可以使用键盘上的光标移动键 并打开时间轴面板的 编辑多个帧 按钮 同样的方法 将120帧复制粘贴到140帧 110帧复制粘贴到150帧 执行 修 改 变形 水平翻转 命令 并将书页移动到相应的位置 将100帧复制粘贴到160帧 这个不用翻转 直接移到相应位置即可 在属性面板分别设置100帧到110帧 110帧到120帧 120帧到130帧 131 帧到140帧 140帧到150帧 150帧到160帧的动画为形状补间动画 图层 封面 第160帧插入帧 执行 控制 测试影片 命令 或按Ctrl Enter键 测试一下效果 发现翻过来的封面不见了 为了解决这个问题 将 封面 图 层移动到 书页1 图层的下面 封底 图层的上面即可 7 增加书页2 在 书页1 图层的下面 封面 图层的上面新建一图层 重命名为 书页2 选择第1帧的书页1 复制 然后选择 书页2 图层的第1帧 执行 编辑 粘 贴到当前位置 命令 将颜色改为浅绿色 8 保存文件 测试场景 任务三 快乐的童年 操作步骤 第四单元 动态日记 1 制作文本 风吹文字效果 的风吹文字动画 2 在上一单元举一反三第1题的基础上 制 作书页翻开的动画 3 在以上第2题的基础上 制作有格线的书 页翻开动画 任务三 快乐的童年 举一反三 动画效果 动画效果 动画效果 第四单元 动态日记 任务四 幸福的少年 任务目标 使用遮罩动画的原理制作第二页文本出现的字幕 滚动效果的动画 任务重点 遮罩动画的制作 任务难点 在动画制作过程中注意背景矩形的填充颜色 影 片背景色及文本最终出现的颜色之间的关系 第四单元 动态日记 1 打开影片文档 打开任务三中的 动态日记 影片文档 在这里仍然要添加场景继续制 作动画 2 添加场景3 执行 插入 场景 命令来添加场景3 或执行 窗口 其他面板 场景 命令 打开场景面板 用鼠标单击 按钮 也可添加场景 3 场景设置 返回场景2 将场景2中图层 书页1 书页2 封面 封底 的最 后一帧全部选中 从右击出现的快捷菜单中执行 复制帧 命令 返回场景3 进入场景3的编辑状态 右击图层1的第1帧 从快捷 菜单中执行 粘贴帧 命令 这样就将场景2中四个图层的最后一帧内容全 部复制过来 锁定这四层 任务四 幸福的少年 操作步骤 第四单元 动态日记 4 制作文字动画 在图层 书页2 上新建一图层 重命名为 背景 使用矩形工具 设置 无边线 打开混色器面板 设置线性渐进色 其中各颜色指针对应的颜 色从左到右分别为绿 黑 黑 绿 其中绿的颜色与书页2的颜色相同 在场景中绘制一矩形 大小与书页2相同 选择填充变形工具在刚绘制的矩形上点击一下 把右上角的圆形手柄 拖动到右下角 再把底边的方形手柄拖动到矩形下边线 将该层锁定 在 背景 图层上再新建一层 重命名为 少年 用于放置要做字幕的文 字 使用文本工具输入文字 颜色与背景色区分开即可 然后将文字放 在背景矩形的下方 在第360帧插入关键帧 其他图层在360帧插入帧 将文字垂直向上移 动到背景矩形的上方 选择 少年 图层的第1帧 创建补间动画 右击 少年 图层 从快捷菜单中执行 遮罩层 命令 任务四 幸福的少年 操作步骤 第四单元 动态