Flash实例：漂亮的翻书动画制作(无AS)

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

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

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

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

图8

　　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。设置如图：

图9

　　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

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

图11

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

图12

　　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帧延长帧。如图：

图13

图14

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

　　第10帧插入空白关键帧，用矩形工具，笔触无，画一矩形，笔触无，填充颜色随意，画一正方矩形大小240*240，X值为0，Y值为-90。用线条工具斜角对斜角画一直线删除下半部并删除直线。也可用黑剪头选择工具放在矩形右下角，待鼠标出现小三角符号时向上推。如图：右图。

图15

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

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

图16

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

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

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

图17

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

图18

图19

图20

图21

　　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 帧延长帧。参照例图在图层上设好遮罩。

最新评论