Flash特效之书本翻页效果教程_FLASH动画交流群吧吧_直线网

FLASH动画交流群吧
已关注 | 取消 +关注
关注：8
帖子：91

签到

06月21日
尚未签到

看帖图片精品视频

共有回帖数 0 个

Flash特效之书本翻页效果教程
只看楼主收藏回复

幻梦如戏
等级：
这个示例稍微大了一点，所以如果网速比较慢的话还请大家稍稍多等一会儿，因为幸运鸟花了五个多小时才把它做好，不看是有点可惜(是我感到可惜，呵呵)。花了这么长的时间是因为一来幸运鸟技术还不太熟练，许多地方改动过十几次;二来在做的过程中一直在构思还要做些什么内容，希望能有创意一点。由于这一章是Flash的进阶教程，因此幸运鸟尽量先不使用Actions编程这样高级的Flash技术。这一章中，我们主要学习如何运用简单的Flash基本操作来实现比较逼真的各类效果，以上的书本翻页效果就是典型的例子，在这个示例中，用到的技术只不过是最简单的形体渐变和运动渐变，但我们看到最后生成的效果还是比较真实的。好了，下面我就把制作的方法给大家详细介绍一下。先看看效果图

现在按Ctrl-F8新建一个电影片断类图符page flip，我们将把所有的翻页效果都做在这个图符中。新建若干层备用，这一次我们把层的顺序自下而上排列，最下面的层是第1层。我们先简要介绍一下层的分布关系。在最下面的第1层应该放书本的封底(封三)，起名为back cover static，封底一直仅位于最下层直到它最后翻起合上。第2层起名为front cover static，我们放上封面以及封面打开后(封二)的静止状态，封面位于较下面的层是因为封面一旦打开就会被内页遮住。下面的图会给我们一个层分布的初步概念。在最开始书本是合上的，所以我们把图符front cover拖出来放好。第3层名为page flip over，用来放置内页翻开后其背面的静止画面，如下图所示当第1页完全打开后，这一层的相应帧上就会放置粉红色的页面静止图案，这一层在开始的若干帧中暂时不放任何内容。第4层名为pages，用来放置页面翻开时静止的内页正面画面，如下图所示浅灰色的第2页。这一层在封面一开始翻页就必须把内页画面放好。第3层和第4层的内容一个在左一个在右，互不遮盖，所以这两层的顺序无关紧要。

第5层至第12层放置内页翻开的动画。所以这一层的内容最为关键和重要，我们一会儿重点介绍这一层的制作。第13层front cover animation放封面打开的动画，这一层相对较高，因为在封面翻开的过程中会遮住部分内页。第14层back cover animation用来放置封底的动画。第13层和第14层动画不会同时发生，所以这两层的相对位置无所谓。好了，所有的层关系都明确了，下面我们就要开始动手做了。在第2层front cover static的第10帧按F5键，书本的封面图案将保持静止直到第10帧，从第11帧开始书本翻页。在第11帧按F7插入空帧。选中封面，按Ctrl-C复制。从第11帧开始封面翻开，同时内页和封三显示出来，所以有三个层从这一帧开始要添加内容。先看封面翻开的动画，在第13层front cover animation的第11帧按F6插入关键帧，按Ctrl+Shift-V把刚才复制的内容粘贴回原处。在第39帧按F6插入关键帧，如下图所示，对封面实例进行先旋转再放缩的操作，注意两次操作只会用到右边中间的手柄，最后得到下面右图所示的形状。

其他内页的动画也如法炮制，最后的封底动画和封面动面恰好相反，但手法相同，大家不妨自己做做看。在这个示例中，比较关键的问题是对页面各关键帧的变形控制以及每一层的位置关系和内容安排，希望大家做的时候多思考。

楼主 2016-09-18 18:56 回复