分享

教你使用遮罩流条效果打造另类触隐门

 子玉儿 2009-11-28
空间装扮物品截图:
【制作软件】Photoshop软件          Flash软件
PS部分所需要准备的图有:主图。遮罩图(共三张)
效果浏览:



XY1: (打开FLASH8.0设置好属性为主图的尺寸)(在图层一命名为主图导进主图进行“分离”“镂空”)(转换为元件“影片剪辑”命名为主图)待用

XY2:(把三张遮罩图导进到库)(新建一个元件“CTRL+F8”命名为遮罩图)

XY3:(遮罩图元件里)(在图层一把图1从库中拉时舞台,“CTRL+T”进行左对齐,上对齐在第120帧处插入帧)(新建图层把图2拉进来跟图层一一样处理)


XY4:(图层二上方新建一个图层,命名为A1,在第10帧处插入关键帧,用矩形在上面画一个矩形“画在图片顶端不复盖位置”)(“F8”转换为元件“选影片剪辑”)时入元件里编辑。



XY5:再来就是设置矩形条的动作了,(图层一的40帧插入帧, 10帧插入关键,创补动画,把矩形条拉置图片底端刚好复盖到图2的下方)如图示:



XY6: (复制一下矩形条,新建图层,图层2的第5帧插入关键,粘帖矩形条置于图顶端)(15帧处插入关键帧,创补动画,把它拉下致到图层一矩形条上方,对齐)


XY7:同上方式一直新建图层直到矩形条完全复盖了整张图处为止,终止帧位为第30帧,最后一个图层的关键帧处给这加上动作stop();)即可。


XY8:(回到遮罩层元件里,把A1图层转为遮罩层“A1图层/右键/遮罩层即可”)(再新建一图层)(图层3,第40帧处插入关键帧,把图三从库中拉时舞台,时行左对齐上对齐)(再新建一图层命名为A2)(再A1的处的第一个关键帧复制帧,A2的第40帧处粘帖帧,把A2图层转为遮罩层)


XY9:(图层一第一帧复制帧)(新建一图层)(图层4的第80帧处粘贴帧)(再新建一图层命名A3)(再A1的处的第一个关键帧复制帧,A3的第80帧处粘帖帧,把A3图层转为遮罩层)
为什么三个图片都运用到了却还要多此一步呢?原因很简单,我们所要做的遮罩效果不单止要用遮罩动画效果,同时也要有循环的感,这样图片才能连接的形成遮罩流条循环效果)


XY10:(接下来就是要做上触隐门的效果了)(回到场景)(主图图层第10帧处插入帧)(新建一图层命名为遮罩)(第一帧把帧罩层从库中拉时来放到镂空位置上)(在每5,6,7,11帧处插入关键帧,1到5之间创补动画,7到11之间创补动画,第6帧处按下“DELETE”进行删除,然后第5帧跟第7帧的图片设置属性Alpha为0%.)(再在第1帧跟第6帧处插入停止动作指令 stop();


XY11:(把遮罩图层拉到主图图层下方)(新建图层命名为按钮)(用矩形工具在镂空位置上画一个大小刚好的矩形)(转为按钮元件设置Alpha为0%.加上AS脚本
on(rollOver){  
   nextFrame();
    play();
}



XY12:(按钮图层的第2,6,7帧处插入空白帧)(再新建一元件命名按钮二)(进入元件编辑后在点击处插入关键帧)(把主图图片拉进舞台,进行分离/镂空,转换为元件,设置Alpha为0%


XY13:回到场景,按钮图层第6帧处把刚才做好的按钮2拉进来再进行对齐设置,加上AS脚本
on(rollOver){
play();
}


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多