Linux中国  设为主页
 收藏本站
 
当前位置: > 首页 ->网站设计 ->Fireworks ->Fireworks MX 制作燃烧效果
  相关分类: 
AJAX教程
CSS/CSS2
Dreamweaver
Fireworks
Flash
HTML/DHTML
JavaScript
Phososhop
网页制作
  站内搜索: 
热门文章排行
热门文章排行 闪光略过的GiF动画(04-27)
QQ皮肤制作全程实录(04-27)
Fireworks巧绘精美闪图动画(06-06)
Fireworks Eyecandy滤镜作虚化残缺边(06-06)
三分钟创建网页相册(04-27)
精采文章排行
精采文章排行 巧用FW MX的笔触制作宣纸书法(06-06)
用FW MX的变形工具制作大脚印图标(06-06)
FW MX和Flash MX的亲密合作(06-06)
Fireworks MX 制作燃烧效果(06-06)
Fireworks MX的新特性(06-06)
  ·用FW MX的变形工具制作大脚印图标·FW MX和Flash MX的亲密合作·Fireworks MX 制作燃烧效果·Fireworks MX的新特性·Fireworks Eyecandy滤镜作虚化残缺边缘·Fireworks简单制作残破边缘技巧·Fireworks制作仿古羊皮纸效果·体验Adobe Fireworks CS3新特性·Fireworks绘制硬壳厚皮烫金书

Fireworks MX 制作燃烧效果

作者:Webmaster   来源:Linuxdby.com   点击:   日期:2007-06-06 [收藏] [投稿]

  IE是否经常中毒?推荐您

  在photoshop里大家一般用刮风、波浪滤镜再加上通道等技术来做出很好的炙热燃烧效果,作为一个Fireworks爱好者,我更希望Fireworks也能做出这样美妙的效果。现在,Fireworks MX新功能提供了很强的像素图处理能力,我试着用其中的涂抹、淡化等工具制作燃烧效果,一样很不错。

  制作步骤:

  一.首先建立一个500X400的画布,因为需要涂抹,范围太小不好操作,填为黑色,如下图:

  二.在制作燃烧文字之前,我们先练习制作一组火苗,这对理解火焰的走势有帮助。如下图,拖画三个椭圆形,分别填充为黄、橙、红色,调整大小位置,做下图的排列,这样形成焰芯、内焰、外焰的轮廓。

  将它们群组复制几个调整大小,方向,组成“火”字形,如图:

  三.全选,同时按下ctrl+shift+alt+z组合键,将这组图形转化为位图,选择菜单Filters-blur-blur more对图形进行模糊处理,接下来便是让它“燃烧”起来!使用涂抹工具,对图形进行加工。这是最关键的步骤,点击涂抹工具后,最下面出现属性栏(Properties),其中的各个参数值的效果大家必须熟悉。如下图,其中Size:涂抹范围大小,Pressure:压力强度,Edge:尖锐程度(可以理解为羽化范围),Smudge Color:涂抹的初始“痕迹”颜色,去掉方框内的对号,表示不用初始颜色,在这里我们将它去掉。

  因为感觉从下往上涂抹比较困难,所以将图形倒过来,从上往下涂抹!涂抹过程中随时根据需要调整上述参数,使火苗有长短、虚实的效果,下面是完成后的效果!

   四.经过上面的练习,涂抹的功夫到家了吧,现在来制作燃烧的文字,基本思路不变,只要再注意几点就可以了。

  输入要制作的文字,大小为75,颜色为黄色,复制一个文字,填为橙色,将其加上边线,设置如下:颜色-红,大小-4,柔滑度为-0,笔触名-basic-hard line。将文字大小改为85,填上淡淡的发光效果,颜色为红色。如以下图形。

  五.将原来的75号黄色文字的间距调整+12,移到85号橙色文字的的上面,注意要底部对齐!仔细调整两个字的大小,间距,使其出现黄、橙、红的过渡效果,就如火苗的轮廓,另外最底下的红色边不能太宽。如下图:

  六.同时按ctrl+shift+alt+z转化为位图:

  七.这时我们不用菜单里的模糊命令,那样的效果太差了,我们用模糊工具

  再对文字“红、橙、黄”的边缘施加模糊处理就可以了,如图:

  完成后的效果:

  八.接下来,将文字倒转过来,点选涂抹工具,如上面步骤制作,如下图:

  当大批的火焰制作完成后,调转过来,进行细微的处理,完成的效果:

  加上必要的装饰,完成制作:



 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:Fireworks MX的新特性   下一篇:FW MX和Flash MX的亲密合作
文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论

   相关文章:
·巧用FW MX的笔触制作宣纸书法

   文章评论:(1条)
  
 请留名: 匿名评论   点击查看所有评论 论坛讨论
 

 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。