Flash实用技巧之蜡烛制造(1)
实例效果:
本例是通过蜡烛燃烧及熄灭时的效果给大家讲述flash制作中的一些很实用的方法和技巧。虽然蜡烛在生活中已不多见了,但这些技巧的用途还是很广泛的,如影片的重放技巧,火焰、烟的制作方法,颜色的使用技巧等。
效果预览:
点击这里预览
效果预览图
效果截图预览(播放请点击这里)
以下元件的图片如不做说明,场景的缩放比例均为100%。
源文件下载:点击这里下载(45k, zip压缩文件)
设计步骤:=版权所有 软件 下载 学院 版权所有=
打开flashmx。按快捷键ctrl+j,设置场景为450px×280px,黑色,帧速率12fps。
一、设计元件
1. 制作烛台。
按快捷键ctrl+f8新建一个名为“烛台”的graphic符号。然后在“烛台”的场景里按快捷键ctrl+r导入一个烛台。见效果预览图。
2. 制作火焰。
按快捷键ctrl+f8新建一个名为“烛火”的movie clip符号。为了方便制作,提高效率,在制作之前我们先来看一下“烛火”影片剪辑里层的结构,如图1所示。
图1 “烛火”的层结构图
根据图1,新建四个层,然后分别给它们命名。
※ 设计内焰。
技巧提示:制作火焰的大小的变化,要用到shape(形变)运动的概念。但是shape运动会使文件体积增大,所以在影片中最好少用。
首先,按快捷键shift+f9打开color mixer面板,并进行如图2的设置。
图2 color mixer面板的设置
图2中显示的是右边滑块的设置,颜色值为#e8f080,颜色透明度为80%;左面滑块为蓝色,alpha值为0%。=版权所有 软件 下载 学院 版权所有=
在“内焰”层画上一个形状如左下图的内焰,大小为7 px x 12 px,x轴的值为0;y轴的值为-8。然后用油漆桶工具浇灌颜色,并用颜色转变按钮选中火苗后调节颜色,如右下图所示(此为400%的图片)。
图3 蓝色火苗设计
接下来,分别选中第5、9、13帧按f6插入关键帧,再选中第1、5、9帧,然后在properties面板里的tween下拉菜单中选择shape命令。接着按快捷键ctrl+i打开info面板,把第5帧火苗的大小设置为6 px x 16 px,x轴的值不变;y轴的值为-10 px,把第9帧火苗的大小设置为8 px x 15 px,x轴的仍为0 px;y轴的值为-9 px。
在具体的设计中,可能你的颜色转变程度和我不一致,那么info面板里的设置也就随具体情况而变。总之一个原则,就是你看了可以就行了。
※ 设计外焰。
打开color mixer面板进行如图4的设置,设计出的外焰效果见图5(此为200%的图片)。
图4 color mixer面板的设置 图5 外焰的最终效果
外焰的设计方法同内焰。这里要讲一下的是滑块的设置,第1个滑块:白色,0%;第2个滑块:#122632,80%;第3个滑块:#f1c263,100%;第4个滑块:#ee8c15,100%;第5个滑块:#ef6310,60%。这样设计外焰会更有层次感,更加逼真。
外焰大小、位置的设置与内焰相似,info面板里的设置也差不多,大家根据自己的情况进行具体的微调。
※ 设计光晕。
光晕的设计实现了火焰周围的热气流动效果,使火焰地跳动更有真实感。
打开color mixer面板进行如图6的设置,然后用画圆工具画出一个椭圆来,使其覆盖住外焰,见图7。
图6 color mixer面板的设置 图7 光晕的位置与效果
光晕在第1帧和第13帧里的大小一样,为76 px x 115 px,x轴的值为0 px;y轴的值为-30 px。第5帧里的光晕大小为62 px x 138 px,x轴、y轴的值都不变;把第9帧的光晕大小设置为54 px x 90 px,x轴、y轴的值也都不变。
技巧提示:如果你选取一个被打散的物体,在color mixer面板里是不会看到颜色设置状况的。但是你只要在该物体被选中时,单击properties面板里油漆桶工具右边的颜色选取方框,在等颜色选取面板弹出来后按esc键取消后,你就能在color mixer面板里看到该物体颜色的组成方式了。
3. 制作光圈。
光圈的设计是为体现蜡烛照明的特点以及它给人们的温暖感觉。
按ctrl+f8键,新建一个名为“光圈”的graphic符号。接着打开color mixer面板进行如图8的设置,然后在graphic符号“光圈”的场景里用画一个圆,然后在info面板里把这个圆的大小设置成320 px x 370 px,见图9(此为50%的图片)。
图8 color mixer面板的设置 图9 光圈的效果
回到“烛火”影片的场景里,把graphic符号“光圈”从库中拖拽到“光圈”层中。选中这个光圈,先按快捷键ctrl+c复制,然后把它的alpha值改为30%,接着在“光圈 x 5”层里按快捷键shift+ctrl+v(原位)粘贴光圈,并把它用transform面板(快捷键ctrl+t)放大5倍。放大的光圈可以体现蜡烛的照明效用,以及给人的温暖感觉。=版权所有 软件 下载 学院 版权所有=
烛火的效果到这里就设计好了。现在你可以把“烛火”元件从库中拖拽到主场景中测试一下,如果你发现问题就双击元件后编辑,编辑时最好锁定其它层或让其它层不可见,这样调整起来就比较省力省时
()
- · Flash表单制作实例集锦(二)
- · Flash表单制作实例集锦(一)
- · 用Flash 5制作Winamp光谱柱的效果
- · 如何建立网站地图(site map)
- · 网站设计标准化(一)
- · 网站设计标准化(二)
- · 用Flash和FlashForge制作三维屏保
- · 网页编辑常用表现的实现方法
- · 在因特网上建设自己的家园
- · 什么是Web设计-从纸张到软件
- · 什么是Web设计-为用户设计
- · 什么是Web设计-Web设计的金字塔
- · 什么是Web设计-建设Web站点
- · 主页设计中配色方案的使用(上)
- · 实践用CSS制作框架页效果
- · 网页制作小工具大全(下)
- · 网页制作小工具大全(中)
- · 网页制作超级技巧(一)
- · 深潜网页制作学就用技巧
- · 突破网页文字无法复制局限
- · 从HTML语言到网上家园.一
- · 家园更美丽:网页制作秘籍
- · [历程]从菜鸟到准网页设计师
- · 主页设计中配色方案的使用(下)
- · 回答XML与HTML的区别
- · “快马加鞭”—网站浏览提速七种武器
- · 打开“保护之门”—破解网页限制功能
- · 网页制作高手进阶:浅谈设计中的文字
- · 用FAQGenie迅速制作“常见问答”网页
- · 举一反三 浅谈在网页上显示日期的两种方法
- · 流程图软件Visio作“高难度”网页
- · 如何将 CSS 加诸于网页
- · CSS产生的特殊效果
- · 使用Dreamweaver便捷技巧方法十六则
- · 如何批量消除网页连接上的“虚线框”
- · Dreamweaver技巧十二招
- · 定义本地站点
- · 制作会移动的广告条
