使用Fireworks MX 绘制手机
大家都知道Mecormedia Fireworks MX是制作网站图片的利器,其实Fireworks MX功能远不至这些,我们可以利用其强大的矢量绘图功能绘制很多逼真的图形,甚至还可以进行软件内界面的设计以及一些平面设计工作,今天我们就来学习怎样深度挖掘Fireworks MX的这些功能。现在不少朋友应该都有手机吧?我们来学习绘制自己的手机,由于手机造型千变万化,因此笔者以自己使用的是松下GD90型号手机为例进行绘制,你应该主要掌握绘制方法而不必拘泥于某些小节(如颜色),在掌握方法后你可以根据自己手机不同造型来进行修改。
步骤1:
打开Firworks MX,使用菜单命令新建一个文件,大小为800*600,背景色为白色(如图1)。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224393777801.gif
步骤2:
在工具栏上鼠标在矩形工具图标上按下不放,在弹出的菜单中选择圆角矩形(Rounded Rectangle Tool)(如图2),
www.ad119.cn/bbs/attachments/websoft/20081227/200812271622441577802.gif
绘制一个矩形。在下方Properties面板上设置宽为150,高为170。在Rectangle Roundness后的文本框内输入数字50(这个数值控制圆角矩形圆角的弧度),并且点击Effect后的加号按钮,在弹出菜单中选择Bevel and Emboss-Inner Bevel(如图3),
www.ad119.cn/bbs/attachments/websoft/20081227/200812271622446277803.gif
将出现Inner Bevel的属性设置对话框,设置类型为Smooth,范围为15(如图4)。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224410977804.gif
最后鼠标点击Fill color图标后的下拉框,选择填充类型为Liner(线性渐变),并按图所示设置渐变色(如图5)。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224415677805.gif
要想绘制出真实的作品,一定要把握好真实物品的光影,材质等特征,我们正是使用这样的渐变填充与边角效果表现出物体的反光度与立体感,在后面的操作中也要使用同样的方法,请一定掌握。
步骤3:
鼠标点击我们绘制好的矩形,并在工具栏上选择Fill Tool,这时你可以看到一条黑色的线条(如图6),
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224420377806.gif
你可以拖曳或旋转这个线条以改变线形填充的范围与方向,我们将线条旋转90度,并拖曳使其位置最后如图所示(如图7)。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224420377807.gif
步骤4:
使用矩形工具绘制一个矩形,设置其高为20 ,宽为30,其他设置上一个矩形一样,并如图放置(如图8)。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224429677808.gif
按住键盘上Shift键分别点击这两个矩形(即同时选中它们),使用菜单命令Modify-Combine Paths-Union将这两个矩形拼合为一个矩形(如图9),
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716224434377809.gif
并且使用与步骤3一样的方法调整填充的范围,最后效果如图所示(如图10)。
www.ad119.cn/bbs/attachments/websoft/20081227/20081227162244390778010.gif
步骤5:
使用矩形工具绘制一个矩形,并对其属性进行设置,移动其位置 使最后效果入图所示(如图11)。
www.ad119.cn/bbs/attachments/websoft/20081227/20081227162244437778011.gif
步骤6:
使用矩形工具绘制一个矩形,设置其填充色为绿色,宽为120,高为120,在Rectangle Roundness后的文本框内输入数字30,点击Effect后的加号按钮,在弹出菜单中选择Bevel and Emboss-Insert Emboss(如图12),
www.ad119.cn/bbs/attachments/websoft/20081227/20081227162244484778012.gif
在弹出的对话框中设置宽度为1(如图13),<IMG height=85 src="http://www.jcwcn.com/Files/BeyondPic/jcwcj/200
页:
[1]