注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

壳子的博客

学无止境

 
 
 

日志

 
 

开门和关门的效果制作  

2010-06-20 22:52:54|  分类: 杂七杂八收集 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
你是否会觉得你自己空间的模版会显得单调呢,是不是看到别人的模版能开能关很羡慕呢,其实做法并不难哦,今天就抽时间给大家写篇开门和关门的效果吧,先看下效果图
效果地址:
http://qq.tqqa.com/QQ348566936/teachsas/yinyong.swf
准备工作,当然首要的准备工作就是要有flash8。0软件,米有的朋友网上随便可以收索很多的,准备好两张ps的图,注意:图1为边框模版,中间一定要透明,格式 为“PNG”格式,图2作为门,大小稍微比图1镂空部分大一点就好。还要准备好两个按钮。
1:打开运行flash后,新建一个flash文档,双击”12fps"开门和关门的效果制作 - 地狱壳子 - 壳子的博客 文档尺寸改为图1的尺寸
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 
 然后执行  文件——导入——导入到舞台,将图1导入flash文档中
2:将图1实现真正的镂空。其操作步骤:点击图1右键选择 “分离”,再在工具栏中选择套索工具,接着选择工具栏下方的“魔术棒”,然后用魔术棒点击图1,当魔术棒选中要镂空部分时,右键选择“剪切”,这样就实现真正的镂空了,具体可参考教程——
轻松五步制作简单FD模版
3:把图层1锁定,开门和关门的效果制作 - 地狱壳子 - 壳子的博客 然后添加一个新图层2开门和关门的效果制作 - 地狱壳子 - 壳子的博客 执行  文件——导入——导入到舞台,将图2导入,把图层1和图层2的位置调换下,使图层1确保在图层2的上面
4:用选择工具调整好图2的位置,使其能完全覆盖图1的 镂空部分,再在图层2时间轴上的第30帧处插入关键桢,图层1的第30桢处插入桢,如图所示
开门和关门的效果制作 - 地狱壳子 - 壳子的博客开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 5:在图层2的1到30桢内任意桢处,点击右键  “创建补间动画”,此时再选中图层2的第30桢,用方向键将图2拖到图1的边缘,使其完全遮住图2,再按CTRL+回车键测试下,此时这个门是自动一开一关的
6:此时要选择图层2的第1桢,按F9,弹出动作面板,给他加指令:  stop(); 
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 
在图层2的第30桢也同样的方法加这个动作,
7:再选择图层1,选择插入图层工具插入一个新图层3(开启按钮),执行文件——导入——导入到舞台,将图3(开启按钮)拖入相应的位置,然后点击图3右键将其转化为元件
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 ,再选择按钮,这样就转化为元件了,接着右键选中“动作”,弹出动作面板后,输入动作指令如下
on (release) {
play();
}   
如图所示:                              
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
这样就已经实现了按钮控制开门了,接下来就制作关门效果
8:在图层2的第60桢处插入关键桢,选择图层2的第60桢,同样用方向键反方向把图2(门)移至和第一桢同一个位置,选择30桢和60桢之间任意桢创建补间动画。同样图层1的第60桢处出入桢,
9:再添加一个图层4(关闭按钮)用选取工具移动至相应位置,同样的方法把他转化为元件后选择“按钮”, 点击右键动作,输入动作指令 
on (release) {
play();

10:按CTRL+回车键测试下,此时这个门已经受两个按钮的控制了,但是发现还有些细节问题,就是要实现两个按钮间的相互交替问题,处理很简单:将图层3(开启按钮)删除一桢,如图
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 再在图层4(关闭按钮)的第30桢处插入关键桢后选择第29桢,将其前面的29桢清除,操作如图
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 
此时在时间轴上的桢的情况如图
开门和关门的效果制作 - 地狱壳子 - 壳子的博客
 
最后一步,执行文件——导出——导出影片,即可,然后将其上传生成“SWF”地址就可以在空间上使用了
 
 
 
 
 
 
 
 
 
  评论这张
 
阅读(604)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017