当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 使用Fireworks MX 绘制手机

FireWorks
Fireworks写实作品绘制实例:我的手机
自己打造动画广告 用Fireworks泛起水波涟漪
古代智慧结晶 用Fireworks“铸造”古钱币
巧用Fireworks MX 2004制作金属字特效
Fireworks使用技巧及常见问题解答
Fireworks制作GIF动画广告BANNER
Fireworks制作下雨动画效果
Fireworks and Dreamweaver指南介绍
使用Fireworks MX 绘制手机
Fireworks MX 滤镜讨论
Fireworks MX制作下拉菜单
Fireworks MX对网页的逆向导入
Fireworks MX制作像素动画
巧用Fireworks遮罩做平面设计
Fireworks创意遮罩动画制作
Fireworks制作透明按钮一例
Fireworks MX图层混合实例剖析
Fireworks 制作立体旋转地球
Fireworks 巧制生肖鼠票
Fireworks制作空间环绕文字动画

FireWorks 中的 使用Fireworks MX 绘制手机


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

    大家都知道Mecormedia Fireworks MX是制作网站图片的利器,其实Fireworks MX功能远不至这些,我们可以利用其强大的矢量绘图功能绘制很多逼真的图形,甚至还可以进行软件内界面的设计以及一些平面设计工作,今天我们就来学习怎样深度挖掘Fireworks MX的这些功能。

  现在不少朋友应该都有手机吧?我们来学习绘制自己的手机,由于手机造型千变万化,因此笔者以自己使用的是松下GD90型号手机为例进行绘制,你应该主要掌握绘制方法而不必拘泥于某些小节(如颜色),在掌握方法后你可以根据自己手机不同造型来进行修改。

  步骤1:

  打开Firworks MX,使用菜单命令新建一个文件,大小为800*600,背景色为白色(如图1)。

  步骤2:

  在工具栏上鼠标在矩形工具图标上按下不放,在弹出的菜单中选择圆角矩形(Rounded Rectangle Tool)(如图2),

  绘制一个矩形。在下方Properties面板上设置宽为150,高为170。在Rectangle Roundness后的文本框内输入数字50(这个数值控制圆角矩形圆角的弧度),并且点击Effect后的加号按钮,在弹出菜单中选择Bevel and Emboss-Inner Bevel(如图3),

  将出现Inner Bevel的属性设置对话框,设置类型为Smooth,范围为15(如图4)。

  最后鼠标点击Fill color图标后的下拉框,选择填充类型为Liner(线性渐变),并按图所示设置渐变色(如图5)。

   要想绘制出真实的作品,一定要把握好真实物品的光影,材质等特征,我们正是使用这样的渐变填充与边角效果表现出物体的反光度与立体感,在后面的操作中也要使用同样的方法,请一定掌握。

  步骤3:

  鼠标点击我们绘制好的矩形,并在工具栏上选择Fill Tool,这时你可以看到一条黑色的线条(如图6),

  你可以拖曳或旋转这个线条以改变线形填充的范围与方向,我们将线条旋转90度,并拖曳使其位置最后如图所示(如图7)。

  步骤4:

  使用矩形工具绘制一个矩形,设置其高为20 ,宽为30,其他设置上一个矩形一样,并如图放置(如图8)。

  按住键盘上Shift键分别点击这两个矩形(即同时选中它们),使用菜单命令Modify-Combine Paths-Union将这两个矩形拼合为一个矩形(如图9),

  并且使用与步骤3一样的方法调整填充的范围,最后效果如图所示(如图10)。

  步骤5:

  使用矩形工具绘制一个矩形,并对其属性进行设置,移动其位置 使最后效果入图所示(如图11)。

  步骤6:

  使用矩形工具绘制一个矩形,设置其填充色为绿色,宽为120,高为120,在Rectangle Roundness后的文本框内输入数字30,点击Effect后的加号按钮,在弹出菜单中选择Bevel and Emboss-Insert Emboss(如图12),

  在弹出的对话框中设置宽度为1(如图13),