占位图像 用户ID: 密码: 验证码: 登录 注册     占位图像
 
教育168搜索

a
频道信息
学前教育 基础教育
小学 初中
高中 高等教育
心理学 机械工程
园林 IT教育
办公软件 Director
Authorware 图形图象
FIREWORKS CORELDRAW
Maya PhotoShop
AutoCAD 3D
操作系统 Windows xp
Windows Vista Linux
Windows 2003 Windows 2000
FreeBSD 注册表
网站制作 FLASH
Dreamweaver CSS教程
装修设计 LightScape
装修风水 方案设计
英语 商务外语
素质教育 法制教育
企业培训
最新更新
·Flash最常用AS语法及语
·在线设计制作Flash动画小
·用Flash制作不停转动的地
·Flash动态柱状图表制作原
·Flash与JavaScri
·在Flash MX2004中
·养成Flash Action
·Flash 8制作烟花粒子的
·Flash文件的破解与加密方
·透明的flash是这样制作出
·Flash文件的加密与破解技
·关于 JavaScript
·Flash也能玩鼠绘—清新国
·xml辅助flash电子地图
·网页中插入透明Flash的方
·Flash导航菜单轻松制作好
·Flash绘精致矢量图—逼真
·Flash入门应该了解的重要

点击排行
·Flash最常用AS语法及语
·用Flash制作不停转动的地
·在线设计制作Flash动画小
·Flash与JavaScri
·Flash动态柱状图表制作原
·透明的flash是这样制作出
·Flash 8制作烟花粒子的
·Flash也能玩鼠绘—清新国
·把按钮藏起来 谈制作Flas
·Flash电子书鼠标拖拽翻页
·Flash入门应该了解的重要
·xml辅助flash电子地图
·Flash文件的破解与加密方
·网页中插入透明Flash的方
·丰富多彩 有声有色的Flas
·Flash 遮罩效果解析
·学习Flash Action
·Flash文件的加密与破解技

Flash绘精致矢量图—逼真土豆
发布日期:2007-4-11 13:48:05  浏览:466次
关键字:
  本教程中我们用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

   现在制作完成后,土豆的样子已经出来,但是太光滑了,不真实,下面我们在进行一下细化处理。
  
   第四步:制作纹理
  
   这个纹理图层的目的是为让人感觉这个土豆凹凸不平,原理是用一个和土豆一样的图形,填充上颜色较暗、透明度较低的颜色,然后用橡皮擦擦掉颜色,露出的部分就是高光区,没有擦掉的部分就是暗色区,这样就有凹凸不平的感觉了。具体步骤如下:
   1)在potato层上建立一个新图层,名称为‘detail’,然后右单击potato层的第3帧,选择‘复制帧’,在单击detail层上的第4帧,按f6,右单击此帧,选择‘粘贴帧’。
   2)用纯色填充此图形,颜色值为:#9d7b0d alpha:10%。最后用橡皮擦出高光区,擦过效果如图10所示(为让大家看清楚,我将此图形选择上了,呵呵):
  
图10

   完成效果如图11所示:
  
图11
   第五步:为土豆添加阴影
  
   1)在detail层上建立一个新图层,名称为‘potato shadow’,然后右单击potato层的第3帧,选择‘复制帧’,在单击potato shadow 层上的第5帧,按f6,右单击此帧,选择‘粘贴帧’。
   2)用放射渐变填充此图形,具体值如下图所示:
  

   两个色块颜色都为黑色,其中alpha值分别为10%,100%。
   3)填充角度需要调整,如图12所示:
  
图12

   4)我们用套索工作将该层上面大部份删除,只留取下面的阴影部分,由于直接删除阴影效果太假,所以,我们还要用套索陆续的在阴影的上边依次选取一些区域,分别用纯黑色的不同alpha:15% 12% 8% 7% 5%填充选择的区域。最终阴影的效果如下图所示:
  

   为了让大家看清楚,我将背景色变成白色,并将其他层隐藏起来。
   加上阴影的最终效果如图13所示:
  
图16

  
   第六步:给土豆加上‘小斑点’
  
   在potato shadow 层上建立一个新图层,名称为‘dirt’,在第6帧,按f6。然后铅笔工具画小个斑点,用这个颜色(颜色值为:#704005,alpha:40%)填充,把边框去掉,选择这个小斑点,按f8定义成元件,最后复制这个小斑点吧,加到想加的位置,用铅笔在土豆身上加两笔,加画一个土豆的小芽。大功告成!小麻土豆出炉了!
  
图17
关键字:

相关信息 用户评论
·Flash最常用AS语法及语句总结
·在线设计制作Flash动画小电影
·用Flash制作不停转动的地球仪
·Flash动态柱状图表制作原理剖析
·Flash与JavaScript信息交互
·在Flash MX2004中用img标签添加音乐
·养成Flash ActionScript代码编写好习惯
·Flash 8制作烟花粒子的特效代码
·Flash文件的破解与加密方法探秘
·透明的flash是这样制作出来的
·Flash文件的加密与破解技术详细解析
·关于 JavaScript 和 Flash 间的通信
·Flash也能玩鼠绘—清新国画荷花
·xml辅助flash电子地图标注地名
·网页中插入透明Flash的方法和技巧
·Flash导航菜单轻松制作好帮手
·Flash入门应该了解的重要概念
·学习Flash ActionScript编程的注意事项

 

更多评论

验证码:
验证码