当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 用FW制作仿真软盘效果

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 中的 用FW制作仿真软盘效果


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

看看下面这个软盘,可不要以为这是数码照片哦,其实是我们在FW中制作出的效果。怎么样,心动不如行动,让我们一起来,用FW做出超仿真的软盘来:)

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

制作工具:FIREWORKS MX 简体中文版
使用字体:Georgia
主要制作方法:FW内建滤镜、纹理填充、合理的字体选择、渐变填充及遮罩、路径组合等

详细过程:

第一步:准备工作:洗手,更衣,沐浴,焚香,心诚则灵—____—b
找一个最常见的sony软盘,制作过程中可以时时参照(什么?你用闪存?软盘早扔光了?汗~~~~~)
启动FW MX,新建画布,我们暂定画布大小为:500*500,背景色为白色。

第二步:盘体的制作

a 首先我们在画布上,用圆角矩形工具,绘制一个比画布略小的圆角正方形(绘制的同时按键盘shift键,就可以画出正方形来),同时对该矩形的边框笔触设置如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

b 在我们刚绘制好的矩形框上点击右键,在弹出的菜单中选择“取消组合”,这样我们刚绘制的矩形框就转换成为纯路径了,方便我们进一步的修改。

c 将画布显示比例略微放大到200%,然后拖动工作区边缘的滑块,将我们的视线定位到矩形框的右上圆角处,然后在工具栏选择“钢笔”工具,在圆角的附件添加两个节点:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

d 保留这两个新增加的节点,按键盘del键删除原来用来圆角处的两个节点,就产生了一个斜角:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

e 在矩形盘体的上方,再绘制一个狭长形的圆角矩形,选择菜单项“修改”下的“组合路径>>>打孔”,在上面边缘打出一个缺口来:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

f 应用前几步的制作方法,我们可以对此圆角矩形的边缘轮廓进行比较细致的修改,最终达到软盘盘体轮廓的仿真效果:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

g 对当前的盘体图形进行填充设置,用纹理填充中的“砂纸”来仿真塑料盘体的颗粒质感,填充我选用了#555555

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

h 绘制上下两个矩形框,用上面c\d步骤中的增减节点的办法,调节图形效果如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

i 这里是比较重要的一步,为了表现盘体的立体感,我们要对三个图形框进行特效处理。选择最底层的大图,应用内斜角和投影效果,具体参数设置如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

同样对上层的两个图形进行内斜角效果的应用,具体参数设置如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

OK,现在我们看看,一个有模有样的软盘盘体是不是就呈现在眼前了???

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

歇一歇,喝口水,咱们接着来。。。。

第三步,金属滑片的制作

a 绘制一个大小恰当的圆角矩形,最上面的一个边应该为水平比上方凹槽高一个像素,我们注意到一般软盘金属片上方左侧有个小小的缺口,我们用组合路径的方法添加一个,最后再在内部打洞,得到金属滑片的大致形状:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

b 为了模拟金属的质感,我们对金属片体进行纹理填充,这里我们设置如下:注意,两边渐变的颜色虽然很相近,但还是不同的,一边是白色#ffffff,一边是非常浅的灰色#F6F6F6

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

c 有些同志会问了,怎么我的设置出来后不像金属啊??呵呵,别急,我们还要调节“缎纹”填充的渐变手柄才行,选用“指针”(黑箭头)工具后,发现被填充的金属片体上多出来一个调节的手柄,我们将它调整旋转到如图所示的位置,注意,右边的调节点刚好要比又边的旋转柄高出一个像素来,实践发现,这样的设置点,纹理效果最好:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

d 精益求精的我们不会满足,我们再对金属片进行设置,对其应用阴影和高斯模糊效果,具体参数设置:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

好了,这个金属片是不是做的你有点头晕但是很有成就感啊??哈哈,不要忙休息,一鼓作气,进行下一步:

第四步,帖纸标签的制作

你以前用软盘的时候是不是都不喜欢帖标签纸呢??不为别的,SONY软盘的标签纸确实很简洁好看,我们特意来做一下:

a 绘制大小合适的白色圆角矩形:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

b 将刚绘制的标签纸形克隆两份(键盘快捷键CTRL+SHIFT+D),然后我们用钢笔工具绘制一个如图所示的图形,对其进行线形填充:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

注意,线形填充的三个关键色为:蓝色:#3399FF 黄色:#FFFF00 橘红:#FF9900

c 选择我们前一步克隆过的的圆角矩形,调整到最上层,同时选中该层和刚绘制的彩色层,进行组合路径>>>裁剪操作,这时彩色的过渡色块已经嵌在了标签帖纸的下方。

d 还记得我们刚才克隆过的圆角矩形还有一个吧,在图层面板中找到它,设置为顶层,然后进行线性填充,设置如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

e 选中改矩形和下层的裁剪过的彩色层,进行遮罩(菜单修改>>>蒙板>>>组合为蒙板)。

好了,标签帖上去后,我们的软盘总算有点光彩了。。最后我们要添加文字了

第五步,文字的添加

软盘上一共三处文字,标签纸上的SONY商标,标签纸下方的格式化文字,以及金属滑片上的SONY商标。

a 三处选用的文字均为Georgia字体,加粗,匀边消除锯齿。

b 在金属片上的SONY文字,填充颜色为#CCCCCC,调节该文字层透明度为50%即可

好了,我们的软盘大致已经做的差不多了,对了,大家是不是发现少了点东西啊,好,加把油,我们进行更加细致耐心的收尾工作:

a 绘制软盘上方做侧的箭头图形,绘制好应用内阴影效果,参数设置如下:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网

b 添加右侧“HD”文字,实践中发现没有一个合适的字体来直接写出这样的字母效果,所以我们用钢笔工具手绘一下,然后应用和左侧箭头图案一样的内阴影效果即可

c 绘制左下方的写保护口,因为写保护口内的方块是黑色的,所以不用过多的进行细加工,只需要手工绘制一条折线来表现光的变化即可

d 最后我们可以将所有图层合并,转化为位图,然后用橡皮拆工具或其他工具对边缘进行细小的处理。。

源文件:

Fireworks教程:绘制逼真的SONY软盘效果_软晨学习网