在线建站培训
您的位置: 魔客吧 网页制作 Fireworks教程 查看内容

Fireworks鼠绘教程:绘制精美可爱水杯图标

2016-10-10 08:31 | 发布者: moke | 栏目:Fireworks教程

一、案例欣赏

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

二、思路分析

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

三、实现步骤

1、新建一个Fireworks文件。

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

线性填充参数设置如下:

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

[next]

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

内侧阴影(1)

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

内侧阴影(2)

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

内侧阴影(3)

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

投影

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

[next]

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

线性填充

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

内侧阴影

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

线性填充

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

[next]

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

放射状填充

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

[next]

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

[next]

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

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

线性填充

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

最后结果

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

Fireworks鼠绘教程:绘制精美可爱水杯图标_jcwcn.com

四、操作技巧

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

最新分享资源

最新评论