900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Flash cs3仿真艺术设计7.2:动画实例之翻书效果

Flash cs3仿真艺术设计7.2:动画实例之翻书效果

时间:2021-11-07 22:19:05

相关推荐

Flash cs3仿真艺术设计7.2:动画实例之翻书效果

Flash cs3仿真艺术设计7.2:动画实例之翻书效果,本例为Flash CS3仿真艺术设计系列教程,在本Flash教程中我们将学习动画实例部分翻书效果的制作,希望能给朋友们带来帮助~~

本文由中国sanbos 编译,转载请保留此信息!

本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请点击这里,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临!

在学习中遇到问题请到论坛Flash研讨版块 发贴交流!

更多相关教程:Flash cs3教程:仿真艺术设计系列专题

第7章:动画实例

7.2 翻书效果

在你的网站或它的网页上可能会有翻页效果。这种动作完全可以用ActionScript来实现,但是我的AS水平还无法实现这个效果。但是这并不意味着你不能在一个影片剪辑中增加一些动画,当鼠标在它上面移动时来控制它来实现这个效果。把这个想法留给你去思考(第10章将作介绍)

1.首先使用一个线性渐变或你喜欢的颜色填充的长方形。将它转换为一个影片剪辑元件并给它加上一个阴影滤镜。

2.复制这个元件并将它放在原始图层上面一层中,将其改为另一种颜色。添加一些文本或图片。

3.在现有的图层上再新建一图层。将它转化为遮罩层,画一个形状盖住右下角。在第30帧插入关健帧。

4.选择第1帧的图象,使用自由变形工具,将注册点定位到下边角上。按住alt键缩小形状直到非常的小。

5.按住alt键,强迫形状基于注册点上。添加一个补间动画,这样形状从小到大。这个动画将显示页面从小到大。

6.插入一个新的图层画一个三角形,就象向上翻起的页面一样。简单的方法是用矩形来创建这个形状。打开扭曲工具拖动一只角直到另一只角。现在你创建一个三角形,将它放到实例之上。

7.混合一个三个颜色的线性渐变。第1个和最后1个颜色最亮,值差不多。中间的颜色一样,但要暗一些。填充卷曲形状,并用填充变形工具调整。

8.转换第7步的图形为一个图形元件,然后双击它在元件内新添加一个图层,使用用矩形工具为这个图形创建一个阴影的图形。这个阴影将投射到形状的下面,这样这个图形的跨度要包含这个页面的空间。

9.用一个包含两种颜 色的线性渐变填充这个形状。第1个颜色50%的透明度,第2个颜色0%的透明度。使用渐变填充工具旋转这个阴影使它向卷曲方向逐渐消失。

10.象在第4,5步制作遮罩动画一样,在第30帧插入第2个关键帧,然后在第1帧选择卷曲形状,使用自由变形工具,移动注册点到下角,按住Alt键,缩放它到与遮罩一样的大小。添加1 个补间动画。

效果演示:

提示:

你可以复制这个效果,创建其它页的卷曲动画,充许用户打开更多的页,显示更多的内容。封装翻页动画到一个影片剪辑中,然后拖动多个实例到各个单独的层。使用一些AS代码你可以控制翻页。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。