FLASH硬翻页动画教材
音画欣赏
FLASH硬翻页动画教材
七月一日即将到来，为了庆祝党的生日，本人想到了利用动画，围绕党史做个翻书的动画效果。
一、 收集素材
从网络中收集、下载党史的位图，收集多少由朋友们自己决定，我这里共收集下载了20张位图。
图1：
图2：
二、 文档设置（2.0语句）
默认场景。
三、 导入素材
将20张位图导入到库内，并对图片进行处理。
图3：
四、 制作元件
1、 制作封面1图形元件
插入新建元件，类型：图形，名称：封面1，点确定。
从库内将位图1拉入场景，宽高解锁，改宽为200，高为300，全居中，图层上锁。
添加一个图层，选择文本工具，静态文本，字体任意，黄色，40号。在场景内竖向输入“光辉历程”，按照图示排好位置，然后复制一个，移动到右侧图示的位置，接着修改文字为“伟大成就”。
图4：
2、 制作封面2图形元件
插入新建元件，类型：图形，名称：封面2，点确定。
从库内将位图10拉入场景，宽高解锁，改宽为200，高为300，全居中，图层上锁。
图5：
3、 制作封底图形元件
插入新建元件，类型：图形，名称：封底，点确定。
从库内将位图18拉入场景，宽高解锁，改宽为200，高为300，全居中，图层上锁。
添加一个图层，选择文本工具，静态文本，字体任意，黄色，40号。在场景内竖向输入“谢谢欣赏”，按照图示排好位置。
图6：
4、 制作页1图形元件
插入新建元件，类型：图形，名称：页1，点确定。
从库内将位图18拉入场景，宽高解锁，改宽为200，高为300，全居中，图层上锁。
添加一个图层，从库内将位图4拉入场景，宽高解锁，改宽为200，高为100，全居中。
再从库内将位图3拉入场景，宽高解锁，改宽为200，高为100，水平中齐，移动到位图4的上面。
再从库内将位图5拉入场景，宽高解锁，改宽为200，高为100，水平中齐，移动到位图4的下面。
点修改、组合。然后宽高上锁，改宽为180，全居中。
图7：
按照这样的方法制作好页2至页14的图形元件。
5、 制作书图形元件
插入新建元件，类型：图形，名称：书，点确定。
从库内将封面1元件拉入场景，全居中，选择线条工具，在在场景内画出2个矩形，排好位置后，按照图示填充颜色，然后将笔触禁止，点修改，组合。
图8：
6、 制作翻页影片剪辑元件
插入新建元件，类型：影片剪辑，名称：翻页，点确定。
一共3个图层，自下而上，左图、右图、切换。
翻页图层：
点选第一帧，从库内将封面1元件拉入场景，垂直中齐，左对齐。选择任意变形工具，将贴紧至对象按钮按下，将注册点移动到左中的位置。然后在30帧插入关键帧。
图9：
点选30帧，拉好标尺线。
图10：
打开信息面板，将宽改为12，回车！然后将鼠标移动到中心两个白框间，靠近右侧，当鼠标出现双向箭头的时候，向上推至上标尺线对齐的位置，松手。
图11：
做好动画补间。
31帧插入空白关键帧，将封面2元件拉入场景，垂直中齐，右对齐。选择任意变形工具，将注册点移动到右侧中心位置。
图12：
在60帧插入关键帧，返回到31帧上，打开信息面板，将宽改为12，回车！然后将鼠标移动到中心两个白框间，靠近左侧，当鼠标出现双向箭头的时候，向上推至上标尺线对齐的位置，松手。
图13：
做好动画补间。
右图图层：
点选第一帧，从库内将页1元件拉入场景，垂直中齐，左对齐。
到此为止，第一个翻页效果已经完成，后面的翻页制作过程完全一样。
为了让朋友们能够更清楚的了解翻页制作步骤，我接下来再介绍第二个翻页效果的制作过程。
复制右图图层的第一帧，粘贴到切换图层的第61帧上。复制切换图层的第60帧，粘贴到左图图层的第61帧上。右图图层的第61帧插入空白关键帧，从库内将页2元件拉入场景，垂直中齐，左对齐。
点选切换图层的第61帧，选择任意变形工具，将注册点移动到左中心的位置。
图14：
在90帧插入关键帧，打开信息面板，将宽改为12，回车！，然后将鼠标移动到中心两个白框间，靠近右侧，当鼠标出现双向箭头的时候，向上推至上标尺线对齐的位置，松手。
图15：
做好动画补间。
91帧插入空白关键帧，从库内将页3元件拉入场景，垂直中齐，右对齐。选择任意变形工具，将注册点移动到右侧的中心位置。
图16：
在120帧插入关键帧，返回到91帧上，打开信息面板，将宽改为12，回车！然后将鼠标移动到中心两个白框间，靠近左侧，当鼠标出现双向箭头的时候，向上推至上标尺线对齐的位置，松手。
图17：
做好动画补间。
第二个翻页的效果制作步骤也完成了，后面的制作就请朋友们参照上面的步骤制作了。
五、 组装场景
图18：
如何组装场景，如何制作双控按钮已经多次介绍了，如果还有朋友不清楚的可以查看前面的教材。
最后点保存、控制、测试。
文章评论