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代码你可以控制翻页。