教你使用遮罩流条效果打造另类触隐门 - Qzone日志
来源:百度文库 编辑:神马文学网 时间:2024/07/07 15:45:32
主页效果截图:
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_1)
空间装扮物品截图:
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_2)
点击获取自定义皮肤
点击获取自定义标题栏
【制作软件】Photoshop软件 Flash软件
PS部分所需要准备的图有:主图。遮罩图(共三张)
效果浏览:
',1)">![](/images/play_bg.png)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_3)
XY1: (打开FLASH8.0设置好属性为主图的尺寸)(在图层一命名为主图导进主图进行“分离”“镂空”)(转换为元件“影片剪辑”命名为主图)待用
XY2:(把三张遮罩图导进到库)(新建一个元件“CTRL+F8”命名为遮罩图)
XY3:(遮罩图元件里)(在图层一把图1从库中拉时舞台,“CTRL+T”进行左对齐,上对齐在第120帧处插入帧)(新建图层把图2拉进来跟图层一一样处理)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_4)
XY4:(图层二上方新建一个图层,命名为A1,在第10帧处插入关键帧,用矩形在上面画一个矩形“画在图片顶端不复盖位置”)(“F8”转换为元件“选影片剪辑”)时入元件里编辑。
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_5)
XY5:再来就是设置矩形条的动作了,(图层一的40帧插入帧, 10帧插入关键,创补动画,把矩形条拉置图片底端刚好复盖到图2的下方)如图示:
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_6)
XY6: (复制一下矩形条,新建图层,图层2的第5帧插入关键,粘帖矩形条置于图顶端)(15帧处插入关键帧,创补动画,把它拉下致到图层一矩形条上方,对齐)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_7)
XY7:同上方式一直新建图层直到矩形条完全复盖了整张图处为止,终止帧位为第30帧,最后一个图层的关键帧处给这加上动作stop();)即可。
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_8)
XY8:(回到遮罩层元件里,把A1图层转为遮罩层“A1图层/右键/遮罩层即可”)(再新建一图层)(图层3,第40帧处插入关键帧,把图三从库中拉时舞台,时行左对齐上对齐)(再新建一图层命名为A2)(再A1的处的第一个关键帧复制帧,A2的第40帧处粘帖帧,把A2图层转为遮罩层)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_9)
XY9:(图层一第一帧复制帧)(新建一图层)(图层4的第80帧处粘贴帧)(再新建一图层命名A3)(再A1的处的第一个关键帧复制帧,A3的第80帧处粘帖帧,把A3图层转为遮罩层)
(为什么三个图片都运用到了却还要多此一步呢?原因很简单,我们所要做的遮罩效果不单止要用遮罩动画效果,同时也要有循环的感,这样图片才能连接的形成遮罩流条循环效果)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_10)
XY10:(接下来就是要做上触隐门的效果了)(回到场景)(主图图层第10帧处插入帧)(新建一图层命名为遮罩)(第一帧把帧罩层从库中拉时来放到镂空位置上)(在每5,6,7,11帧处插入关键帧,1到5之间创补动画,7到11之间创补动画,第6帧处按下“DELETE”进行删除,然后第5帧跟第7帧的图片设置属性Alpha为0%.)(再在第1帧跟第6帧处插入停止动作指令 stop();)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_11)
XY11:(把遮罩图层拉到主图图层下方)(新建图层命名为按钮)(用矩形工具在镂空位置上画一个大小刚好的矩形)(转为按钮元件设置Alpha为0%.加上AS脚本)
on(rollOver){
nextFrame();
play();
}
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_12)
XY12:(按钮图层的第2,6,7帧处插入空白帧)(再新建一元件命名按钮二)(进入元件编辑后在点击处插入关键帧)(把主图图片拉进舞台,进行分离/镂空,转换为元件,设置Alpha为0%)
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_13)
XY13:回到场景,按钮图层第6帧处把刚才做好的按钮2拉进来再进行对齐设置,加上AS脚本
on(rollOver){
play();
}
![](http://image5.360doc.cn/DownloadImg/2009/11/28/525591_9921891_14)
再依喜好加上鼠标跟随跟右键代码,还有各类动态效果就完成此模块了!!
与本文章相关教程:
鼠标跟随制作
空间右键代码
空间装扮物品截图:
点击获取自定义皮肤
点击获取自定义标题栏
【制作软件】Photoshop软件 Flash软件
PS部分所需要准备的图有:主图。遮罩图(共三张)
效果浏览:
',1)">
![](/images/play_bg.png)
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();
}
再依喜好加上鼠标跟随跟右键代码,还有各类动态效果就完成此模块了!!
与本文章相关教程:
鼠标跟随制作
空间右键代码
教你使用遮罩流条效果打造另类触隐门 - Qzone日志
风水师教你使用罗经 - Qzone日志
106条打造你成为交际大师 - Qzone日志
106条打造你成为交际大师 - Qzone日志
106条打造你成为交际大师 - Qzone日志
106条打造你成为交际大师 - Qzone日志
106条打造你成为交际大师 - Qzone日志
106条打造你成为交际大师 - Qzone日志
打造你的人际关系网的五十五招 - Qzone日志
打造你的人际关系网的五十五招 - Qzone日志
手把手教你如何使用PS来制作动感效果
教你做空间,不比黄钻装扮差哦,还永久免费使用 - Qzone日志
有趣!你所不知道的另类啤酒知识 - Qzone日志
拍案叫绝的另类创意 - Qzone日志
10大炫酷另类的电脑主机 - Qzone日志
冰箱20个另类用途 - Qzone日志
世界杯七大另类极品男人 - Qzone日志
另类比基尼婚纱照挑战传统 - Qzone日志
转载:106条打造你成为交际大师<很有用> - Qzone日志
洋葱溱葡萄酒效果惊人 - Qzone日志
洋葱侵葡萄酒效果惊人 - Qzone日志
洋葱治病效果惊人。 - Qzone日志
洋葱浸葡萄酒效果惊人 - Qzone日志
洋葱侵葡萄酒效果惊人 - Qzone日志