您的位置：首页 → 网页设计 → Firework → 使用Fireworks MX 绘制手机

使用Fireworks MX 绘制手机

时间：2004/11/7 2:29:00来源：本站整理作者：蓝点我要评论(0)

　　大家都知道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），

　　并将矩形如图放置（如图14）。

　　步骤7：

　　绘制一些小的圆角矩形，并设置其框线颜色(stroke color)为深灰色，在每一个小园角矩形上方输入数字1-9，并使用Properties面板调整文字的大小与字体。最后将小圆角矩形与文字如图放置（如图15）。

　　步骤8：

　　在工具栏上鼠标在矩形工具图标上按下不放，在弹出的菜单中选择椭圆椭圆工具，绘制三个不同大小的椭圆，分别使用上面的方法给椭圆加上光影效果，如图放置（如图16）。

　　绘制三个不同宽度与高度的矩形连接起来就可以做成一个话筒，设置颜色为红色，并且旋转45度，最后效果如图（如图17），

　　同样的方法做一个绿色的话筒。鼠标在矩形工具图标上按下不放，在弹出的菜单中选择多边形工具，在Properties面板的Sides项后填入数字3，即绘制三角形，绘制三角形，并调整位置。最后的效果如图所示（如图18）。

　　步骤9：

　　你可以根据自己的实际情况在绿色的屏幕上输入合适的文字，并绘制出手机的一些细节效果，如各种凹线，小缝隙等等。只要注意把握住材质的特点，就可以很好的表现完成手机的制作。

　　最后看一下我们范例完成的效果图，如图所示（如图19）。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论