搜狐首页 - 新闻 - 体育 - 娱乐 - 财经 - IT - 汽车 - 房产 - 女人 - 短信 - 彩信 - 校友录 - 邮件 - 搜索 - BBS - 搜狗 
搜狐首页 >> IT频道首页 >> 网狐教程 >> 网站制作 >> Flash
Flash5.0教程第三节 静态图形制作实例
2001-12-17 13:53 
页面功能 【我来说两句】【我要“揪”错】【推荐】【字体: 】【打印】 【关闭
lass="content">

经过前面章节的学习,我们已经掌握了基本的操作,现在看一看,运用这些知识,我们都可做些什么。

具体制作前,我们学两个常用的操作:大小变化与对象旋转。

大小变化:

还记得前面我们讲的 Transform (变形面板)吗?那里就有变形的操作说明;另外,最常用的变形方法是通过菜单上 Modify(改变)/Transform(变形)/Scale(大小)来进行的。使用此命令时,被选物件四周会出现几个手柄,只需通过鼠标将手柄向外或向内移就可以改变大小了。如图一:


图一

提示:此时的手柄是方形的,表可进行大小变化操作。

对象旋转:

Transform (变形面板)上也有旋转的设定(Rotate),也可通过菜单上 Modify(改变)/Transform(变形)/Rotate(旋转)命令来进行。使用此命令时,被选物件四个角上也会出现几个手柄,只需用鼠标在某个角上进行旋转就行了。如图二:


图二

提示:此时的手柄是圆形的,表示可进行旋转操作。

一.眼球(详情请见 Resource.zip 文件包中的 eyeball 文件) 最终效果如图三:


图三

1.制作思路:

本例子的制作思路非常简单,一个圆球与两个圆的搭配,共同组建了这个卡通化的眼球。

2.制作步骤:

(1).File(文件)/New(新文件)命令,建立一个新文件。(以后实例的第一步都是这个操作,就不再指明)。

(2).选中绘图工具面板上的画圆工具,按住 Shift 键,在工作区绘一圆形,如图四:


图四

(3).现在我们给这个圆填充颜色:根据最终效果,我们在 Fill(填充面板)上选择球形渐变填充(Radial Gradient)并进行填充。结果如图五:


图五

提示:怎么啦,为什么我的填充这么黑?完全不象眼球了。呵呵,忘了告诉你如何设置渐变填充了,下面,我们来学学如何设置,这可是一项非常具有创意的工作哟。

A.默认的渐变填充面板如图六:


图六

看到那两个滑块与其上的长方形了吗?它们分别表示内部颜色、外部颜色、色值范围,只要你愿意,可以对它们进行任意变化,组合成千变万化的神奇色彩!

B.基本的修改方法:

改变内部或外部颜色:选中表示内部颜色或外部颜色的滑块,你会发现右边的颜色预览框变成了相应的颜色,然后点按颜色预览框,在弹出的调色板中任意选一种颜色就行了。现在用这种新设定的填充试一下,是不是你想要的效果?

以我们绘制的那个圆为例,我们只是将外部颜色由黑色改变为灰色,就得到了类似于人眼的"灰眼球"。

C.高级修改方法:

现在我们知道如何修改渐变填充的内部颜色与外部颜色了,那么,如果我想将第三种或第四种颜色填加进去,并一样要产生渐变效果,那又该如何做?其实很简单,只需在两个滑块之间填加表示第三种颜色甚至第四种颜色的滑块就可以了,方法是,用鼠标在两个滑块间点一下,出现第三个滑块,然后选中新添的滑块,并在右边的颜色预览框中选择相应的颜色。以此类推。如图七:


图七

提示:无论是哪种图像处理软件,都具有这种复杂填充的功能,其方法跟上面所讲的一致。

提示:学会了这种复杂填充的技术,我们就可以让平面图像变得丰富多采了。所谓平面作图,其实只是人眼对色彩判断的结果,例如一个圆球,平面的圆形,辅以球形渐变的填充,就成了一个立体的球体了。如图八:


图八

在以后的实例讲解中,你将继续体会这种色彩变化的神奇效果。

清除滑块:对于第三个或第四个添加的滑块,要清除它们非常简单,只需将其往下拉就清除了;首尾两个滑块表基本色,在渐变填充中不能清除,只能进行修改。

(4).眼球边缘显得太硬,现在我们把边缘清除掉:用鼠标双击圆球边缘,选中后按 Del 键。如图九:


图九

(5).在圆球内绘一圆形,为了操作简便,在填充前我们就在绘图工具栏中将圆形的属性设好:边缘无轮廓,内部以褐色进行实心填充,如图十:


图十

结果如图十一:


图十一

(6).同理,再在最里面绘一黑色无轮廓圆,最后得到如图三的效果图。

二.放大镜:(详情请见 Resource.zip 文件包中的 zoom 文件) 最终效果如图十二:


图十二

1.制作思路:

此物件共由一个圆与一个弧角方形构成,弧角方形应用褐色的实心填充,圆则应用由白到灰的球形渐变填充。

2.制作步骤:

(1).在当前工作区,用方形工具绘制一个圆角为 30 的弧角方形,并用褐色进行填充。用箭头工具(Arrow Tool)拖拉弧角方形的两条长边,使其稍具弧形。如图十三:


图十三

提示:不要忘了,给方形设置弧度,只需通过设置绘图工具栏 Options 下的属性就行了。

提示: Flash 在处理矢量图形时,可以任意改变图像的大小与外观,其处理方法就是用箭头工具进行拉扯。

(2).用 Insert/Layer 命令,在当前层上新添加一个层,然后在工作区绘制一个轮廓为黑色,填充为白色的圆形,并将其移动到弧角方形上。如图十四:


图十四

提示:为什么要建一个新层?层的作用是什么?现在暂且不管,这方面的内容将在以后讲述。

(3).现在对圆形进行填充。在 Fill(填充面板)上将圆形填充(Radial Gradient)设置成如图十五的模样:


图十五

提示:为什么要设置成如图十五的样式?原因在于:在样图中,内部颜色即白色占据了大部分空间,只在边缘处由白色渐变为灰色,而这,正是将填充样式改变的依据。

(4).最后对圆形填充,得到如图十二的最终效果。

三.放射齿轮:(详情请见 Resource.zip 文件包中的 radial 文件) 最终效果如图十六:


图十六

1.制作思路:

本物件由三圈齿轮构成,只要做好了第一个齿轮,第二个、第三个齿轮只需通过复制再变小就行了。困此,关键是第一个齿轮的制作。 前面我们在讲描边面板(Stroke)时讲到,轮廓可以有多种样式,而这种齿状轮廓,也是其中之一。这下就简单了。要绘制一个齿轮,只需画一个采用齿轮状轮廓的圆就行了。

2.制作步骤:

(1).先选定画圆工具,然后在 Stroke (描边面板)中将轮廓形状改成齿轮状轮廓。为了让齿轮清楚一些,我们将轮廓高度(Stroke Height)变得最大,即 10 ;颜色继续用默认的黑色。如图十七:


图十七

(2).设定后在工作区绘出的圆形如图十八:


图十八

(3).选中绘制好的齿轮,用 Edit(编辑)/Copy(拷贝)命令进行复制。 Insert(插入)/Layers(层) 命令新建一个层,再用 Edit(编辑)/Paste(粘贴)命令进行粘贴。这时,新建层上出现了一个与原来的齿轮一样的物件。改变它的大小并放到适当的位置,结果如图十九:


图十九

(4).Insert(插入)/Layers(层)命令再新建一个层,并用 Edit(编辑)/Paste(粘贴)命令进行粘贴,在新建的层上又会出现一个齿轮,改变其大小并放到适当位置就得到了最终效果。

四.暗夜星光:(详情请见 Resource.zip 文件包中的 star 文件)

最终效果如图二十:


图二十

1.制作思路:

本图像由三种物件组成:代表星光线的方形、代表光晕的球,以及光晕外的一个圆形光晕线。星光线用比较复杂的线形渐变填充制成,光晕则是用带透明效果(Alpha)的圆形填充完成;圆形光晕线是没有填充色,只有轮廓色的圆做成。

2.制作步骤:

(1).建立一个新文件,并将其背景改为黑色。方法是:Modify(改变)/Movie(电影),然后在弹出的面板中,将 Background (背景)旁边的颜色设为黑色。如图二十一:


图二十一

提示:为什么要将背景变成黑色?一方面,是要体现黑夜的"黑",另外一方面,是要让后面制作的星光线的两端与背景相溶。如果你的星光线两端是蓝色的,那么,最好将背景改成蓝色的,这样制作出来的星光线才会具有渐隐的效果。

(2).根据星光线的特点,我们在 Fill (填充面板)上将线形渐变填充(Linear Gradient)变成两端黑色,中间滑块为灰色,灰色滑块两边是蓝色滑块,总共含五个滑块的渐变填充样式。如图二十二:


图二十二

(3).用绘图工具栏上的方形工具绘制一个方形,注意,方形要尽量窄,同时,不要有轮廓。结果如图二十三:


图二十三

(4).绘制好了第一根星光线了,然后通过 Insert(插入)/Layers(层)命令建立多个新层,并在每个层上将刚才做好的星光线拷贝过去并进行位置移动和缩放,最后结果如图二十四:


图二十四

(5).所有星光线绘制完了,现在再建一个新层,用画圆工具绘制一个不带填充色,只有轮廓色的圆圈。结果如图二十五:


图二十五

(6).最后,我们来绘制光晕。

先对光晕进行分析:它的基本色应该是从白色到金黄色的过渡;到了光晕边缘,金黄色逐渐溶入黑色背景中,同时,金黄色中也透露出黑色的背景信息,这时,我们就得考虑使用 Alpha 透明属性进行设置了。

基于以上原因,我们将圆形渐变填充(Radial Gradient)设置成如图二十六的样式(右端滑块的设置请见图二十七):


图二十六

借助 Mixer(调色板),我们将金黄色端的 Alpha (透明值)设为 0% 。如图二十七:


图二十七

提示:Mixer(调色板)在对颜色进行设置时非常有用,所有对颜色的调整都可以通过它完成,建议你多使用。

现在绘制一个圆,并应用刚才设置好的圆形渐变填充,最终制作成如图二十的最终效果。

五.总结:

创作过程中什么最难?创意最难!再繁琐的操作,一个月不熟悉,两个月总能掌握;但创意却不同,一旦创作者不能跳出常规的角度,就很难获得灵光的一现。事物的规则就在那里,几个简单的形状一凑合就能制作出来,但如何让它显得别有新意就有很多考究了。

创新,除了心灵的闪光,不可否认,还在于熟练地掌握一些基本的工具,以上我们只是举了几个简单的例子,希望大家对各种基本操作有种新的认识。他们并不是死的,灵活地使用它们,往往能制作出非凡的效果!

当你不再为基本工具所限制时,创意的灵感就源源不断了,这或许也是"无招胜有招"的一个例子吧。

2003十大“IT风云人物”
页面功能 【我来说两句】【我要“揪”错】【推荐】【字体: 】【打印】 【关闭





ChinaRen - 繁体版 - 搜狐招聘 - 网站登录 - 帮助中心 - 设置首页 - 广告服务 - 联系方式 - 保护隐私权 - About SOHU - 公司介绍
Copyright © 2004 Sohu.com Inc. All rights reserved. 搜狐公司 版权所有

相关连接

 ■ 我来说两句
用  户:        匿名发出:
请各位遵纪守法并注意语言文明。
 
*经营许可证编号:京ICP00000008号
*《互联网电子公告服务管理规定》
*《全国人大常委会关于维护互联网安全的规定》
短信内容:
手 机
自写包月5分钱/条 更多>>
搜狐天气为你抢先报! 魔力占卜姻缘一线牵!
金币不是赚的是抢的! 爱情玄机任由你游戏!
猪八戒这样泡到紫霞! 帅哥一定要看的宝典!
你受哪颗星星的庇护? 萨达姆最新关押照片!
精彩彩信
[和弦]欧若拉 一生有你
沧海一声笑
[音效]挪威的森林
爆铃 MP3 G点图 动画
[和弦]童话 你到底爱谁
[原唱]一千年以后 断点
[爆笑音效]赚钱拉 野花
[串烧]张韶涵 潘玮柏
精彩短信
[和弦]小薇 好心分手
[音效]当当当当 忘记


搜狐商城
·家电|品牌风扇新品热销
·音乐|秦海璐幸福回味
·图书|《眼镜蛇事件》
更多...