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

 

为了保持画面的衔接,在第2层的第71帧按F6插入关键帧,并把第1帧的内容拷贝到这一帧上,在第374帧上按F5键。

现在封面的动画基本上完成了,下面我们来做内页的动画。 在第5层page animation的第75,85,102,113帧分别按F6插入关键帧。在第75帧我们画一个不带边线的浅灰色矩形,见下面左图,要求它的大小比封面小一圈,并把它移到与封三左边重合的位置上。然后把这一帧的内容分别拷到第85,102和113帧上,再把这三帧用箭头工具分别修改成下图中右面三个图所示形状。现在在第75帧,85帧和102帧再分别设置形体渐变。

      

这样我们把内页翻到一半时的动画做好了。同样方法,在第114,125,142和152帧分别按F7插入空帧。分别把刚才做好的第113,102,85和75帧的内容拷贝到对应帧上,再对每个对象做水平翻转,然后把位置调整好就行了。最后分别把第114,125和第142帧的属性改为形体渐变,一个内页完整的动画就做好了。

为了增加效果,我们为每一页上再添上一些格子。为了不至于产生意想不到的变形效果,我们把每一条格子线单独放在一层中,也就是说这七条线将占据第6至第12层。接着依次在页面相应的关键帧中把这些线条用箭头工具拉成下图所示的形状。最后一个图中好象线条看不见了,但实际上它们是存在的。最后同样把相应帧设置为形体渐变就行了。因为每一页的背面我们不画格子线,所以页面翻过去以后把相应帧设置为空帧即可。

       现在我们就把内页的动画全部做好了,把上面左图中所示的页面保存为图符page,然后把它放在第4层pages的第11帧上。在一页完全翻过去后,我们还需要做页面背面的静止画面。所以在第3层page flip over的第153帧按F6插入关键帧。并把第5层上的不带格子线的页面拷贝到第3层的这一帧上,再水平翻转到下图所示位置。 其他内页的动画也如法炮制,最后的封底动画和封面动面恰好相反,但手法相同,大家不妨自己做做看。在这个示例中,比较关键的问题是对页面各关键帧的变形控制以及每一层的位置关系和内容安排,希望大家做的时候多思考。这里是这个示例的源文件。

上一页  [1] [2] [3] 


  • 上一篇文章:

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