和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置:应用教程首页 >> FLASH教程 >> 详细内容

运用遮罩制作无脚本软翻书动画 (2)

2008-08-04 20:40:25    作者:zctmh0336(诚信为人)    来源:中国教程网论坛    文字大小: |  | 
简介:本例介绍使用Flash的遮罩功能制作无脚本软翻书效果,通过制作软翻书效果来了解遮罩功能的运用,对本文感兴趣的朋友赶紧提交作业吧~~效果演示: 知识点:遮罩的运用学习无脚本软翻书教材前请先看看遮罩的 ...

第二部分: 制作“翻书”影片剪辑元件

在制作“翻书”影片剪辑元件前先在库面板建“页”文件夹,将所有“页”影片剪辑元件放入文件夹,以便以后做动画时容易交换元件。

1、制作“翻封面”影片剪辑元件。

1-1、插入影片剪辑元件名为“翻封面”新建8个图层,自下而上分别是:页1、光1、封面、高光2、遮罩1、首页、遮罩2、高光3、高光3遮罩共9个图。如图:




1-2、页1图层第1帧将库中“页1”影片剪辑元件拖入,左对齐、垂直中齐,x值:0,Y值:-150,延长至55帧,上锁。

1-3、光1图层第1帧用矩形工具画一矩形,无笔触,填充为线性。打开颜色面板,中间添加一个色码:从左至右的色码依次为:#010101,Alpha值为0,#F9F9F9,Alpha值为25,#000000,Alpha值为0,矩形大小设为宽 240高300,X值为0,Y值为-150。设置如图:




1-4、封面图层第1帧将“封面”页影片剪辑元件放入,X值为0,Y值为-150。第28帧延长帧,第29帧插入空白关键帧,图层上锁。

1-5、高光2图层点高光1图片右键复制,点高光2后点场景右键粘贴到当前位置。第28帧延长帧,第29帧插入空白关键帧,图层上锁。

1-6、遮罩1图层第1帧用矩形工具,笔触无,填充色随意,画一矩形遮片宽240高300,X值为0,Y值为-150,右下角用线条划一斜线去掉小角。如图:




第10帧、第20帧、第28帧插入关键帧,在第10、20帧处用线条工具划一斜线后去掉右下部分及线条如图:


第28帧处用变形工具把遮片调成宽166.5高392.5,X值为0,Y值为-242.5,再用线条工具画二条斜线。去掉下部分和左上部分,选中遮罩1图层创建形状补间,第55帧延长帧,删除第28帧后的形状补间。如图:




1-7、首页图层第一帧将库中“首页”影片剪辑元件拖入,X值为225,Y值为135,打开变形工具把“首页”影片剪辑元件的注册点移到页的右下角,“首页”影片剪辑元件的左下角与“封面”影片剪辑元件的右下角交叉摆放,第10、20、40帧插入关键帧,第10帧移动“首页”影片剪辑元件右下角与“封面”影片剪辑元件的左下角对齐,X值为0,Y值为-90。第20帧移动“首页”影片剪辑元件左上角与“封面”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可打开变形面板,约束打勾,旋转设为77.4。第40帧“首页”影片剪辑元件垂直中齐、右对齐,X值为 -240,Y值为-150,第55帧延长帧。如图:







1-8、遮罩2图层打开标尺,在“页”的底部和“页”的左面各拖一标尺线,第1帧用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一正方矩形大小16*16,X值为224,Y值为134。放在封面页的右下角用线条工具斜角对斜角画一直线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。如图:左图。
第10帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一正方矩形大小240*240,X值为0,Y值为-90。用线条工具斜角对斜角画一直线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。如图:右图。




第20帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一正方矩形大小300*240,X值为 -50,Y值为-145。把矩形左下角移到“封面”页上左下角压在竖标尺与横标尺之间,打开变形工具旋转-12度,调整好位置使矩形覆盖整个“首页”,用黑剪头选择工具放在矩形右下角,待鼠标出现小三角符号时向上推。或用直线工具划线删除。

第21帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时,调整矩形,如图:



第28帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时,调整矩形。

第33帧插入关键帧,用黑剪头选择工具放在矩形上,待鼠标出现小三角符号时,调整矩形。

第40帧插入空白关键帧,用矩形工具,笔触无,画一矩形,笔触无,填充颜色随意,画一正方矩形大小258*462,把矩形右下角移到“页1”页上左下角压在竖标尺与横标尺之间,用黑剪头选择工具放在矩形的右上角上,待鼠标出现小三角符号时,调整矩形。第55帧延长帧。如图:




1-9、高光3图层做法和遮罩2的做法一样,第1 帧、第10帧(插入空白关键帧)、第20帧(插入空白关键帧)第21帧(插入关键帧)、第28帧(插入关键帧)、第33帧(插入关键帧)、第40帧(插入空白关键帧),第55帧延长帧。不同地方是矩形用线形填充,笔触无,从左至右的色码依次为:#010101,Alpha值为0,#F9F9F9, Alpha值为25,#000000,Alpha值为0,如图:











1-10、高光3遮罩图层,做法与首页图层基本一样,第一帧用矩形工具,笔触无,画一矩形宽240,高300,X值为 225,Y值为135,打开变形工具把矩形的注册点移到右下角,矩形的左下角与“封面”影片剪辑元件的右下角交叉摆放,第10、20、40帧插入关键帧,第10帧移动矩形右下角与“页1”影片剪辑元件的左下角对齐,X值为0,Y值为-90。第20帧移动矩形左上角与“页1”影片剪辑元件的右上角对齐,X值为-52.1,Y值为-150,也可打开变形面板,约束打勾,旋转设为77.4。第40帧矩形垂直中齐、右对齐,X值为-240,Y值为-150,第55 帧延长帧。参照例图在图层上设好遮罩。

2、制作“翻页3”影片剪辑元件,库中直接复制“翻封面”改名为“翻页3”,双击进入编辑场景。

2-1、增加和调整图层,从第1层开始,页1图层改为页3图层,在页3图层上增加首页图层,在光1图层上增加光1左、封面图层改为页1,首页图层改为页 2,自下而上分别是:页3、首页、光1、光1左、页1、高光2、遮罩1、页2、遮罩2、高光3、高光3遮罩共11个图。如图:



2-2、页3图层上(直接复制过来时是页1)增加首页图层,打开页3图层的锁,点第1帧后点场景中的图元件,点右键交换元件换成“页3”影片剪辑元件。点首页图层第1帧从库中拖入“首页”影片剪辑元件,设X值:-240,Y值:-150。第50帧延长帧。如图:





2-3、光1图层上增加光1左图层,点光1图层第一帧复制帧粘帖到光1左图层第1帧,修改—变形—水平翻转,最后移动到位置至X值:-240,Y值:-150。

2-4、页1图层(复制时是封面)点第1帧、点场景图元件,点右键交换元件换成“页1“,延长帧至28帧,29帧插入空白关键帧。

2-5、页2图层(复制时是首页)点第1帧、10帧、20帧、40帧,点场景图元件,点右键交换元件换成“页2“,延长帧至55。这样“翻页3”影片剪辑元件就完成了。

3、制作其它翻页影片剪辑元件,库中直接复制“翻页3” 影片剪辑元件改名为“翻页5”,双击进入编辑,页3图层改为页5同时交换元件,首页图层改为页2同时交换元件,页1图层改为页3同时交换元件,页2图层改为页4图层同时交换元件。最后库中直接复制“翻页5”改为“翻页7”修改方法同上,依此类推制作“翻页9”、“翻页11”、“翻页13”、“翻页15”、 “翻页17”“翻页19”。只要掌握每图层交换元件时页数间隔1位,如页1交换页3、页2交换页4。

4、制作“翻封底”影片剪辑元件,从库中直接复制“翻页19”,双击进入编辑,按上面方法交换元件,所有图层延长到110帧。在最上面的图层(高光3遮罩层)的110帧上插入空白关键帧,点右键进入动作面板添加stop();代码。所有的“翻页”影片剪辑就完成了,下面要进入场景组合了,等待我在明后两天完成。



[1] [2] [3]
相关文章
绵阳网警