WEB开发网
开发学院图形图像Fireworks Fireworks 矢量立体图标完整流程 阅读

Fireworks 矢量立体图标完整流程

 2007-01-04 08:52:10 来源:WEB开发网   
核心提示: 同上制作手握位置的角的高光白色实心填充:制作一条细线来表现整个塑料部分的菱角的高光,上一部的作用和这一步是同样的,Fireworks 矢量立体图标完整流程(4),只是手握的位置的高光线条比较粗,所以我用两步来实现,然后进入FW,选取正方形,金属部分表面内容的内侧阴影:金属部分表面有一个槽和

同上制作手握位置的角的高光

白色实心填充:制作一条细线来表现整个塑料部分的菱角的高光,上一部的作用和这一步是同样的,只是手握的位置的高光线条比较粗,所以我用两步来实现。

金属部分表面内容的内侧阴影:金属部分表面有一个槽和两个洞。内侧阴影是为了表示他们是凹进去的。

一象素白色线条:金属部分的高光,金属部分的棱角是很直的.直接变到另外一个面。

11.细节部分.操作解释如下理解

USB标志的原角举行边框:使用1PX内侧阴影表现它们是凹入的。

USB标志:使用1PX投影,表示它是凸出的,投影和阴影的目的是画出那个很薄的侧面。

金属质感修改:这里加一个黑色的或者你也可以再加一条白色的再左边。为什么呢?你从凸出的镜子看自己,自己被压扁了.,那么从一个到90度的菱角看景物。每个景物就剩下一根线了,所以金属的原角有一系列无规律的线条。

12.来看看金属部分的另外一些细节和全部组成内容

塑料再金属上的投影:使用表面做内侧阴影,然后选上[去底色],这是塑料挡住了部分照到金属的光。

自身的边缘:金属的边缘,由于11步说的原理,所以金属的边缘加两条深线条。

13.过度仿真的图标在使用起来是没有太大意义的,真正的图标要使用起来必须颜色清晰,容易区分,有体量感(胖一点)。

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

如下是另一例子

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

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

上一页  1 2 3 4 

Tags:Fireworks 矢量 立体

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接