当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks教程:打造一个没有钨丝的灯泡

FireWorks
Macromedia Fireworks MX的新特性一
Macromedia Fireworks MX的新特性二
Macromedia Fireworks MX的新特性三
Macromedia Fireworks MX的新特性四
Fireworks4 巧用无缝填充处理图片
Fireworks4 制作透明字
Fireworks中螺旋运动字的制作
Fireworks常见问题解答(7)
Fireworks常见问题解答(6)
Fireworks常见问题解答(5)
样式在FW MX 2004中的应用
用Fireworks轻松制作网页交互按钮
巧用Style制作立体感文字
Fireworks制作产品展示图
FireWorks象素按纽教程
Fireworks MX 之 初体验5-2
Fireworks MX 之初体验3-1
撕纸边缘效果制作方法详解
立体贴图字特效制作
Fireworks MX 2004特效字系列教程:晶莹文字制作

FireWorks 中的 Fireworks教程:打造一个没有钨丝的灯泡


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 120 ::
收藏到网摘: n/a

不知道这玩意以前有人出过没有,呵呵!

Fireworks教程 绘制灯泡

搞整了半天,终于算是把教程做出来了,第一次做教程,难免出错,请谅解。
另外,
累死我了...
废话少说,看图

第一步:先画玻璃圆泡

1. 先画一个88*80大小的椭圆,无填充,描边

Fireworks教程 绘制灯泡

然后用钢笔添加锚点,位置如下图(尽量对称)

Fireworks教程 绘制灯泡

2. 然后用部分选定工具,把最下面中间的锚点往下拉(按住shift可垂直下拉),完成后高度约118。然后再添加锚点如下。

Fireworks教程 绘制灯泡

3. 用部分选定工具将图形拖拽成下图形状(这一步要看大家的钢笔和形状的功底了,呵呵)

Fireworks教程 绘制灯泡

现在,圆泡部分已经完成了,接下来是添加高光。

第二步:高光及折射

1. 先用钢笔勾出如下几个图形(这几个图形主要根据圆泡的形状来制作),然后都不要描边

Fireworks教程 绘制灯泡

填充采用线性渐变,具体设置如下:

Fireworks教程 绘制灯泡

OK,高光部分算是完成了。

第三步:制作金属头

1. 先画一个30*21大小的圆角矩形,各项属性如下:

Fireworks教程 绘制灯泡

Fireworks教程 绘制灯泡

2.调整矩形属性,先放大到400%(放大方便调整,倍数自便)

Fireworks教程 绘制灯泡

用鼠标拖拽此点向右,使圆角到最大,然后按住Alt不放,分别用鼠标拖拽上方的两个黄点向一旁,使上方的角成直角。

Fireworks教程 绘制灯泡

然后调整填充为线性渐变

Fireworks教程 绘制灯泡

3.给图形增加数量为“1”的杂点

Fireworks教程 绘制灯泡

第四步:细节调整

1. 画一条长34,宽2的柔化直线,在中间用钢笔加一个锚点,并用部分选定工具向下拉1个像素。

Fireworks教程 绘制灯泡

2. 画一个18*2的矩形,在上下两边的中间各加一个锚点,向下拉1个像素,去掉描边,填充用条状渐变。

Fireworks教程 绘制灯泡

3.同样再画一个18*2矩形,步骤同上,向下拉2个像素

Fireworks教程 绘制灯泡

4.画两条32长宽2的柔化线条,在中间加锚点并向下拉2个像素,颜色为#999999。

Fireworks教程 绘制灯泡

5. 组装:

Fireworks教程 绘制灯泡

6. 然后将整个金属头与玻璃圆泡结合起来,然后将圆泡的线条透明度改为35,OK,大功告成!

Fireworks教程 绘制灯泡

源文件:

Fireworks教程 绘制灯泡

总结一下,其实这个灯泡完全是我拿着一个真的灯泡照着画的(高光可能