首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > Fireworks教程 > 正文
Google
Fireworks制作下雨动画效果
来源:68desig.net 作者:硅谷动力 2006年01月09日 22:07 网友评论:0条 点击:

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

  第一步.先选择一张做为背景的图片。

按此在新窗口浏览图片

  第二步.转换到层面板添加一个新图层。

按此在新窗口浏览图片

  第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形。

按此在新窗口浏览图片

  第四步.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400

按此在新窗口浏览图片

按此在新窗口浏览图片

    第五步.得到的效果应该这样的。

按此在新窗口浏览图片

  第六步.再为其添加滤镜效果:滤镜—模糊—运动模糊。

按此在新窗口浏览图片

  第七步.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。

按此在新窗口浏览图片

  第八步.接着调整它的透明度,这样才能把背景显示出来。

按此在新窗口浏览图片

  第九步.这时候图片有点像下雨的感觉吧.

按此在新窗口浏览图片

第十步.要做成动态下雨的效果,下面就是关键步骤!转到帧面板为长方形添加一帧。

按此在新窗口浏览图片

  第十一步.调整该帧长方形的位置,虚线为本来的位置,蓝线是调整后的位置。

按此在新窗口浏览图片

  第十二步.重复10-11的步骤再添加一帧。

  第十三步.最后,回到层面板,选择背景所在的层,双击该层名称在弹出的对话框中把“共享交叠层”项勾上,作品到此也就完成了。

  下面是最后完成的效果:

按此在新窗口浏览图片

 

上一篇:Fireworks蒙版制作图片窗格效果   下一篇:巧用Fireworks设计个性化印章
收藏此页】【打印】【关闭
 相关文章  我要点评

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】