• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 美工设计 >> FIREWORKS教程 >> 文章内容
 

精彩推荐

 
 

本类推荐文章

  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • Fireworks 动态模糊技巧综述..
 
 

本类阅读排行

  • Fireworks8教程:用素材制作炫..
  • Windows 桌面风格页面制作点..
  • Fireworks教程:简单制作网站..
  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用Fireworks渐变工具做简单图..
  • FW中几种字体效果的制作
  • 简简单单几步搞定水晶字
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • FW MX 2004新增等高渐变填充
  • 译:用 Fireworks MX 制作水..
  • Fireworks 动态模糊技巧综述..
  • Fireworks打造javascript图片..
  • Fireworks MX 实现 MAC 文字..
  • Fireworks教程:液体金属表面..
  • LOGO制作实例教程
  • Fireworks制作按钮简明教程
  • Fireworks粒子插件帮助AE制作..
  • Fireworks教程:立体质感水晶..
 
 

使用Fireworks MX 绘制手机

  • 日期:2007-10-24     人气:     出处:     作者:
  • 字体大小:
  • 小
  • 中
  • 大

  大家都知道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)。

相关文章
  • Fireworks教程:绘制精致的跑车
  • Fireworks教程:不同切角效果
  • Fireworks教程:制作韩国女包
  • Fireworks教程:简单制作渐隐线
  • Fireworks教程:动画制作的技巧
  • Fireworks教程:制作实物光影
  • Fireworks教程:绘制网页虚线的方法
  • Fireworks教程:绘制小老鼠图案邮票
  • Fireworks教程:简单制作网站Logo
  • Fireworks制作按钮简明教程
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号