Fireworks制作下雨动画效果

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

  第一步.先选择一张做为背景的图片。
  
  第二步.转换到层面板添加一个新图层。
  
  第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形。
  
  第四步.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400
  
  
    第五步.得到的效果应该这样的。 
     
  第六步.再为其添加滤镜效果:滤镜—模糊—运动模糊。
  
  第七步.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。
  
  第八步.接着调整它的透明度,这样才能把背景显示出来。 


  第九步.这时候图片有点像下雨的感觉吧.
     
第十步.要做成动态下雨的效果,下面就是关键步骤!转到帧面板为长方形添加一帧。 
    
  第十一步.调整该帧长方形的位置,虚线为本来的位置,蓝线是调整后的位置。 
  
  第十二步.重复10-11的步骤再添加一帧。

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

  下面是最后完成的效果:
     
  这里我只不过是简单做一个示例,希望能够起到抛砖引玉的效果,大家其实通过调整其中的参数可以做出更好的效果,如果你做出更好的教程,请与我一起分享哦.

时间: 2024-11-08 19:25:21

Fireworks制作下雨动画效果的相关文章

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

丝丝小雨,带给我们多少温柔与浪漫,这篇教程里,我们将会用Fireworks里的运动模糊滤镜来制作出丝小雨的动画特效.希望大家在网页设计中能有帮助. 第一步.先选择一张做为背景的图片. 第二步.转换到层面板添加一个新图层. 第三步.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,然后填充为黑色的长方形. 第四步.保持长方形选中的状态,为其添加效果:效果?杂点?新增杂点,设置数量为:400 第五步.得到的效果应该这样的. 第六步.再为其添加滤镜效果:滤镜?模糊?运动模糊. 第七步

Fireworks制作GIF动画效果的BANNER教程

Fireworks不仅在网页制图.切图.与Dreamweaver结合上有其独到的优势,制作GIF动画也是它的强项,本文我们一起学习如何使用Fireworks MX制作一个平滑变色效果的Banner,相信这样的Banner一定会让您的网站增色不少! 通过本教程学习我们可以掌握符号(symbol)的定义.修改.使用等问题,调节色相/对比度(hue/saturation),补间实例动画(tween instance),层(Layers)和帧(Frames)的基本用法,还可以学习几个特效. 1.新建画布

Flash实例下雨动画效果教程制作

  Flash实例下雨动画效果制作,是Flash考试中经常要考的内容,特为参加考试的考生策划了"Flash实例下雨动画效果教程 "专题等有关资料,供考生参考! 制作过程 一.新建一图层,大小随意; 二.新建元件(影片剪辑): 1.制作雨滴并下落.使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直线移到上方(最好移到文档上面一点),在第15帧(要雨急则帧短,反之则长)处插入关键帧,并将直线向下移动,选择1至15帧之间任意一帧,选择属性下补间,选择形状.然后在第16帧处插入空

Fireworks制作文字探照灯效果实例教程

  我们经常可以看到一些用Flash做文字遮罩效果的教程文章,这种效果用Fireworks也同样可以做出来,并且可以生成GIF格式的小动画.下面,就让我引导大家一步步用Fireworks制作文字探照灯效果. 1.点击"File>New",建立一个新文件,将背景设置为黑色. 2.点击工具面版中的椭圆形工具,用鼠标在新画布上拖动一个椭圆,将椭圆的填充色设置为"None". 3.点选工具面版上的文字工具,在弹出的文字编辑对话框中输入文字,在此我们输入"ta

jQuery教程:制作滑动动画效果的层

使用jQuery制作滑动动画效果的层 基本原理 这些具有动态效果的滑动盒都基于同样的基本原理.在你经过想要"窥见"对象中的其他两个项目,这个带有".boxgrid"的DIV标签充当着一个窗口.还不明白? 让这个图片来给你线索吧: 理解了这个基本原理之后,我们就可以利用滑动元素的动画效果来揭开或遮盖住要展示的区域,以此来创造滑动效果. 第一步 – CSS 基础工作 在上面给出基本结构的启示图中,我们需要使用一点CSS来让它显示出预期的效果.下面这个CSS定义了查看窗口

Fireworks 制作精美导航效果教程

  本教程是向大家介绍利用Fireworks 制作精美导航效果,制作难度不大,教程介绍地非常详细,新手朋友也可以过来学习,希望这篇教程对大家有所帮助!我们先来看看最终效果图: (图2.1) 下边我将教大家如何制作以上这个按钮: 先新建一个500*400大小的画布,画一个400*40的长方形,调成渐变,如图2.1.1 (图2.1.1) 于是乎出来了一个我们做出来了个这个样子的图形如图2.1.2 (图2.1.2) 然后我们用部分固定选定工具 选取长方形的上边两点如图2.1.3 (图2.1.3) 按住

ppt如何制作遮罩动画效果

  ppt制作遮罩动画效果的方法 1.在计算机桌面上的PowerPoint2016程序图标双击鼠标左键,将其打开运行.并点击"空白演示文稿"选项,新建一个空白ppt演示文稿.在打开的PowerPoint2016程序窗口,选中副标题占位符,按Delete键将其删除.如图所示; 2.在标题占位符中输入我们需要的文字,选中这些文字,打开"插入"菜单选项卡.在插入菜单选项卡,依次点击"文本"组中的"艺术字",选择"渐变填充-

怎么用ps制作下雨的效果

  雨天总给人无尽的诗意和遐想,今天小编就教大家用ps制作充满诗意的下雨效果,不会的朋友赶紧过来围观吧! 用ps制作下雨的效果教程: 1.打开一张图片 2.在新建一个图层(右下角第二个) 然后填充为 黑色 执行"滤镜"--"杂色"--"添加 杂色" 然后 把该图层复制两个. 3.对第一个执行"滤镜"--"模糊"--"动感模糊 "(设置好角度 ) 确定. 4.对第二个执行 "ct

photoshop制作竹筒动画效果详细步骤

  竹筒画给人一种古典淡雅的感觉,今天小编就教大家用photoshop制作竹筒动画效果,以下是竹筒动画制作详细步骤: 1.新建画布,宽度280像素,高度220像素,白色; 2.新建图层,填充颜色#d9bd86.添加杂色,数量8,平均分布,单色.滤镜-模糊-动感模糊999,角度90,确定; 3.圆角矩形工具,固定大小,宽度17,高度210,半径5,选纹理合适的位置画路径,见图1.路径转换成选区,拷贝出来一条,删除图层1; 4.添加图层样式,斜面和浮雕,深度1,大小1,角度135,高度21,确定,创