打印

[效果制作] 使用Fireworks制作麻绳[原创教程]

欢迎转载,请注明出处,网页顽主论坛,www.go2here.net,作者:froglt

使用Fireworks绘制麻绳
效果图&png源文件:


图1.1 Fireworks绘制的麻绳效果

1.1 案例分析
麻绳给人的感觉是一个一个的小圆连接起来的,而且绳子是曲线的,所以这里的思路是使用文本工具来制作圆点,然后附加到路径上,因为文本是特殊的矢量色块,是可以调整填充和笔触的,所以我们就可以充分利用Fireworks的填充和笔触的绳子,加上滤镜来实现这个效果。

1.2 案例实现
1、新建一个Fireworks 文档,在弹出的【新建文档】对话框中设置文档宽度和高度为300像素,效果如图1.2所示。


图1.2 【新建文档】对话框

2、选择绘图工具栏中的【文本】工具,在画布中单击创建一个文本框。如图1.3所示。


图1.3创建一个文本框

3、选择【窗口】@@【特殊字符】,打开Fireworks的特殊字符面板,单击“.”按钮,在文本框中创建小圆点,如图1.4所示。


图1.4 【新建文档】对话框。

4、不断点击这个按钮,这样在文本框中就可以创建很多的小圆点。

5、选择整个文本框,在【属性】面板中设置文本属性,字体为“Tahoma”,字号为“20”,字符间距为“-18”,边缘设置为“不消除锯齿”。如图1.5所示。


图1.5 在舞台的周围显示标尺

6、使用【钢笔】工具,在画布中绘制一条曲线路径,如图1.6所示。


图1.6 在画布中绘制曲线

7、同时选中画布中的文本和曲线路径,选择【文本】@@【附加到路径】命令(快捷键为【Ctrl+Shift+Y】)。这样文本即可附加到曲线路径上,如果圆点多了,可以适当删除,少了则可以适当添加,目的是使圆点和曲线的长度一直。效果如图1.7所示。


图 1.7 把圆点文本附加到路径

8、选择附加后的文本,在【属性】面板中填充渐变色,首先在颜色拾取器的弹出窗口中选择【填充选项】按钮,效果如图1.8所示。


图1.8 选择填充选项按钮

9、然后在填充的【填充选项】窗口中设置填充为线性渐变。如图1.9所示。


图1.9 设置线性渐变填充

10、点击【填充选项】窗口中的【编辑】按钮,在弹出的渐变色调节面板中设置线性渐变的颜色,颜色值为#D1C098到#E9E1CF,并且调整渐变色的方向,效果如图1.10所示。


图1.10 调整渐变色的颜色和方向

11、继续在【填充选项】窗口中设置【纹理】为“粗麻布”,纹理总量为“50%”,效果如图1.11所示。这样做的目的是为了能够让效果更加真实,因为现实生活中的事物都是有纹理的,所以在我们的图形设计中要把它体先出来。


图1.11 给文本添加纹理

12、然后在【属性】面板中给文本添加边框,边框的颜色为浅灰色。效果如图1.12所示。


图1.12 给文本添加边框颜色

13、点击弹出的【笔触颜色】面板下方的【笔触选项】按钮,在弹出的对话框中进行相应设置。具体设置如图1.13所示。


图1.13 设置笔触选项

14.选中画布中的文本,在【属性】面板中选择【滤镜】@@【斜角和浮雕】@@【内斜角】命令,如图1.14所示进行相应设置。


图1.14 添加内斜角滤镜

15、继续给文本添加滤镜,在【属性】面板中选择【滤镜】@@【锐化】@@【锐化】命令,添加这个命令的作用是为了能够让填充的纹理细节更加清晰。

16、最后在【属性】面板中选择【滤镜】@@【调整颜色】@@【曲线】命令,通过使用曲线把文本颜色的对比度和整体的亮度进行调整,如图1.15所示。


图1.15 添加曲线滤镜命令

【说明】对于曲线滤镜的调节,首先把最右上方的曲线点水平往左移动,目的是为了实现亮度的合并,也就是为了让图像中接近白色的地方全部变成白色,同理,把最左下方的曲线点水平往右移动,是为了实现暗调的合并,也就是为了让图像中接近黑色的地方变成黑色。这样可以使整个图像的对比度更高,图像对比度高了,图像也就更清晰了。

然后在曲线中添加两个曲线点,并且适当往右下角移动,这样可以图像中比较暗的地方的颜色的亮度变得更暗。

14、整个效果制作完毕,效果如果1.1所示,为了以后的应用方便,大家可以把这个效果添加到Fireworks的【样式】面板中去,以后需要这个效果,只要先把文本附加到路径,然后在【样式】面板中调用效果即可。


欢迎转载,请注明出处,网页顽主论坛,www.go2here.net,作者:froglt

[ 本帖最后由 froglt 于 2007-5-14 19:43 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆
感觉有点象昆虫的触角。。
我都不敢勾选专长了。。
能不能加些毛边,那样会自然些~~~!~!~
不错,是一个新的思路的拓展........

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
收下了,交个作业!!
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

fks

感觉好恶心呀

TOP

都有点像蛇了......我最讨厌蛇了....

TOP

还不能帖图

TOP

感觉不像!倒像一串珠珠!

TOP

看我的snake象不象绳子.
利用贝泊地毯背景填充制作
如果有真正的麻绳背景应该更好一些.
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
善假于物,耻假于人

TOP

Fireworks制作麻绳方法研究
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
善假于物,耻假于人

TOP

楼上也不失为一种好方法,学习了
(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

许多效果再进行一些小的处理就会产生完全不同的效果,比如上面提到的绳子:
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
善假于物,耻假于人

TOP

变凉席了!~!!!

TOP

学习了,用FW偶很少用曲线。

TOP

高人

TOP

h顶一个 怎么有点金属感啊

TOP


   
画出来的感觉怪怪的哦...

TOP


   唉...我得多加练习啊...

TOP