QQ空间官方吧 » ☞空间教程分享 » 【中级】：透明遮罩之【触隐门制作】

【中级】：透明遮罩之【触隐门制作】 (56/4546)

本帖地址: 复制地址

QQ号：332110258
教程地址：http://user.qzone.qq.com/332110258/blog/1223489960
最终效果，点此查看:http://www.flashempire.com/myfe/upload/flash/167/1666695_1223468417.swf

教程内容：

今天花了些时间写下这个教程，由于很多友友说，推荐给他去看的教程看不大明白，
所以今天就写了这篇自认为还是很详细的教程分享给大家，
希望对还不懂得做触隐门效果的朋友有所帮助^^
细心~一一的按这步骤做，相信你一定会成功.
制作步骤：
1：日志底板和遮罩图片制作在日志里的（透明遮罩之【PS日志遮罩】)
⑴·在Photoshop里分别制作好放日志的底板图和一张遮罩图片,保存图片格式为PNG。
如下图所示：

2：
随便认识下，本次教程FLASH里将会用到的工具和路径。
如下图所示：

⑴·打开FLASH把大小调整好(点击500X400像素，修改成你所做的底板图大小)。
如下图所示：

⑵·设置好底板大小-确定。
如下图所示：

3：导入底板图
⑴·[文件]-[导入]-[导入到舞台]-找到电脑里你做好的底板图，
右击底板图片-[分离]，
点击[套索工具]-选择最下面选项里的[魔术棒]
点击底板图-单击要挖空的地方-右击[剪切]
如下图所示：

⑵·右击底板图-[转换为元件]-点下[图形]-命名为[底板]-在舞台的图上右击-[剪切]
如下图所示：

⑶·导入遮罩图片，右击遮罩图片-[转换为元件]-命名为[遮罩]-在舞台的图上右击-[剪切]
库中效果如下图所示：

4：
⑴·[插入]-[新建元件]-选择[按钮]，命名为[底板按钮]。
在[点击]处右击-[插入关键帧],从库中把底板图形拖入舞台。(注：是图形不是位图)
在属性面板中设X和Y值为0。在[颜色]中设置ALPHA值为0。
如下图所示：

⑵·[插入]-[新建元件]-选择[按钮]，命名为[遮罩按钮]。
在[点击]处右击-[插入关键帧],从库中把遮罩图形拖入舞台。
在属性面板中设X和Y值为0。在[颜色]中设ALPHA值为0。
库中效果如下图所示：

5：
⑴·[插入]-[新建元件]-选择[影片剪辑]，命名为[影片]。
新建5个图层,右击图层-[属性]-自上而下分别重命名为动作、底板、遮罩按钮、遮罩、底板按钮。
⑵·底板的操作：
单击底板层的第1帧，从库中把底板图形拖入到舞台。
在属性面板中设X和Y值为0。
在底板层的第11帧处右击，[插入帧]。
点底板层第二个[小黑点]锁住层。
效果如下图所示：

⑶·遮罩的操作：
点击第1帧，从库中把遮罩图形拖入到舞台，调整好位置（注：位置要认真的调整吻合）。
效果如下图所示：

在遮罩层第2帧处右击-[插入关键帧]-单击一下遮罩图片，属性面板变成图形后在[颜色]中设置ALPHA值为80%。
在第3帧处右击-[插入关键帧]-单击一下遮罩图片，属性面板变成图形后在[颜色]中设置ALPHA值为60%。
在第4帧处右击-[插入关键帧]-单击一下遮罩图片，属性面板变成图形后在[颜色]中设置ALPHA值为40%。
在第5帧处右击-[插入关键帧]-单击一下遮罩图片，属性面板变成图形后在[颜色]中设置ALPHA值为20%。
在第6帧处右击-[插入空白关键帧]。
在第5帧处右击-[复制帧]-在第7帧处右击-[粘贴帧]。
在第4帧处右击-[复制帧]-在第8帧处右击-[粘贴帧]。
在第3帧处右击-[复制帧]-在第9帧处右击-[粘贴帧]。
在第2帧处右击-[复制帧]-在第10帧处右击-[粘贴帧]。
在第1帧处右击-[复制帧]-在第11帧处右击-[粘贴帧]。
效果如下图所示：

⑷·遮罩按钮的操作：
点击第1帧，从库中把遮罩按钮拖入到舞台放在遮罩图片上对好。
效果如下图所示：

在第2帧处右击-[插入空白关键帧]。
在第11帧处右击-[插入帧]。
效果如下图所示：

单击第1帧,单击舞台中的遮罩按钮，当属性面板变为按钮后，在舞台中的遮罩按钮上右击-[动作]，输入以下AS脚本：
on (rollOver) {
       nextFrame();
play();
}
⑸·底板按钮的操作：
在第6帧处右击-[插入关键帧]。
把库中的底板按钮拖入到舞台，X和Y值设为0。
效果如下图所示：

单击在舞台中的底板，当属性面板变成按钮后，在舞台中的底板上右击-[动作],输入以下AS脚本：
on (rollOver) {
       play();
}
⑹·动作的操作：
在第1帧处右击-[动作]-双击“stop”。
在第6帧处右击-[插入关键帧],动作，双击“stop”。
在第11帧处右击-[插入帧]。
效果如下图所示：

这样，影片就全部做完了。
回到场景1，把库中的影片拖入到舞台，调整好位置。[修改]-[对齐]-[左对齐]，[修改]-[对齐]-[顶对齐]。
点一下[控制]-[测试影片]，察看效果。如果鼠标放到遮罩上遮罩没有变透明的话那就要仔细想想看自己做错了哪里，及时改正，养成时时测试效果的好习惯，这样对以后最复杂的模块时会有帮助。
⑺·导出影片：
[文件]-[导出]-[导出影片]
上传到FLASH动画网，提取地址就可以放到空间了^^
(遇到不明白的地方可以留言或QQ联系我)
                                                                               ◆毕桑◆