| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
Fireworks制作矢量立体图标
作者:佚名    文章来源:网络    点击数:    更新时间:2006-12-25
 


  在实际制作中,一套图标要风格统一。你可以使用同样角度的透视或者同样的配色或者同样的表现风格,这里我使用了同样的透视,这就意味着整套图标的透视都用同一个透视的命令。

  如下是另一例子

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  14.这里使用了上一个图标制作所保存的命令,这样两个图标就是从同一个角度透视了,这个例子中,我也把 [光影渐变]和[渲染质感]作为两步,这样能更好的调整色彩.。
  

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  放到X:Program Files/Macromedia/Fireworks 8/Configuration/Commands/Web/ 目录下面,然后进入FW,选取正方形,然后执行菜单的 [命令]-[web]就可以直接透视了.也就是直接完成了第2张图片的操作

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  2 使用扭曲工具把他变形成从侧面看的效果.这里可以用FW中的辅助线来制作或者使用3D插件透视一个正方形.完成变形以后千万记得把这个变形的历史记录保存到命令中。第四页我提供了这个命令的JSF文件下载

  tips:很多朋友在经典问不知道扭曲工具是什么。为什么我的扭曲总是放大或者缩小而不能任意变形呢?? 扭曲工具是变形工具的第三个!如果你还不明白这一步的含义请看下面

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  3 复制一个然后向右边移动几个象素,再缩小到99%,大致的画出这里画的USB插头的正面和反面所在的平面。为了更准确的达到立体效果不失真,真的能不失真吗?请继续向下看.

  tips:后面的面要比前面的面稍小一点点。近大远小嘛.用过相机拍摄微距的朋友一定知道,镜头越近,前后大小差别越大

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  4 把画好的两个面收起来(隐藏)~~以后再用。然后画上平面图片.USB插头的内容都在一个面上,所以画正面就好了.如果立体图形的几个面内容都很多。那就要画三视图的 平面图了。这张平面图的内容最好把所有你觉得可能出现的都画上,甚至包括很明显的色彩过渡.

  Fireworks绘制矢量三维图标_天极设计在线整理转载

  5 同时选取你画好的正面图和正方形.然后再执行菜单中的 [命令] - [你再第二步保存的变形命令] 好了。不但正方形变了,USB插头的正面图也变成透视图了.完成以后 先不要删除辅助线(被透视的正方形),先把第3步画的两个面拿出来.正面对正面反面对反面.

上一页  [1] [2] [3] [4] [5] [6] 下一页


相关文章