鬼话在线论坛 » ┋制图学习┋ » ┆Fw製圖教程┆ » 水泡效果制作

21世纪 发表于 2006-11-2 16:32

┆Fw製圖教程┆ » 水泡效果制作

水泡效果制作
[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_14411267e7f0f8913faf3a82895dad2d.jpg[/img]


目的：本节主要学习使用一透明渐变色选项。

要点：通过本节的学习，要掌握下列工具和菜单命令的使用方法：

1． Ellipse Tool（圆形绘制工具）；
2． Subselection Tool（超级选择工具）；
3． Scale Tool（缩放工具）；
4． Modify（修改）/Group（组合群组）；
5． Pen Tool (钢笔工具)。

操作步骤：

（1）启动Fireworks MX，新建一个文件。长和高分别为300x300像素，背景色为绿色#009933。

（2）单击工具箱中的Ellipse Tool（圆形绘制工具），按住Shift键在编辑区绘制一个圆形。如图8_2
[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_8af3c229f9848157f21df24281546f1a.gif[/img]
（3）选中绘制好的圆，单击左面工具栏按钮

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_89c862b7c196d84f5d11e61829276130.gif[/img]
点击Fill Option…按钮，出现如图8.3_1填充选择面板，选择Radial填充效果，给图形填充黑白渐变，效果如图8.3_2

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_5be06529c0c3846d1b48ea91607cb62f.gif[/img]
图8.3_1填充选择面板
[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_7e1c4040a8d88a51fe7c876d599f962c.gif[/img]
图8.3_2 进行渐变填充后的效果

（4）单击Edit…按钮，来调节渐变色和透明度。首先点击最上面左边白色的滑块，将透明度调整为0，接着将左面渐变颜色栏设为画布背景色，此处为绿色，如图8.4_1

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_a124a1b0e88eb0e87a2871f57a8e236b.gif[/img]
图8.4_1进行透明渐变调整

完成后的效果：

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_c9b09980b844620629b27bea5cf798b1.gif[/img]
图8.4_2进行渐变调整后的效果

（5）完成后点击pointor tool工具(黑色的箭头)图形中出现了控制柄，向左托动控制柄，如图效果


[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_39f6e649f1f01e353166845c2916289c.gif[/img]
图6.5 托动控制柄产生渐变效果

（6）再次使用椭圆工具，绘制一个椭圆，使用钢笔工具调节节点，制作高光效果，如下图

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_13ee5220c3d8ae0536e9636c3e4c177b.gif[/img]
图6.6 制作高光效果

（7）设置高光的羽化度为4，再复制一个调节成较小的光点，如下图：
[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_68d01b2db2409802d577ac930f404ef5.gif[/img]
图6.7_1制作完成高光

提示，在制作小光点的时候，可以用Subselection Tool（超级选择工具）选中上下两个节点，然后按键盘的Delete键删除，使用Scale
Tool（缩放工具）将其缩小到适当的大小。

(8)选中所有的图形，Modify（修改）/Group（组合群组）将图形群组，然后复制几个，使用Scale Tool（ 缩放工具）对泡泡进行缩放和移动，制作多个泡泡，效果如下图：

[img]http://bbs.maxhost.cn/attachments/month_0605/11_KkBvTumv3u1Z.gif[/img]
图8.8复制多个泡泡

(9)选择一个合适的图片，给图形加个背景，完成后的效果：

[img]http://www.guih.net/X-Space/attachments/2006/11/20061102_934675dde94531a2568e7465549c2be6.jpg[/img]

[img][/img]

[[i] 本帖最后由 21世纪 于 2006-11-4 09:29 编辑 [/i]]

shuizhiyifang 发表于 2006-11-2 16:36

ＢＵＣＵＯ　　Ａ　　不错啊

alan04 发表于 2006-11-2 18:48

不错哦。。。

wyshx 发表于 2006-11-2 18:55

有时间俺也要学一下这个

alan04 发表于 2006-11-2 18:59

嗯。好好学。。。

shuizhiyifang 发表于 2006-11-3 11:39

有时间就学

21世纪 发表于 2006-11-3 12:43

有时间多发一点

alan04 发表于 2006-11-3 14:40

嗯...没时间也要发.

21世纪 发表于 2006-11-3 17:27

时间都没有了
怎么发啊？

小麻雀 发表于 2006-11-4 15:24

很好的东西，我也想学啊

小麻雀 发表于 2006-11-4 15:25

很好的东西，我也想学啊

21世纪 发表于 2006-11-6 01:20

又来灌水啊？

alan04 发表于 2006-11-7 12:49

。。。。。。


我倒。。。人家没自动跳转多发了一个而已嘛。。。

查看完整版本: ┆Fw製圖教程┆ » 水泡效果制作