Fireworks MX 模拟灯泡效果

 Fireworks MX 增加了一些像素图处理功能以后,我们不仅可以用它做出很好的矢量图,另外完全还可以用它做出很多漂亮的像素图像。

  下面就是Fireworks MX 做出的仿真灯泡,左边是透明的灯泡,右边是磨砂灯泡,效果很逼真吧!

  本实例主要运用了贝塞尔曲线工具(钢笔)、渐变、羽化、阴影、新增的“Burn tool”和“Dodge tool”等。

  一、磨砂灯泡的制作

  1. 建立新文件,用圆角矩形工具拖出一个矩形框,使用次选工具调节两端的节点,如图:

  2.再复制3个,依次整齐排列,最好使用Alignment面板。然后使用“Modify/Combine/Union”命令,使他们成为一个整体,调整上下两端的节点,再用线性渐变(Linear)填充,具体设置如图。你也可以使用其他你习惯的方法做出相同的效果。

  3. 使用“Ctrl+A”全选,选择“Modify/Flatten Layers”,使之变成位图之后,用“Skew Tool”变形工具稍做变形。(注意:如果不转化成位图,扭曲后只是形状发生变化,里面的填充并不随着变化,仍是平行的线性渐变填充,所以一定要转化成位图。)用矩形工具绘制一个适当的倒立梯形,并填充黑色,位置如图:

  4.再分别用Fireworks MX提供的新功能 “Burn tool”和“Dodge tool”在适当的地方进行碳化和添加高光。在使用这两个工具时一定要调整好参数,下手要利落、干净,轻重也要掌握好,其实这步操作也是较麻烦的。经过这步操作后就有了金属螺旋的感觉,进行适当缩放。具体设置和效果如图:

  5. 金属螺旋头就算制作完了,接下来制作灯泡体。用圆形工具先绘制一个圆,用浅灰色(#efefef)填充,用钢笔工具在下端添加一些节点,调整节点如下图:

  6. 用圆形工具和钢笔工具绘制如下图,选择一定的羽化填充。

  7. 将上面所绘制的图形摆置如下图,添加阴影效果,白炽灯泡即可大功告成。

  这样一个磨砂灯泡就做好了。我们只要在此基础上稍做调整便可形成透明玻璃灯泡。

  二、透明灯泡的制作
 
  1. 移开磨砂灯泡的灰色灯泡体,看看是不是已经有点透明的感觉了!

  接下来的处理就比较简单了。

 

  2.去掉灯泡体的填充色,边线添加为白色,使用刀片工具垂直从中间进行切割,去掉左边的阴影效果,将右边的阴影角度小做调整。如图:

  3.接下来使用钢笔工具绘制下面一些不规则的形状,也可用次选工具调整。下面所注的百分比是他们的透明度。按照左边的位置进行排列。

  4.使用矩形工具绘制一个小矩形框,用白色羽化填充,调整底端的节点,删除边线。再用圆角矩形工具绘制无填充的小矩形框,然后用钢笔或直线工具绘制两个线条,如图:

 

  5.组合,再用钢笔或铅笔工具绘制简单的灯丝,最终效果如下图:

时间: 2024-10-27 07:02:52

Fireworks MX 模拟灯泡效果的相关文章

Fireworks MX中虚线效果制作技巧

技巧 Fireworks是一款针对网页图形设计的软件,虽然比起Photoshop等专业级的绘图软件来,它的功能还算不上很强大,但只要多用巧用,细心钻研,它的功能还是能满足网页图象设计的各种要求的. 无论在网页设计还是其他平面设计中,绘制虚线是一项应用比较广泛的技巧.在Fireworks必须用一个插件才能实现,呵~现在好了,可以不用它了.思路:用选取工具画1像素高的直线,然后用材质填充,还可以设置渐变等,比用插件的效果更多.我是第一次写教程,希望你们会喜欢.好了,不多说了! 1.新建一个文档 (c

Fireworks MX 2004 蒙版效果

7.蒙版效果 蒙版又称为遮罩,是一种由最上层对象为下层对象提供外形,而下层对象为最上层对象提供色彩的一种图像处理效果.因此,我们把最上层对象称为"蒙版对象",而下层对象则称为"被蒙版对象".矢量和位图对象都可以成为蒙版对象或被蒙版对象. 较常用的一种蒙版效果就是先在工作区中引入一张图像,然后在图像上面画一个矢量椭圆,如图3-34. 图3-34 然后同时选中选中两个对象(按Ctrl+A键),使用菜单栏上的"修改-蒙版-组合为蒙版"命令,两个对象就被

使用Fireworks MX制作水滴效果

1.新建100x 100 象素图像.然后选择椭圆工具,拉一个 60x60 象素在画布的中间的圆圈.圆可以是任何颜色,但是保证无边框. 2.现在选择钢笔工具.并且在你的圆圈的顶上点击最顶端的点,同时按住Shfit键与向上的方向键,移动几次调整.使形状成为看起来更像水落下,你的形状应该在下边上看起来像图象. 3.用箭头工具选择你的形状.在属性栏里选择填充类型为线性填充.左颜色值为#CCCCCC 右颜色#FFFFFF . 4.现在选择箭头工具调整,如下图像.应该是垂直的并且应该从顶(#CCCCCC)

Fireworks MX制作下拉菜单

菜单|下拉 随着网站页面极其功能的复杂化,越来越多的网站使用下拉菜单进行导航.熟悉Javascript的朋友都知道,所谓下拉菜单其实是通过Javascript控制每一个元素的可见属性实现的,当然这需要专门编写大段的代码.但是要是使用Fireworks MX就不需要这么麻烦,所有的代码都是由Fireworks MX自动生成的,你要做的只是美化一下界面,再简单的设置一下下拉菜单的选项就可以了. 下面就来看看怎样使用Fireworks MX增强的下拉菜单功能制作出让人羡慕的下拉菜单. 步骤1: 打开一

Fireworks MX和Flash MX的亲密合作(1)

以前用网页三剑客设计网页时,感觉最为惬意的是Dreamweaver和Fireworks的亲密无间:在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象:在Dreamweaver中只要轻松一个键,就可插入Fireworks完成的图形网页,如果不满意,一个编辑按钮马上激活Fireworks返回修改,处理好了再一个按钮又回到Dreamweaver中:如果不想大动干戈,只想优化一下图片,选中图片按一下右键,就可以打开Fireworks的

Fireworks滤镜模拟滴溅油漆斑点效果

滤镜 本文中我们用Fireworks来模拟滴溅的油漆斑点效果.主要用到形状工具和滤镜. 先看效果图如下 1.使用矢量工具下的星形工具绘制一个星星并选择为红色. 2.拖动星星角的手柄,调整一下 3.选择"部分选择"工具,拖动每个角,调整为不规则星形 4.关键一步:选择Alien Skin Splat LE下的Edges滤镜 5.自己调整参数吧.选择你喜欢的效果,打完收工.谢谢观赏.

使用Fireworks MX制作泡泡球效果

在经典论坛上(http://www.blueidea.com/bbs/)看到一个使用Fireworks MX制作透明泡泡球的效果,感觉非常不错,特摘录此教程,方便借鉴参考.(效果图为PNG文件) 1,使用圆形工具画出一个白色的圆.并其转化成位图.(编辑→平面化所选 快捷键:Ctrl+Shift+Alt+Z) 2,再使用圆形工具画出一个白色的圆,大小相比前一个制作的圆略小些.借助于排列工具,将小圆放到大圆的居中位置. 3,在图层面板中,选择转化为位图的圆,按住CTRL键同时,选择小圆图层.得到小圆

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

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

Fireworks MX 2004 制作GIF动画(1)

GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来.而每一张图画就叫作"帧",它是组成动画的基本单位. GIF图形动画为网页增添许多活泼生动.复杂多变的图形元素,因此GIF动画在网页制作中被广泛应用,甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢. Fireworks正是制作GIF动画很好的工具,这一部分我们看看Fireworks MX 2004在动画制作方面的特色. 1.制作GIF动画 我们先来做一个简单的五帧动