Fireworks用陨石背景打造飞火流星动画特效实例教程

所属分类: 平面设计 / Fireworks教程 阅读数: 915
收藏 0 赞 0 分享

本例中我们使用Fireworks软件,利用陨石背景打造飞火流星的动画。
  1.整体造型

  

  a.圆形,复制一个备用

  b.钢笔工具勾出尾部造型

  c.选择两矢量图形,修改->组合路径->联合

  2.模糊处理及颜色调整

  

  a.高斯模糊

  b.颜色填充,可选择红色,橙色,橙红等接近于火焰的颜色

  3.陨石制作

  

  a.选择圆形,选择填充->图案->选择陨石背景图片

  b.调整背景

  c.选择[更改区域形状工具],并根据实际情况调整大小和强度,将图像变为不规则的陨石形状。

  4.火焰效果制作

  

  a.建立一个矩形并用选择填充图案为陨石效果

  b.高斯模糊,目的是为了下面应用减淡等效果时不出现杂点

  c.选择[柔化减淡],也可以选择[颜色渐淡],只要达到火焰的效果就可以了(注:需要放在整体造型的上方,并背景为黑色),如果需要还可以利用运动模糊等滤镜
 

  5.最终处理

  

  a.将处理过的矩形框放在图层最上方,效果如左侧图

  b.将陨石复制并放置在矩形框的上方,设置透明度和图层叠加方式,目的是为了使陨石更清晰一些。

  6.动画导出

  

  a.复制桢

  b.调整矩形框的位置(可通过右侧属性进行设置,如每次移动10px之类)和陨石旋转的位置,并修改每桢的间隔时间

  c.根据实际情况对个别桢进行调整,并导出gif动画。

  

  注:因为使用的是图案填充,有时效果不一定达到最佳,所以需要更多细节的调整,特别是导出动画时,感觉上面的就没有以前的好

  友情提示:本图片为GIF格式图片,在网页上可能看不到动画效果,但是把图片保存到本地就可以看到动画效果了

  利用[颜色减淡]的效果如下图:

  

  友情提示:本图片为GIF格式图片,在网页上可能看不到动画效果,但是把图片保存到本地就可以看到动画效果了

  大家可以试一试其他的叠加效果如[加热][强光][图章][叠加]等,产生的效果各有不同

更多精彩内容其他人还在看

炫出我的个性 qq聊天表情的绘制技巧

前段时间,为大家讲解了如何在fireworks中绘制qq皮肤的教程实例,相信大家已有所收获。这次我们再利用fireworks中自带的gif动画制作功能,为大家讲解动态qq表情的制作。从而也将个性化的qq进行到底
收藏 0 赞 0 分享

fireworks下用运动模糊滤镜制作下雨动画效果

丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助
收藏 0 赞 0 分享

dw4 应用基础之firework 文件详解

为了使dreamweaver和firework的集成功能得到最大程度的发挥,你必须按照指定的顺序正确的安装他们,当然如果你使用的是集成以后的安装程序就可以忽略下面的操作了
收藏 0 赞 0 分享

用fireworks绘制水粉画效果教程

用fireworks绘制水粉画效果教程,喜欢的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作手机情侣屏保

情人节在中国越来越流行了,假如情侣是异地恋的话,一般的女性朋友都会无意间去翻对方的手机,如果你的手机屏保上面写着“爱老婆”、“爱宝贝”之类的词语,肯定你的女朋友会心花怒放的。
收藏 0 赞 0 分享

用Fireworks制作QQ炫舞戒指自定义字

下面我为大家详细介绍一下如何制作自定义透明字,由于种类繁多,我先简单的介绍一个制作单色透明字的方法,随后我会在百度经验中继续发布制作彩色透明字和水晶透明字,以及一些复杂的制作方法
收藏 0 赞 0 分享

用Fireworks制作个性化水印图片教程

大家在网站上或者网店里的时候经常会看见店铺的招牌图片上会有“本店唯一”等水印字样,下面我给大家简单的介绍一下制作水印的方法。
收藏 0 赞 0 分享

如何用Fireworks制作一个RSS图标

一个朋友正在学习Fireworks,问如何制作一个RSS的图标。于是给他做了个 例子,需要的朋友可以参考下
收藏 0 赞 0 分享

用Fireworks制作IE图标的教程

本文为大家介绍如何用Fireworks制作IE图标,希望能对大家有所帮助
收藏 0 赞 0 分享

Fireworks8.0自动形状属性面板使用方法及应用实例教程介绍

在Fireworks 8新增的“自动形状属性”面板使得我们对于“自动形状”对象的控制更为自由,同时通过详细数据的调整,也使得制作的“自动形状”对象更为精确
收藏 0 赞 0 分享
查看更多