三国志13无双上将潘凤:FLAS第二课
来源:百度文库 编辑:偶看新闻 时间:2024/04/29 04:34:11
第2课 绘图
在计算机绘图领域中,根据成图原理和绘制方法的不同,图像分为矢量图和位图两类型。矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置、颜色等。矢量图的清晰度与分辨率的大小无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图2-0-1所示是放大了16倍的矢量图效果。
图2-0-1 矢量图放大到16倍时依然清晰
位图图像是由像素构成的,像素的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。因此,位图图像的清晰度与分辨率有关。对位图图像进行放大时,放大的只是像素点,位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。
图2-0-2 位图放大16倍时模糊不清
在Flash动画制作过程中,会大量地运用到矢量图形。虽然有一些功能强大的矢量图绘制软件,如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等,而运用Flash自身的矢量绘图功能将会更方便,更快捷。在这一章里,我们将通过Flash基本绘图工具的学习,绘制出一些简单的矢量图。另外,Flash也具备一定的位图处理能力,虽然比不上专业的位图处理软件,但是对于制作动画过程中需要对位图的一些简单处理,它还是能够胜任的。
第一节 基本绘图工具(上)
Flash 提供了各种工具,用来绘制自由形状或准确的线条、形状和路径,并可用来对对象进行上色,如图2-1-1所示是Flash的工具箱。
图2-1-1 绘图工具箱
我们将分两节来学习这些工具的使用方法。在本节中,将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。
1.线条的绘制与处理
【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】,移动鼠标到舞台上,按住鼠标并拖动,松开鼠标,一条直线就画好了。
用【线条工具】能画出许多风格各异的线条来。打开【属性】面板,在其中,我们可以定义直线的颜色、粗细和样式,如图2-1-2所示。
图2-1-2 直线【属性】面板
在如图2-1-2所示的【属性】面板中,单击其中的【笔触颜色】按钮,会弹出一个调色板,此时鼠标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值,16进制数值以#开头,如:#99FF33,如图2-1-3所示。
图2-1-3 笔触调色板
现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮,会弹出一个【笔触样式】对话框,如图2-1-4所示。
图2-1-4 【笔触样式】对话框
为了方便观察,我们把【粗细】设置为3pts,在【类型】中选择不同的线型和颜色,设置完后单击【确定】,来看看设置不同笔触样式后画出的线条,如图2-1-5所示。
图2-1-5 不同类型的线条
多试试改变线条的各项参数,会对绘图能力的提高有很大帮助。
【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线,看看【属性】面板,它显示的就是该直线的属性,此时,所选工具自动变成了【墨水瓶工具】,如图2-1-6所示。
图2-1-6 使用【滴管工具】获取线条属性
使用【墨水瓶工具】单击其它样式的线条,可以看到,所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。
如果你需要更改线条的方向和长短,可以用【选择工具】来实现。
【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择【选择工具】,然后移动鼠标指针到直线的端点处,指针右下角变成直角状,这时拖动鼠标可以改变线条的方向和长短,如图2-1-7所示。
图2-1-7 改变线条方向和长短的鼠标形状
将鼠标指针移动到线条上,指针右下角会变成弧线状,拖动鼠标,可以将直线变成曲线。这是一个很有用处的功能,它可以帮助我们画出所需要的各种曲线形状,如图2-1-8所示。
图2-1-8 改变线条为弧线状的鼠标形状
2.实例演练——绘制一片树叶
现在我们来实践一下,练习画一片树叶。
执行【文件】|【新建】命令,弹出【新建文档】对话框,在【类型】中选择【Flash文档】,单击【确定】,建立一个新的Flash文档,在这里我们不改变文档的属性,直接使用其默认值。
(1)新建图形元件
执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】中输入元件名称为“树叶”,如图2-1-9所示,选择【行为】为【图形】,单击【确定】按钮。
图2-1-9 创建图形元件
这时工作区变为“树叶”元件的编辑状态,如图2-1-10所示。
图2-1-10 “树叶”图形元件编辑场景
说明:图形元件是Flash的基本元素,有关它的详细内容请参阅第四章的有关内容。
(2)绘制树叶图形
在“树叶”图形元件编辑场景中,首先用【线条工具】画一条直线,设置【笔触颜色】为深绿色,如图2-1-11所示。
图2-1-11 画一条深绿色直线
用【选择工具】将它拉成曲线,如图2-1-12所示。
图2-1-12 拉成曲线
再用【线条工具】绘制一个直线,用这条直线连接曲线的两端点,如图2-1-13所示。
图2-1-13 连接两端
用【选择工具】将这条直线也拉成曲线,如图2-1-14所示。
图2-1-14 拉成曲线
一片树叶的基本形状已经绘制出来了,现在我们来绘制叶脉,先在两端点间绘制直线,然后拉成曲线,如图2-1-15和图2-1-16所示。
图2-1-15 画叶脉线 图2-1-16 直线变曲
再画旁边的细小叶脉,可以用直线,也可以将直线略弯曲,这样,一片简单的树叶就画好了,如图2-1-17所示。
图2-1-17 简单的树叶效果
(3)编辑和修改树叶
如果在画树叶的时候出现错误,比如说,画出的叶脉不是你所希望的样子,你可以执行【编辑】|【撤销】命令(快捷键为Ctrl+Z),撤销前面一步的操作,也可以选择下面更简单的方法:用【箭头工具】单击想要删除的直线,被单击后的直线呈现网点状,说明它已经处于被选择状态,此时,你将可以对它进行各种修改了,如图2-1-18所示。
图2-1-18 被选中的线条
要移动选中的线条,就用鼠标拖动它,要删除它,就直接按键盘上的Delete键。按住Shift键的同时连续单击线条,可以同时选取多个对象。也可以用【选择工具】框选对象,被框选起来的对象将都被选中。如果要选取全部的线条,按键盘上的快捷键Ctrl+A,就可以将其全部选中了,如图2-1-19所示。
图2-1-19 框选对象
说明:在一条直线上双击,也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。
(4)给树叶上色
接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗?如图2-1-20所示。
图2-1-20 【颜色】选项
单击【填充色】按钮,弹出一个调色板,同时光标变成吸管状,如图2-1-21所示。
图2-1-21 调色板
说明:除了可以选择调色板中的颜色外,还可以点选屏幕上任何地方,吸取你所需要的颜色。
如果你觉得调色板的颜色太少不够选,那么单击调色板右上角的【颜色选择器】按钮,此时会弹出一个【颜色】对话框,其中有更多的颜色选项,在这里,你能把选择的颜色添加到自定义颜色中,如图2-1-22所示。
图2-1-22 【颜色】对话框
在【自定义颜色】选项下单击一个自定义色块,该色块会被虚线包围,在【颜色】对话框右边选择你喜欢的颜色,上下拖动右边颜色条上的箭头,拖动鼠标到你需要的颜色上,单击【添加到自定义颜色】按钮,这种颜色就被你收藏起来了。下一次要使用时,打开【颜色】对话框,在【自定义颜色】中可以方便的选取你中意的颜色。
好了,现在我们在调色板上选取绿色,单击工具箱中的【颜料桶工具】,在画好的叶子上单击一下,效果如图2-1-23所示。
图2-1-23 填充颜色
【颜料桶工具】能在一个封闭的区域中填色。按快捷键Ctrl+Z,取消刚填充的颜色,现在我们用【橡皮擦工具】将线条擦出一个缺口,再填充右下角的区域,效果如图2-1-24所示。
图2-1-24 擦出缺口后的填充效果
你看,残缺线条的两边都填上了颜色。
现在,我们一块一块的填上颜色吧!但是在填充颜色前,你一定要将树叶图形恢复到使用【橡皮擦工具】进行擦除操作前的状态,可以按两次Ctrl+Z键来实现。
这时,你可能会想,如果我们刚才先填充颜色再画叶脉就省事多了。确实是这样,随着不断地操作,绘图经验将越来越丰富。填充完的效果如图2-1-25所示。
图2-1-25 填充颜色后的效果
至此,树叶图形就绘制好了。执行【窗口】|【库】命令,打开【库】面板,你将发现【库】面板中出现一个名称为“树叶”的图形元件,如图2-1-26所示。
图2-1-26 【库】面板中的“树叶”图形元件
说明:【库】面板是存储Flash元件的场所,我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里,这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第四章的相关内容。
(5)【颜料桶工具】选项
选择【颜料桶工具】后,在工具箱中,单击【选项】下的封闭小空隙按钮,弹出一个菜单,其中有四个选项,可以根据自己的需要来确定,你可以自己试一下,如图2-1-27所示。
图2-1-27 颜料桶工具选项
说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图填充的工具,它不能作用于线条。选择【颜料桶工具】后,在工具箱下边的【选项】中单击按钮,会弹出四个选项,如图2-1-27所示。其中,【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要对大的不封闭区域填充颜色,一般用笔刷。
3.【刷子工具】的用法
使用【刷子工具】可以随意地画出各种色块。当单击工具箱中的【刷子工具】后,工具箱下边就会显示出它的【选项】,我们先看看它的【选项】,如图2-1-28所示。
图2-1-28刷子工具选项
在这里,我们可以选定画笔的大小和样式以及它的填色模式。你可以自己选取不同的大小和样式练习练习,先找一找感觉。
下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图2-1-28所示的【选项】下单击按钮,则弹出填充模式下拉列表,如图2-1-29所示。
图2-1-29刷子的填色模式
(1)标准绘画
选择【刷子工具】,并将【填充色】设置为黄色,当然也可以设置为其它色。选择刷子的填色模式为【标准绘画】模式,移动笔刷到舞台的树叶图形上,在叶子上拖动鼠标,观察一下效果,如图2-1-30所示。
图2-1-30 标准绘画模式
你将发现,不管是线条还是填色范围,只要是画笔经过的地方,都变成了画笔的颜色。
(2)颜料填充
选择【颜料填充】模式,它只影响了填色的内容,不会遮盖住线条,效果如图2-1-31所示。
图2-1-31 颜料填充模式
(3)后面绘画
选择【后面绘画】模式,无论你怎么画,它都在图像的后方,不会影响前景图像,如图2-1-32所示。
图2-1-32 后面绘画模式
(4)颜料选择
选择【颜料选择】模式,先用画笔抹几下,丝毫不起作用。这是因为我们没有选择范围。用【选择工具】选中叶片的一块,再选择【刷子工具】进行绘制,此时可看到选择区域被涂上所选的颜色,如图2-1-33所示。
图2-1-33颜料选择模式
(5)内部绘画
选择【内部绘画】模式,在绘画时,画笔的起点必须是在轮廓线以内,而且画笔的范围也只作用在轮廓线以内,如图2-1-34所示。
图2-1-34 内部绘画模式
4.绘制树枝
现在我们要把这孤零零的一片树叶组合成树枝。
想一想,如果用多片这样一模一样的树叶组成树枝,是不是很难看呢?Flash为我们提供了一个很好的工具:【任意变形工具】。利用【任意变形工具】可以将前面绘制的树叶改变成需要的形状。
【任意变形工具】可以旋转缩放元件,也可以对图形对象进行扭曲、封套变形。选中树叶,在工具箱中选择【任意变形工具】,工具箱的下边会出现相应的【选项】,如图2-1-35所示。
图2-1-35任意变形工具选项
说明:【任意变形工具】的【选项】中共包括5个按钮,从上向下依次是:【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。当你选择了【任意变形工具】后,【选项】中的按钮并不是马上都被激活,除了【对齐对象】按钮,其他按钮都是灰色显示,只有你在场景中选择了具体的对象以后,其他4个按钮才变成可用状态。
(1)旋转树叶
选择【任意变形工具】后,单击舞台上的树叶,这时树叶被一个方框包围着,中间有一个小圆圈,这是变形点,当我们进行缩放旋转时,以它为中心,如图2-1-36所示。
图2-1-36变形点
变形点是可以移动的。将鼠标移近它,鼠标右下角会出现一个圆圈,按住鼠标拖动,将它拖到叶柄处,便于树叶绕叶柄进行旋转,如图2-1-37和图2-1-38所示。
图2-1-37 选取变形点 图2-1-38 拖动变形点到叶柄处
再将鼠标移动到方框的右上角,鼠标变成旋转圆弧状,表示这时就可以进行旋转了。向下拖动鼠标,叶子绕变形点旋转,到合适位置时松开鼠标,效果如图2-1-39所示。
图2-1-39旋转后的树叶
(2)复制树叶
用【选择工具】选中树叶图形,执行【编辑】|【复制】命令,再执行【编辑】|【粘贴到中心位置】命令,这样就复制出了树叶图片,如图2-1-40所示。
图2-1-40复制出的树叶图片
(3)变形树叶
将粘贴好的树叶拖到旁边,再用【任意变形工具】进行旋转。使用【任意变形工具】时,也可以像使用【选择工具】一样移动树叶的位置。
拖动任一角上的缩放手柄,可以将对象放大或缩小。拖动中间的手柄,可以在垂直和水平方向上放大缩小,甚至翻转对象。将树叶适当变形,如图2-1-41所示。
图2-1-41 缩放对象
说明:【任意变形工具】的各项功能也可以执行【修改】|【变形】菜单中的命令来实现,如图2-1-42所示。
图2-1-42变形命令
(4)创建“三片树叶”图形元件
再复制一片树叶,用【任意变形工具】将三片树叶调整成如图2-1-43所示的形状和位置。
在调整过程中,当调整效果不满意时,也许树叶已经不再处于被选中状态,有时要重新选取整片树叶很困难,我们可以多使用撤销命令,以恢复选取状态。当然也可以先新建图层,然后把每片树叶存放到相应的图层中,这样能大大方便树叶的选取,图层的知识我们将在后面介绍。
图2-1-43 树叶组合
如图2-1-42所示的三片树叶图形创建好以后,将它们全部选中,然后执行【修改】|【转换为元件】命令(快捷键为F8),将它们转换为名字为“三片树叶”的图形元件。
把“树叶”元件场景中新增的两片树页删除。
(5)绘制树枝
以上的绘图操作都是在“树叶”编辑场景中完成的,现在返回到主场景:场景1,在时间轴的右上角有一个【场景1】按钮,如图2-1-44所示,单击它,这样就切换到了场景1。
图2-1-44 切换到【场景1】
单击【刷子工具】,选择一种填充色,在工具箱下边的【选项】中,选择【刷子形状】为圆形,【刷子大小】自定,单击按钮,选择【后面绘画】模式,移动鼠标到场景中,画出树枝形状,如图2-1-45所示。
图2-1-45 画出树枝
(6)组合树叶和树枝
执行【窗口】|【库】命令(快捷键为Ctrl+L),打开【库】面板,你可以看到,【库】面板中有两个刚制作完图形元件,分别为“树叶”和“三片树叶”,如图2-1-46所示。
图2-1-46 元件库
单击“树叶”图形元件,将其拖放到场景的树枝图形上,用【任意变形工具】进行调整。元件【库】中的元件可以重复使用,只要改变它的大小和方向,就能制作出纷繁复杂的效果来,如图2-1-47所示。
图2-1-47 完成后的树枝效果
flas下载
FLAS的基本做法
怎样自己制作FLAS
Flas制作的基础
flas mx2004的注册码
FLAS声音问题
在FLAS中,set是什么意思
网页上显不出来FLAS,求救!!!
复制flas上的文字
怎么才能播放FLAS中的avi文件
如何做QQ空间FLAS导航条
在DreamweaverMX2004 不能插入Flas按钮
我的机器有关flas图画都没有为什么
上哪个网站去玩flas游戏不花钱
怎么能把flas装到qq空间里
新概念第二册 42课
新概念第二册 46课
新概念第二册 52课
新概念第二册 53课
会FLAS上H的各位有谁可以帮我吗?
想找一个可以下FLAS和电影的网站 速度一定要快的稳定的
请问大家,在我的IE浏览器中为什么不能显示FLAS了?
在FLAS里面怎么样存GIF格式后还能保持动画效果?
为什么我的网页不能直接显示FLAS而提示有风险