以文本方式查看主题

-  堕落街论坛  (http://duoluojie.1314179.com.cn:443/index.asp)
--  游戏体育  (http://duoluojie.1314179.com.cn:443/list.asp?boardid=331)
----  用Fireworks泛起水波涟漪(ZT)  (http://duoluojie.1314179.com.cn:443/dispbbs.asp?boardid=331&id=36499)

--  作者:雪夜寒星
--  发布时间:2004/8/7 3:44:00
--  用Fireworks泛起水波涟漪(ZT)

我们在网上经常可以看到一些泛着水波涟漪的动画广告,效果非常的逼真。其实这只是巧妙地利用了动画软件中的遮照效果而制作出来的。在Fireworks里通过蒙版效果和对每帧的播放时间进行巧妙的调整后,也能做出这种有水波涟漪的GIF动画。

  我们先将一张将要用来制作这种涟漪效果的图片导入Fireworks。这时Fireworks会自动生成一个背景层,如图01。

点击层面板右上角的下拉列表,将背景层设置为“共享此层”,如图02。

接着把背景层中的位图复制一份放到“层1”里面并用方向键使其上移2个像素。然后点击“修改—动画—选择动画”命令,在弹出的窗口里对该位图进行如下的各项动画设置。

 现在该来画水波的涟漪了。用“椭圆形”工具在“层1”里画两个以白色为实心填充的椭圆形,如图04。

将两椭圆同时选中后使用“修改—组合路径—打孔”命令,一条涟漪的外形就出来了。再复制多若干条这样的涟漪外形,并用变形工具进行适当的拉宽及旋转不同的角度后,形成图05般的状态。

把所有的涟漪外形同时选中后使用“修改—组合”命令,将所有的涟漪合成一个对象层,如图06。

把“层1”里的两个对象层全部选中后,使用“修改—蒙版—组合为蒙版”命令,将两个对象层合成一个蒙版对象,如图07。

为了使水波的涟漪效果更加的逼真,我们还要在帧面板里对各帧动画的延迟时间进行调整,如图08。

至此整个水波涟漪的动画效果就完成了,如果你对动画的色彩要求不是很高的话,建议在点击“文件—导出预览”时,可将该GIF动画的使用色设为128,以减小动画文件的容量。如图09。

动画的最终效果如图10。

请点击下载这里动画的PNG源文件

[此贴子已经被沁水孤兰于2004-10-3 9:56:13编辑过]

--  作者:雪夜寒星
--  发布时间:2004/8/7 3:45:00
--  

2:用Fireworks制作GIF水波效果

效果图:

简介:这是无意间想到的一个效果,以往曾在Flash中制作过。其实GIF的动态效果只要细腻的去制作也会达到很真实的效果,但由于使用了太多位图的关系,导致容量过大,舍其细腻求其次的最终后果就是它缺乏如Flash般的流畅性,不过效果还是不错的。

制作步骤: 同Flash制作相同,我们首先要找到一张波浪的效果,可惜在FW中不能够通过内置的效果制作波浪,所以我们只能导入位图。在确定了你找到了可用的图片之后我们开始制作这个效果。您也可以用下面的这张图。

1、导入一张波浪图片,首先拷贝该图,并在层面板中建立新的图层文件夹,指定该文件夹被所有帧共享,然后粘贴图像,所定文件夹。见图1。

2、选定图层1中的波浪图,按下F8键,将图像转换成Animation(动态符号)。在弹出的动态符号设置框中指定Frame的数量为5。其它项目不动。见图2。

3、完成设置后,双击图片进入符号编辑区,按住ALT键,复制一份图片,将它放置到原图右侧并对齐,这中间可能会出现一些细微的差别,我们可以利用图章工具将它修补完整。完成后返回场景中。

4、这时我们得到了一个含有很长的波浪图的动态符号,点击它,然后水平拖动图片上出现的红色原点,不要将它拉的太长,以免出现图像运动出场景外的现象。见图3。

5、现在执行最关键的一步,打开图层2,选定其中的波浪图,点击图层面板右上方的混合模式列表,选择Tint(色彩)模式。最后,在透明度选项上指定该图的透明度为50%。见图4。

6、最后我们需要做的就是打开帧(Frame)面板,调节一下帧的播放速度。基本上调节到15--20帧/秒就可以了。现在让我们来看一下效果吧!

转自中国易网科技。


--  作者:小王哥
--  发布时间:2004/8/7 17:16:00
--  

蓝波荡漾,比用flash还简单些。


--  作者:慧宝。
--  发布时间:2004/8/7 20:16:00
--  
哇,不哭好厉害哦, 我不太看的懂哦
--  作者:小王哥
--  发布时间:2004/8/9 21:31:00
--  

图片点击可在新窗口打开查看

我觉得先背景图的时候,要选稍微有波浪的好些!


--  作者:慧宝。
--  发布时间:2004/8/10 0:07:00
--  

做的好做的好比


--  作者:sky
--  发布时间:2004/8/14 16:31:00
--  

学不会~~555


--  作者:沁水孤兰
--  发布时间:2004/8/31 9:24:00
--  

楼主的是英文版的,好难懂~~

我做的方法很简单,但是效果比较差一点....

步骤

1.打开有波浪的图(以楼主的图为例),复制这张图.

2.新建一个200*800的画布,粘贴图两次,将两张图并排放,组合.(如图1)

图1↑

2.将合并后的图复制到第一次打开的波浪图上(将组合图的位置进行适量调整)

右击——转化为元件——动画——将帧数设为5帧(也可以多),设置如图2

图2↑

3。调节帧的延迟时间,15——20为最佳

点播放~~哈哈, 你成功了吗???效果图如下


--  作者:∽丫丫∽
--  发布时间:2004/9/1 9:32:00
--  
不太懂~呼呼~