进阶教程—仿翻页相册的制作与思考

仿翻页相册的制作与思考

教学目的：通过本节教学了解和掌握仿翻页的制作原理与操作，隐形按钮及其相关指令的添加与运用。进而制作出形象逼真、漂亮适用的仿翻页相册。 　　教学对象：本教材是针对有一定动画制作基础和对属性面板及工具箱、按钮指令有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。     教学要点：任意变形工具、隐形按钮、动作指令。

作前准备 准备四张规格为300*230照片，经过制图软件处理后，放置在指定的文件夹备用。     制作步骤     1.启动FLASH8 软件。     2.确立文档属性 设置动画尺寸为550*360，帧频为12，背景颜色黑红，其它默认,点击确定，进入场景1。如图1所示： 图1     3.编辑制作场景 在场景1添加七个图层，共八个图层。自下而上分别命名为，如图2所示： 图2       （1）选择小页图层第一帧，用矩形工具，打开混色器，设置参数,如图3所示：      图3   在工作区拖一个无边框的，规格为92*314的左淡黄右浅灰的矩形，放置在工作区左上位置，在第60帧插入帧。上锁。如图4所示：   图4       （2）选择大页图层第一帧，用矩形工具，打开混色器，设置参数如图5所示：      图5   在工作区拖一个无边框的，规格为398*314的左淡黄右浅灰的矩形，选择“修改－变形－水平翻转，此时该实例转为左浅灰右淡黄的矩形，放置在工作区右上位置，和小页水平对齐，中间无空隙，然后再托一个规格为8*314的无边框矩形，颜色略深于大页，用黑箭头工具将右边缩小一点，放置在和大页右侧，水平对齐，无空隙。在第60帧插入帧。上锁。如图6所示： 图6       （3）选择照片图层第一帧，用矩形工具在工作区拖一个笔触高度为4，颜色为红色，规格为300*230的无填充色的边框，放置在大页的右上角；再用文本工具在边框内输入相关内容。如图7所示： 图7   在第11帧插入空白关键帧，选择“文件－导入－导入到舞台”，导进已准备好的照片1，设置其规格为300*230，右键该实例将其转换为图形元件，放置在大页的右上角（和第一帧红色边框相同位置）。在第20帧插入关键帧，然后，选中第11帧中的实例，在属性面板中设置其Alpha为20％。如图8、图9、图10所示：   图8 图9（11帧显示） 图10（20帧显示）   点击第11帧，创建此区域间的动画补间。同理同样操作，在第21、31、41帧完成照片2、照片3、照片4的操作。在第51帧插入空白关键帧，用第1帧的相同方法完成，如图11的实例操作。在第60帧插入帧。上锁。 图11   此环节完成后的时间轴如图12所示： 图12       （4）选择翻页图层第一帧，用矩形工具在工作区托一个规格398*314的，淡蓝色无边框矩形，将其放置在大页相同位置，并覆盖大页，用任意变形工具选中该实例，并将其注册点移到左中处。右键该实例，将其转换为图形元件。如图13所示： 图13   在第5帧插入关键帧（注册点在左中），将鼠标放置在右边中间，当出现上下箭头时将实例向上拖，然后选择右边中间小方块，出现左右箭头后，再向左托。如图14所示： 图14   在第10帧 插入关键帧（注册点在左中），用同样的方法再将该实例向左拖到和小页重合。如图15所示： 图15   然后，分别将第1、10帧中的实例设置其Alpha为0％，第5帧中的实例Alpha为60％。分别点击第1、第5帧，创建该区域间的动画补间。用鼠标将该图层的第1－10帧拖黑，右键该拖黑处，复制帧。然后，分别在第11、21、31、41、51帧处粘贴帧。上锁。此环节完成后的时间轴如图16所示：   图16       （5）选择小图图层第一帧，在小页上下放入两个图案，然后，分别从库中拖出照片1－照片4，设置其规格为40*30，放置在大页边框下方，水平对齐，左右两侧放入两个反向三角，颜色、规格适当。在第60帧插入帧。上锁。如图17所示： 图17       （6）选择文本图层第一帧，用文本工具在小页竖向输入“小天使倩影”和“1/6”。如图18所示：     图18   在第11帧插入空白关键帧，用文本工具在小页竖向输入“四周岁留影”和“2/6”。同理同种方法完成第21、31、41、51帧的操作。在第60帧插入帧。上锁。此环节完成后的时间轴，如图19所示：   图19       （7）创建安放隐形按钮       a.选择“插入－新建元件”，创建一个名为“隐形按钮”的按钮元件。点击确定，进入元件编辑区。在点击帧插入空白关键帧，用矩形工具在编辑区拖一个无边框的矩形，颜色随意。全居中。如图20所示： 图20       b.选择按钮图层第1帧，从库中拖出隐形按钮元件，分别摆放到三角和照片上边，按钮间不可重叠。在第60帧插入帧。如21所示：     图21       c.给按钮添加指令语句 由左向右分别右键各个按钮，打开动作面板，在as编辑区分别依次添加如下按钮指令：   on (release) {  gotoAndPlay(1); }   on (release) {  gotoAndPlay(11); }   on (release) {  gotoAndPlay(21); }   on (release) {  gotoAndPlay(31); }   on (release) {  gotoAndPlay(41); }   on (release) {  gotoAndPlay(51); }   锁定该图层。       （8）选择as图层，在第1、10、20、30、40、50、60帧插入空白关键帧，分别依次右键各空白关键帧，打开动作面板，在as编辑区输入停止指令：   stop();   锁定该图层。       4该作业完成后的时间轴如图22示： 图22       5测试存盘       *说明：     1.如果要显示反向翻页的效果，则须将翻页的首帧作为尾帧，尾帧作为首帧即可。     2.如果将按钮作成进一退一效果，方法有二：一是将翻页和图片作成影片剪辑，然后给按钮添加相关指令（参考教程）；二是在现有实例中将各个帧的按钮指令语句调整到相关的帧上。           最终效果显示： http://hsb345./domName/hsb345/20086299193861448.swf   全屏下载   祝你成功！

​