您好!欢迎你光临翻书(幸运鸟)_月亮湾B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>教材系列>>>FLASH实例(1)>>>翻书(幸运鸟)
翻书(幸运鸟)
发表日期:2006/7/15 18:22:00 出处:转载网络 作者:未知 发布人:moonabc 已被访问 4828

 


上面这个示例稍微大了一点,所以如果网速比较慢的话还请大家稍稍多等一会儿,因为幸运鸟花了五个多小时才把它做好,不看是有点可惜(是我感到可惜,呵呵)。花了这么长的时间是因为一来幸运鸟技术还不太熟练,许多地方改动过十几次;二来在做的过程中一直在构思还要做些什么内容,希望能有创意一点。由于这一章是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层动画不会同时发生,所以这两层的相对位置无所谓。

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

在第2层front cover static的第10帧按F5键,书本的封面图案将保持静止直到第10帧,从第11帧开始书本翻页。在第11帧按F7插入空帧。选中封面,按Ctrl-C复制。

从第11帧开始封面翻开,同时内页和封三显示出来,所以有三个层从这一帧开始要添加内容。先看封面翻开的动画,在第13层front cover animation的第11帧按F6插入关键帧,按Ctrl+Shift-V把刚才复制的内容粘贴回原处。在第39帧按F6插入关键帧,如下图所示,对封面实例进行先旋转再放缩的操作,注意两次操作只会用到右边中间的手柄,最后得到下面右图所示的形状。

          

 

在第40帧按F7插入空帧,在第75帧按F6插入关键帧。从图库中把frontcoverinside图符拖出来放好,要求它的右边与第11帧中封面的左边正好重合,这个图符用作封二的静止画面。选中它按Ctrl-C复制,回到第40帧,按Ctrl+Shift-V粘贴,然后同样做旋转和放缩,见下图。 下面的右图是第40帧做好后的样子。现在分别把第

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



五星红旗
(2008/4/29 11:26:00) [125.107.18.]

用汉字命名就是啦,何必写上长长的英文字符,退出了。


我心飞翔999
(2007/7/19 7:49:00) [59.59.145.]

要人视频教程就好了


11
(2007/5/27 19:06:00) [222.84.79.]

很难呀


11
(2007/5/27 19:06:00) [222.84.79.]

很难呀


冬天的太阳
(2006/11/17 16:16:00) [218.64.180.]

我怎看着看着就晕啦。。。。。。

 发表评论:共有 16 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

月亮湾B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ340623306 联系人:王小华