频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发工具应用教程 -> Flash教程 -> 利用FLASH 8绘图功能制作出效果超凡的图像

利用FLASH 8绘图功能制作出效果超凡的图像

作者:lele  来源:webstudio  发布时间:2007-10-2 9:15:10  发布人:圈圈

减小字体 增大字体

本教程是利用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

好累呀,呵呵...连着又写了一篇,希望对大家有帮助...*^_^*


将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· Flash影片的倒转播放控制..
· Fireworks设计制作Teach..
· 手绘教程 《电影工业城》..
· 400个投机者被欧盟起诉 ..
· 渠道总监因业绩下滑离职..
· Flash鼠绘漂亮美女矢量风..
· DreamWeaver做ASP(十二)..
· Dreamweaver 4 简明教程..
· 游标的显现
· 谷歌扩展纸媒广告业务 涵..
· 上海电信宽带用户由于微..
· 用javascript+php随机显..
· 在ASP里建表
· 携程网COO范敏升任CEO 携..
· 关于TOMCAT主目录与虚拟..
· 用MobiLink建立一个简单..
相关文章
· 利用FlashMX的AS画线..
· 利用Flash制作缤纷雪花
· 利用Flash MX模板制作..
· 利用Flash MX模板制作..
· 利用Flash MX模板制作..
· 利用Flash MX模板制作..
· 利用Flash MX模板制作..
· 用JavaScript实现利用FLASH..
· 用JavaScript实现利用..
· 用JavaScript实现利用..
· 用JavaScript实现利用..
· 用JavaScript实现利用..
· 用JavaScript实现利用..
· 用JavaScript实现利用..
· 利用Flash制作一个可..
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号