Flash绘精致矢量图——逼真土豆

来源: 时间:07-01-17 点击: 点击这里收藏本文

点击查看更多Flash教程与实例
　　本教程中我们用Flash 8的绘图功能描绘一幅精致的矢量图像——逼真土豆。步骤简单易操作，而且效果非常棒。
　　
　　首先让我们先看一下制作完成之后的效果，如图1所示。
　　点击这里用新窗口浏览图片

图1
　　现在我们开始制作：
　　
　　 第一步：创建虚拟灯光以及土豆轮廓
　　
　　 1）我们还是要通过虚拟灯光达到更加逼真的效果。首先将背景颜色设定为#999999，场景尺寸：420*200，然后建立一个图层，名为‘light source’，在第7帧按F5创建关键帧，在绘图区的左上角用绘图工具绘制出一个虚拟的光源（如图2所示）这个灯光将决定我们的土豆的阴影区和高光区。
　　点击这里用新窗口浏览图片

图2
　　 2）然后在light source 下面建立一个图层，名称为‘potato’，然后用铅笔工具以及钢笔工具（线条颜色为#000000）画出土豆的轮廓如图3所示：
　　点击这里用新窗口浏览图片

图3
　　 3）在potato下面建立一个图层，名称为‘shadow’，然后用铅笔工具以及钢笔工具（线条颜色为#000000）根据光源照射的位置不同，画出土豆的投射出阴影的轮廓，为表示清晰，我这里用红色代表如图4所示：
　　点击这里用新窗口浏览图片

图4
　　
　　 第二步：给土豆上色
　　
　　在potato的第2帧上按F6，建立一个放射渐变，用来给土豆填色，具体参数如图5下：
　　点击这里用新窗口浏览图片

图5
　　色块颜色依次为：#DDC258 #CC9900 #736017 ；在填色的时候要注意光源照射的方向，中间为高光区，上下面为阴影区，所以要暗一些。所以填充完后还要修改一下填充的范围以及角度，具体如图6所示：
　　点击这里用新窗口浏览图片

图6
　 第三步：给阴影填色
　　
　　为了让阴影更加真实，我这里需要三个图形来完成，让这个阴影渐渐的消逝，详细制作过程如下：
　　 1）在shadow层上的第3帧上按F6，为操作方便可先将potato层隐藏起来，我们将阴影层的图形全部选择上后，按crtl键不放拖动复制1个，然后选择复制出的图形，用变形工具，把宽和高各增加3个像素，再把复制的这个图形，再复制一个，同样用变形工具，把宽和高各增加3个像素，也就是第一个复制出的图形比原来图形大3个像素，第二个复制的图形比原来的图形大6个像素。（注意三个图形应有一定距离）。
　　 2）用不同的填充颜色，将三个图形填充上颜色，图形从小到大的填充颜色依次为：
　　最小图形的填充颜色点击这里用新窗口浏览图片

　　其色块颜色为为#000000 ，#736017，中号图形的填充颜色为纯黑色，Alpha为：70%，大号图形的填充颜色也是纯黑色，Alpha为：30%，分别进行填充。其中最小图形的填充角度如下图7所示：
　　点击这里用新窗口浏览图片

图7
　　另外两个图形直接填充，然后把三个图形的外边框全部删除。
　　 3）将三个图形全部选择上，按ctrl+K对齐，选择水平、垂直居中，阴影完成。逼真的效果如图8所示（只截取一部分）：
　　点击这里用新窗口浏览图片

图8
　　注意：如果对齐后，阴影位置变化，可自形移动恢复至原来位置。
　　 4）在potato层第3帧上按F6，然后把土豆的边框也删除掉。如图9所示：
　　点击这里用新窗口浏览图片

图9
　　现在制作完成后，土豆的样子已经出来，但是太光滑了，不真实，下面我们在进行一下细化处理。
　　
　　 第四步：制作纹理
　　
　　这个纹理图层的目的是为让人感觉这个土豆凹凸不平，原理是用一个和土豆一样的图形，填充上颜色较暗、透明度较低的颜色，然后用橡皮擦擦掉颜色，露出的部分就是高光区，没有擦掉的部分就是暗色区，这样就有凹凸不平的感觉了。具体步骤如下：

9 7 3 1 2 4 8 :

把此文章收藏到：　　　　　

相关教程

广而告之

文章搜索

Google JZxue.Com

最新文章

网站推广—网站建设的关键课

吸引访客,做内容有价值的网

关于Photoshop直方图的详细

网站策划,B2B网站策划者应

Web标准网站开发人员配备

便宜/廉价的网站推广方式

写给做BBS的新站长

行为经济学在网站运营中的

漫谈网站改版的必要性

网站策划需要具备的知识

外贸网站建设全攻略

CSS让网页更容易设计与维护

和马云学习如何做网站推广

推荐导读

优秀个人网站打造全过程

热门排行

如何制作网页（网页制作实

如何选择网页制作工具

下载安装Dreamweaver8

制作主页前的准备

垃圾站全教程--之一(新手上

怎样个人网页制作,制作个人

制作模板

在Dreamweaver设置站点

制作首页

网站设计65条原则

规划站点

中国所有银行的BIC code(即

个人主页制作完全手册