it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 图象处理 > Fireworks >

Fireworks巧绘精美可爱水杯图标

时间:2007-11-28 16:50:19   来源:本站原创  作者:IT爱好者

  网络上经常会用到系列图标,今天和大家一起交流一下用Fireworks绘制水杯图标的制作方法。效果如图所示。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  思路分析

  仔细观察水杯,我们可以将它分为三个部分来处理:杯身,杯口,杯把。注意杯身的对称性,否则就变成一个不合格产品了,因为要做到可爱一点的,所以大家要注意色彩的使用,用明度和纯度高一点的色彩,会让杯子活泼起来。

  实现步骤

  1、新建一个Fireworks文件。

  2、使用矢量的矩形工具来绘制杯身。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  线性填充参数设置如下:

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  3、使用矢量的钢笔工具+部分选择工具来调节杯身。主要是调节中下部,上方无所谓,因为最后要用杯口挡住的。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  4、使用椭圆工具来绘制杯口的形状。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  放射状填充参数设置如下:

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  5、用滤镜:发光和阴影来调整杯口,注意内侧阴影的重复使用(Q版电视的教程中提到了它的重要性,不知道大家有没有去深入了解)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  内侧阴影(1)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  内侧阴影(2)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  内侧阴影(3)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  投影

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  6、使用钢笔工具来绘制杯把(这里可以随自己的爱好来绘制,请注意不同的造型,内侧阴影的角度可能不同)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  线性填充

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  内侧阴影

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  7、使用矢量的钢笔工具来绘制杯身的高光和反光。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  线性填充

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  8、使用矢量的钢笔工具来绘制杯把的高光和反光。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  9、使用矢量的钢笔工具来绘制杯口的反光。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  10、使用矢量的钢笔工具来绘制一杯水。(当然,如果你想的话,咖啡,可乐都可以,选一下色彩就行了)

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  放射状填充

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  11、使用矢量的钢笔工具来勾画杯身上的装饰线。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  12、导入图案为你的水杯做一下装饰(注意大的透视关系,因为杯子是圆的)。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  13、使用矢量的椭圆工具+钢笔工具来绘制地上的水,让画面活泼点。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  线性填充:羽化自己调节一下

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  14、使用钢笔工具来绘制水杯的投影。

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  线性填充

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  最后结果

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  <a href='http://www.itedus.com/pic/Fireworks/' target=_blank>Fireworks</a> 绘制精美可爱水杯

  操作技巧

  注意部分选取工具和Alt的结合使用,等你用熟了,钢笔乱勾个基本形就可以了,其它全用选取工具和Alt来调整,你离无敌又近一步了!

关键字:
关闭此页
上一篇:Fireworks制作波普网点画面特效
下一篇:Fireworks CS3切片工具的使用简述

相关文章

    无相关信息
本栏目推荐

排行榜

  • 1Fireworks丰富的笔触设置面板详解
  • 2Fireworks绘画实例:《梵高之光》
  • 3Fireworks轻松绘制Vista质感LOGO
  • 4Fireworks图标绘制:精致水晶羽毛笔
  • 5Fireworks绘制简洁精致的Rss图标
  • 6Fireworks表现Vista毛玻璃朦胧效果
  • 7Fireworks CS3切片工具的使用简述
  • 8Fireworks巧绘精美可爱水杯图标

最新信息

  • fireworks MX之旅:矢量工具
  • Fireworks MX之旅:耳目一新的界面
  • Fireworks MX之旅:滤镜
  • Fireworks MX之旅:GIF动画
  • 用FW MX轻松制作Gif动画
  • Fireworks MX之旅:导入文字的再编辑
  • 首例为FWMX编写的命令集IATA
  • Fireworks MX 制作燃烧效果
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号