书本翻页效果

《书本翻页效果》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

2、我们看到最后生成的效果还是比较真实的。好了，下面我就把制作的方法给大家详细介绍一下。首先，新建一个文件，把背景色设为黑色。接着来制作书本的封面和封底，这个大家都会做，就是简单的矩形，我就不多说了。如果想让封面和封底看上去有点厚度，可以在封面的上边和右边加上两条颜色稍有不同的细线就行了。对封底来说，细线应该在上边和左边。另外我们注意到封面和封底的内侧（封三）一样，封底和封面的内侧（封二）一样，所以只需要做成一个图符，我们在这里把封底做成图符起名为frontcoverinside，也就是封二，需要用到封三的时候只需水平翻转即可。不过这样做出来的只是非常简易的封皮，我们还可以

3、给封皮上加些图案和文字，注意添加图案文字最好新建几个层放置，这样便于修改。为了实现流畅的翻页（变形）效果，我们需要把加工过的封面和封底分别单独做成图符frontcover和backcover，见下图，在这里要说明的是请大家注意十字定位符的位置，因为它将是对象变形的中心点。　　　　　　　　　　现在按Ctrl-F8新建一个电影片断类图符pageflip，我们将把所有的翻页效果都做在这个图符中。新建若干层备用，这一次我们把层的顺序自下而上排列，最下面的层是第1层。我们先简要介绍一下层的分布关系。在最下面的第1层应该放书本的封底（封三），起名为backcoverstatic，封

4、底一直仅位于最下层直到它最后翻起合上。第2层起名为frontcoverstatic，我们放上封面以及封面打开后（封二）的静止状态，封面位于较下面的层是因为封面一旦打开就会被内页遮住。下面的图会给我们一个层分布的初步概念。在最开始书本是合上的，所以我们把图符frontcover拖出来放好。第3层名为pageflipover，用来放置内页翻开后其背面的静止画面，如下图所示当第1页完全打开后，这一层的相应帧上就会放置粉红色的页面静止图案，这一层在开始的若干帧中暂时不放任何内容。第4层名为pages，用来放置页面翻开时静止的内页正面画面，如下图所示浅灰色的第2页。这一层在封面一

5、开始翻页就必须把内页画面放好。第3层和第4层的内容一个在左一个在右，互不遮盖，所以这两层的顺序无关紧要。第5层至第12层放置内页翻开的动画。所以这一层的内容最为关键和重要，我们一会儿重点介绍这一层的制作。第13层frontcoveranimation放封面打开的动画，这一层相对较高，因为在封面翻开的过程中会遮住部分内页。第14层backcoveranimation用来放置封底的动画。第13层和第14层动画不会同时发生，所以这两层的相对位置无所谓。好了，所有的层关系都明确了，下面我们就要开始动手做了。在第2层frontcoverstatic的第10帧按F5键，书本的封面图

6、案将保持静止直到第10帧，从第11帧开始书本翻页。在第11帧按F7插入空帧。选中封面，按Ctrl-C复制。从第11帧开始封面翻开，同时内页和封三显示出来，所以有三个层从这一帧开始要添加内容。先看封面翻开的动画，在第13层frontcoveranimation的第11帧按F6插入关键帧，按Ctrl+Shift-V把刚才复制的内容粘贴回原处。在第39帧按F6插入关键帧，如下图所示，对封面实例进行先旋转再放缩的操作，注意两次操作只会用到右边中间的手柄，最后得到下面右图所示的形状。　　　　　　　　　　　在第40帧按F7插入空帧，在第75帧按F6插入关键帧。从图库中把frontc

7、overinside图符拖出来放好，要求它的右边与第11帧中封面的左边正好重合，这个图符用作封二的静止画面。选中它按Ctrl-C复制，回到第40帧，按Ctrl+Shift-V粘贴，然后同样做旋转和放缩，见下图。下面的右图是第40帧做好后的样子。现在分别把第11帧和第40帧帧属性设为运动渐变。　　　　　　　　　　　　　　　在第1层backcoverstatic的第11帧按F6插入关键帧，把backcover图符拖进来放好，并在第314帧按F5键，这一层是封三所在层，会长时间保持静止。书本内页层也就是第4层的第11帧内容我们过一会儿再做。为了