用户管理
|
用户注册
首 页
┆
文章中心
┆
下载中心
┆
客户留言
┆
影视下载
┆
防辐射眼镜商城
┆
QQ空间
┆
水晶之恋
┆
制作自己视频相册
站点首页
广告联盟资源
免费资源
站长学院
图形图象
网上开店指南
内容联盟
广告联盟
竞价联盟
彩信联盟
其他联盟
用户名:
密码:
软件
新闻
动画
当前位置:
互联网创业联盟
→
文章中心
→
图形图象
→
FlashMX精华教程
→ 文章内容
flash实例:地下室的幽灵火焰(3) -
减小字体
增大字体
作者:佚名 来源:不详 发布时间:2007-12-24 20:36:56
flash实例:地下室的幽灵火焰(3)
3.制作光圈动画
光圈的设计是使地室中的光线有明暗层次的感觉以及火焰跳动时产生的光的波动效果。光圈动画的制作方法如下:
按ctrl+f8键,新建一个名为“光圈”的movie clip符号,接着打开color mixer面板进行如图6的设置。其中,左边滑块的颜色为棕色(#541501),颜色透明值为100%;第2个滑块的颜色为黑色,颜色透明值为30%;第3个滑块的颜色也是黑色,颜色透明值为0%。
接着用圆形工具在graphic符号“光圈”的场景里用画一个圆,圆的大小为350 px * 300 px,在场景中的位置如图7(为了让大家看得清楚,故设置此图底色为白色)。
图6 color mixer面板的设置图7 光圈的设置
图8 “光圈”影片中层与帧的结构
如图8所示在,选择第5、9帧并按f6键插入关键帧,接着分别点选第1、5帧并在properties面板(快捷键ctrl+f3)里的tween下拉菜单中选择shape运动模式 。
选中第5帧中的光圈图像,把它放大,方法是:按快捷键ctrl+t打开transform面板并进行如图9所示设置。这样做就是为了让火焰跳动时光线的波动显得更真实。不过,你可能还要根据你自己的实际情况来稍微移动一下光圈的位置。
图9 transform面板的设置图10 墙的效果
4. 制作地室的墙
给效果加上墙的图像是为了使效果更具有感染力,让人看了会产生有一种冷飕飕的风滑过皮肤的感觉。墙的制作方法如下:
按ctrl+f8键,新建一个名为“墙”的graphic符号。选择直线工具 后,如此图标
设置properties面板。
用直线工具在“墙”的场景里画出一堵墙来,效果如图10所示。制作墙时要用点巧劲,其实也很简单,就是ctrl+c和ctrl+v啦。
5. 制作火焰动画。
火焰动画是本文效果实现的关键之一。制作这个火焰动画我们可以学到中颜色运用的一个非常实用的技巧。其制作方法如下:
按快捷键ctrl+f8新建一个名为“火焰动画”的movie clip符号。制作之前我们先看一下“火焰动画”层与帧的组成结构图,如图11所示。图11中的transform面板为第5帧中光球的设置,即放大1.1倍。
图11 “火焰动画”符号的层与帧结构图
图13 第5帧光圈的变形
由图11可知,“火焰动画”符号中只有一层,20帧,每隔5帧为一个关键帧。按快捷键ctrl+l打开库,把库中的graphic符号“光球”拖拽到“火焰动画”层的第1帧的场景的中心(0 px,0 px)。然后右键单击层的第1帧,选择create motion tween命令,建立渐变运动。现在就建立渐变运动可以减少操作,这以后就不用再做此步骤了,可谓“一劳永逸”啊。
分别单击第5、10、15、20帧,按快捷键f6插入关键帧。选中第5帧中光圈图像,接着按快捷键ctrl+f3打开properties面板并如图12所示设置。“color”下拉菜单选项中的tint为颜色的对比度。接着打开transform面板并把光圈放大到110%,见图11。最后把这个光圈图像向上移动30px。
选中第10帧,用同上方法把光圈图像的tint颜色设为红色并放大放大120%,然后把它向上移动80px。
选中第15帧,把光圈图像设为黑色并放大放大200%,然后再把它向上移动120px。
选中第20帧,把光圈图像设为黑色并放大放大120%,然后再把它向上移动120px。
图12 第5帧光圈颜色的对比度
图14 火焰动画设置效果 图16 给“火焰动画”起个实体名
火焰动画的设置效果如图14所示,图片的显示用了洋葱皮命令 。
[] [
返回上一页
] [
打 印
]
·上一篇文章:
有趣的flash鼠标跟随效果(1) -
·下一篇文章:
实用flash应用程序—打字练习(2) -
文章评论
评论内容只代表网友观点,与本站立场无关!
用户名:
!
查看更多评论
分 值:
100分
85分
70分
55分
40分
25分
10分
0分
内 容:
!
(注“
!
”为必填内容。) 验证码:
频道栏目导航
Photoshop精华教程
Fireworks精华教程
Dreamweaver教程
FlashMX精华教程
CORELDRAW教程
AutoCAD教程
本类热门阅览
·
用flash mx制作新年贺卡
·
flash使用技巧--用flash 5制作wi...
·
用动作脚本动态创建和控制文本框 (...
·
Mix-FX帮您制作FLASH特效字只需五步...
·
flash mx 编程深层次应用-flash射击...
·
flash mx 2004 教程: 使用信息提示...
·
用flash mx制作mov短片(1)
·
flash mx 2004新特性实例学习一
·
教你一招绝的!把flash动画转换成v...
·
flash mx 编程深层次应用-flash射击...
·
教程/flash/实例 用flash制作互动的...
·
巧妙运用flash mx 2004制作“拖曳配...
相关文章
·
[图文]
Adobe CS3系列初探密之:Fireworks CS3 -
·
[图文]
flash mx 2004 体验之旅 -
·
[图文]
flash使用技巧--用flash 5制作winamp光谱柱...
·
[图文]
flashmx特效之扩散与挤压 -
·
[图文]
flash使用技巧--用flash制作拖拉式菜单 -
·
[图文]
flash引领互动动画潮流 -
·
[图文]
教程/flash/插件 课件应用:制作弹簧的阻尼振...
·
[图文]
教你一招绝的!把flash动画转换成vcd视频 -
·
flashmx课件中的拖动 -
·
[图文]
教程/flash/实例 用flash制作互动的小人 -
·
教程/flash/技巧 flash中响应键盘事件的四种方法 -
·
[图文]
flash实例:地下室的幽灵火焰(2) -