动态网站制作指南
[  QQ表情  ]
[ 投票调查 ]
[ 企业邮箱 ]
[ 网站空间 ]
网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
ASP源码 | .Net源码 | PHP源码 | JSP源码 | JAVA源码 | CGI源码 | VB源码 | C++源码 | Delphi源码 | PB源码 | VF源码 | 汇编 | 服务器
电脑书籍下载:程序设计书籍 | 数据库教程书籍 | 平面与多媒体书籍 | 网络通讯书籍 | 系统管理书籍 | 网络安全书籍 | 认证考试书籍
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > FLASH教程
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
文章搜索服务
邮件订阅
输入你的邮件地址,
你将不会错过任何关于:
[ FLASH教程 ]的信息



本月文章推荐
.我的世界杯:FLASH制作滚动足球动.
.FLASH中使用打印机功能(可设置打.
.Flash AS代码常用调试语句trace(.
.Flash常用ActionScript控制语句基.
.用Flash制作简单的缓冲菜单的教程.
.创建一个Flash站点的十大技巧.
.Flash电子书鼠标拖拽翻页效果原理.
.Flash MX精彩实例:制作给物体堆.
.关于 JavaScript 和 Flash 间的通.
.把fla文件输出成和swf一样的gif文.
.Flash AS代码简单实现动态文本包.
.让 Flash 广告具有记忆功能.
.Flash AS制作盛开的花朵视觉特效.
.Flash实例教程:卡通MM眨眼睛动画.
.Flash Web设计团队协作.
.Flash动态解析Web应用程序服务器.
.也谈Flash MX中的[连接影片]功能.
.Flash与JavaScript信息交互.
.Flash绘中秋贺卡:快乐月饼大游行.
.Flash绘制06年德国世界杯标志.

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

文章类别:FLASH教程 | 发表日期:2006-8-28 |


  本教程中我们用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导航菜单轻松制作好帮手 人气:8690
下一篇:Flash入门应该了解的重要概念 人气:6266
点击此处浏览全部Flash的内容 Dreamweaver插件下载 常用网页广告代码全集
  最新网站源码 最新软件下载
2008-5-21 仿中华网简单调查系统
2008-5-21 耐恩Wap下载网站系统 v1.0
2008-5-21 福建新闻小偷(DIV+CSS) v2 3.1
2008-5-21 超级美化阿波罗DJ程序 v1.1
2008-5-21 海涯英文视频网整站 v1.0
2008-5-21 在线考试系统源码及论文
2008-5-21 网奇IOS智能在线订单系统 ASP.NE
2008-5-21 网奇IOS智能在线订单系统 ASP.NE
2008-5-21 tom911免费电影完美版本-带自定义
2008-5-7 Windows XP SP3 官方英文版
2008-5-7 Windows XP SP3 官方香港中文版
2008-5-7 Windows XP SP3 官方繁体中文版
2008-5-7 Windows XP SP3 官方简体中文版
2008-4-30 Multiple Unzip Wizard 1.02
2008-4-30 Multiple Unrar Wizard 1.0.0
2008-4-30 WinZip Install/Try/Uninstall a
2008-4-30 ZIP压缩文件修复器WzipFix 2.0
2008-4-30 Pentazip 6.01 Build 189 For Wi
  发表评论
姓 名: 验证码: [ 全部贴吧 ] [ 浏览评论 ]
内 容:
[ 汉字翻译拼音 ] [ 广告代码 ] [ 符号对照表 ] [ 进制转换 ] [ 经典小工具 ] [ 个税计算 ] [ 汉字简繁转换 ] [ 普通单位换算 ] [ 公制单位换算 ]
[ 生辰老黄历 ] [ 国内电话区号 ] [ 国家代码与域名缩写 ] [ 文字加密解密 ] [ 健康查询 ] [ 万年历 ] [ 手机号码查询 ] [ ip搜索 ] [ Google PR查询 ]
业务联系 | 广告刊登 | 频道合作 | 投稿荐稿 | 联系方式 | 加入收藏 | RSS订阅
Copyright © 2000-2008 www.knowsky.com All rights reserved | 网络实名:动态网站制作指南 | 沪ICP备05001343号
ホームページ制作 不動産検索システム 求人情報