| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
flash翻页效果
作者:未知    文章来源:网络    点击数:    更新时间:2006-7-26
 

书本翻页效果

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

首先,新建一个文件,把背景色设为黑色。

接着来制作书本的封面和封底,这个大家都会做,就是简单的矩形,我就不多说了。如果想让封面和封底看上去有点厚度,可以在封面的上边和右边加上两条颜色稍有不同的细线就行了。对封底来说,细线应该在上边和左边。另外我们注意到封面和封底的内侧(封三)一样,封底和封面的内侧(封二)一样,所以只需要做成一个图符,我们在这里把封底做成图符起名为frontcoverinside,也就是封二,需要用到封三的时候只需水平翻转即可。

不过这样做出来的只是非常简易的封皮,我们还可以给封皮上加些图案和文字,注意添加图案文字最好新建几个层放置,这样便于修改。为了实现流畅的翻页(变形)效果,我们需要把加工过的封面和封底分别单独做成图符front coverback cover,见下图,在这里要说明的是请大家注意十字定位符的位置,因为它将是对象变形的中心点。

          
现在按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层动画不会同时发生,所以这两层的相对位置无所谓。

好了,所有的层关系都明确了,下面我们就要开始动手做了。

[1] [2] [3] 下一页


  • 上一篇文章:

  • 下一篇文章:
  • 相关文章