使用软件:fireworks   阅读次数:   收录时间:2008-07-30

Fireworks制作药丸写实效果

作者:lvcheng  来源:blueidea.com

fireworks虽然没有PS这么强大,不过作为十分实用的布局工具一直被许多网页设计师作为首席软件,但其他用FW同样可以制作出不错的3D立体效果,本文通过FW里的高光与阴影制作立体感很强的药丸胶囊

首先还是要考虑透视问题,此胶囊主要锻炼大家对光的理解,也就是我们常遇到的一个物体5个受光与非受光面

用钢笔工具绘出胶囊的一半并填充线性渐变属性如图:

用同样的方法绘出另一半属性如图(做完这步,可能大家回觉得目前的效果比较别扭,请不要先管这些,跟着我的步骤,大家就会明白现在所做的效果了):

对蓝色部分添加滤镜内侧阴影,属性如图:

对红色部分添加滤镜内侧阴影,属性如图:

在做这一步之前,大家是否发现现在的胶囊不是扣在一起的
这一步我们就解决这个问题;继续对蓝色部分添加滤镜-内侧阴影:

同样给红色部分添加第2个内侧阴影:

局部修饰,让胶囊鼓起来,用椭圆矩形,绘出一个合适的圆形,填充放射性渐变,添加边缘羽化,指数如图:

给蓝色部分添加局部光源,属性指数如图

给红色部分添加局部光源,属性指数如图(注意图层样式是不一样的):

先给蓝色部分添加阴影,属性如图:

给红色部分添加阴影,属性指数如图:

最后一步了,给胶囊添加高光,属性如图(不要以为简单,其实这一步挺麻烦的,麻烦就在于添加线性渐变时两个色块的距离;我也说不太清楚,大家多研究研究研究吧):

    评论加载中…
教程导航
FireWorks热门教程
Fireworks制作打破玻璃的动画效果
第一次写教程,可能有的地方写的不清楚,请大家见谅。首先先看一下最终效果: 下面是具体的制作方法 : 1、下载并安装滤镜插件Xenofex2到FW的Plug-in目录下(将解...
作者:\
FW MX 2004教程(2):绘图工具
和许多主流的图像处理软件一样,Fireworks的绘图工具主要都集中在工具条上。利用这些工具可以绘制出各种图形,并可为其设置相应的属性,如颜色、大...
作者:大眼网虫
Fireworks MX 2004 文字附加到路径
Fireworks为我们提供了强大的文字设计功能,为文字的输入和设置提供了专业的文本编辑功能,可以方便地对输入的文字进行诸如字体、大...
作者:/
Fireworks 9亲密接触(2):效率倍增!
Fireworks与网页图像处理有着难分难解的关系,它提供了完整的专业化网页图形解决方案。可以说,Fireworks是为了网页图像处理而存在的,Adobe公司的Photoshop虽然...
作者:/
Fireworks 绘制立体文字图标
建立画布什么的就不说了,首先把文字输入进去:选择文字工具,输入文字FW,选取04b_03b字体,字号看你的需要来选择,教程里所选的是120PX: 选取输入的文字,文...
作者:\