网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> Flash-> Flash 动画技术<二>

Flash 动画技术<二>
作者:xiehong 来源:cfanclub 加入时间:2005-1-14
相关文章 相关书籍:

绘制对象
我们将讲解Flash矢量图形的绘制和编辑图形对象
  Flash中的图形一般都是矢量图形,每个对象都有自己的属性,例如直线有颜色,线型,粗细等属性,可以在相应的面板中修改。
  现在我们试着创建简单的图形,最基本的对象当然是直线对象,在工具箱中单击直线工具,在工具选项中的边框色(铅笔旁边的颜料盒)选择直线的颜色为红色,在“窗口”菜单选择“属性”命令,在面板中选择粗细为3,“实线”样式不变。
  然后将鼠标移到工作区,当鼠标指针变成十字型时,按住左键拖动到直线终点,松开左键,就可以创建出一条直线,按住Shift键,可以画出笔直的线条,试着画出两条直线来;
  再插入一个空白关键帧用直线工具绘出一个大的红色的“米”来,用单击“文件”菜单中的“保存”命令以“图形对象”为文件名保存文件到自己的文件夹(在弹出的对话框中的“保存在”中单击鼠标找到自己的文件夹)
  绘制矩形工具的方法和绘制直线的方法类似,再插入一个空白关键帧,单击矩形工具,选择绿色边框色(旁边有个铅笔的颜料盒)和红色填充色(旁边有个油漆桶的颜料色),在“属性”面板中将边框线样式保持为实线,粗细设为2,在工作区中绘制一个矩形,再将边框线样式设为虚线,粗细设为5,绘制一个矩形。用“保存”命令保存一下文件
  使用同样的方法,在下一帧插入一个空白关键帧,用椭圆工具在工作区中绘制一个黄边椭圆和正圆(绘制正圆要按住Shift键)。用“保存”命令保存一下文件
  怎样绘制普通的曲线呢?使用铅笔工具,在下面的选项面板中单击按钮选择一种铅笔模式就可以随意绘画了。在第四帧插入一个空白关键帧,用铅笔工具下面的选项中的三种模式(“直线化”、“平滑”、“墨水瓶”),分别在工作区中用铅笔工具写出绿色、实线、粗细为1的“美丽的校园”。比一下它们的不同之处。用“保存”命令保存一下文件

缩放对象
    我们开始学习如何使用Flash工具缩放、旋转和倾斜对象。
  在编辑图形时,经常会使用缩放工具调整图形的大小,方法是先用箭头工具选中对象,然后选择“自由转换工具”,此时选中的对象周围会出现八个控制点小黑块,沿着控制点的方向拖动小块,即可缩放对象。
  旋转操作和缩放对象基本上差不多,鼠标移到控制点外面会出现一个弧线箭头,顺着箭头的方向拖动就可以旋转,旋转时要绕着中心拖动。
  下面我们来练习,在工作区中输入文字,选择文字工具,再在工作区单击右键选“属性”,设定华文行楷、字号36号、红色,输入“美丽”,用箭头工具选中,按住Ctrl键用箭头工具拖动对象,可以复制对象,我们一共复制8个来。
  其中四个用自由转换工具,拖动控制点分别缩成瘦长形的、扁形的、放大的和缩小一倍的图形
  另外四个用旋转的方向(在控制点外面一点),分别旋转90度、180度,以及倾斜(变成双线)左、右45度,用“缩放对象”为文件名,用“保存”命令保存文件到自己的文件夹中,按Ctrl+回车键(按住Ctrl不松再敲一下回车键)测试影片,看一下效果。欣赏完按Ctrl+W关闭返回。
  精确的编辑要在面板中,用数字确定。选择一个对象,在“窗口“菜单”中打开“转换”面板,看一下面板上的各个选项,两个双箭头表示横向和纵向的放大倍数,默认100%不放大,下面的旋转和倾斜选项,对应自由变换工具的两个操作。右下角有两个按钮,一个是“复制并应用转换”单击就可以按设定复制出一个对象。另一个是“复位”可以让变形的对象恢复原样。

按此在新窗口浏览图片
面练习一下,单击右键,插入空白关键帧,选择文本工具,在工作区中写上红色24号“千山万水”,选择箭头工具,按住Ctrl键拖一个放在旁边,选中第一个文字对象,打开“转换”面板,在“旋转”中输入度数90后按回车键确定,看一下效果,再选中第二个文字对象,在“旋转”中输入90后单击“复制并应用转换”按钮,看一下效果,再单击一下“重置”复位按钮恢复原状,再输入45连续单击三次“复制并应用”按钮,看一下对象的排列情况,保存一下文件;
  更改旋转中心 一般旋转是绕着中心的,有时想改变对象的旋转中心点,就在选中对象后,选择“自由转换工具”,对象中心会有一个小圈,用箭头工具拖动小圈就可以改变位置。
  下面来练习一下,用它来绘制一朵花, 再接着插入一个空白关键帧,选择椭圆工具,用黑白渐变色, 在工作区中竖着画一个细长的椭圆,这是一个花瓣,用箭头工具选择椭圆的外边框(当鼠标后面拖一条线时就是外边框),按Delete键删除边框,选中椭圆,按Ctrl+G键将图形群组一下,选择“自由转换工具”,将椭圆的中心点拖到椭圆下边的再下面大约2毫米(中心点已经在椭圆外面了)。打开“转换”面板,在“旋转”中输入36(每次转36度),连续单击“复制并应用转换”按钮,最终得到一朵花。用保存命令保存一下文件.

    呵呵..大家看的懂不...有什么问题可以部我小新哈..

调整对象
    一个工作区当中的对象,有时会相互重叠,这时它们会按照建立的先后顺序来排列,最先建立的对象会在最下面,而最后建立的对象则在最上面,如果想改变对象的顺序,可以使用Flash的菜单命令。
    先选中它,再打开“修改”菜单,选择“排序”命令。再里面选择相应的命令,注意排列的都应该是群组对象。分散的对象会自动排到最后,如果不是群组对象,应该用Ctrl+G命令群组一下也就是“群组”命令,群组对象用Ctrl+B分解,对应“修改”菜单中的“分解组件”命令,要学会用快捷键来操作;
    复制对象 可以用复制粘贴命令,也可以按住Ctrl键再拖动对象。使用粘贴时有一个“粘贴到新位置”,可以将对象复制到相同的位置上,否则会到中心位置。
    对齐对象 选中多个对象,然后再打开“排列”面板,选择相应的水平和垂直对齐方式。

    怎样绘制一个无外边框的矩形呢?可以点击边框色,然后在边框色(旁边有铅笔的颜料色)面板的右上角斜杠按钮上点一下,即可取消边框色(无填充色的方法相同),但是绘制的仍然是分散图形,而不是群组对象。     
    下面来做一个练习。图形效果是五个不同颜色的圆一个压一个,颜色分别是红、黄、绿、蓝、紫一个压一个,注意最后红圆的压紫圆,不能是紫圆压红圆,如下图所示;


按此在新窗口浏览图片
首先打开网格:在“查看”菜单中选择“网格”中的“显示网格”命令,打开网格,再选择“网格”中的“贴近网格”命令打勾;
  选择椭圆工具,填充色为红色,将边框色改为斜杠的“无边框”,在工作区中央绘制一个直径长为6个网格的正圆,用Ctrl+G命令群组一下。用“旋转花瓣”为文件名,保存文件到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹);
    这时第一个红圆就做好了,其它四个可以用“转换”面板复制得到:
    1、调整旋转中心,以便旋转成花瓣,选中红圆,选择“自由转换工具”,用箭头工具将中心拖到离圆左边一格的格线十字交点上,中心已经在圆的外面了;



按此在新窗口浏览图片
2、下面开始旋转,在“窗口”菜单中打开“转换”面板,在旋转选项中输入72,即顺时针旋转72°,单击“复制并应用转换”按钮,此时就会复制出一个新的红圆,但要求是一个黄圆,试着拿油漆桶喷一下黄色,能喷上去黄色吗?
    3、因为是群组对象,所以不能喷色,应该先把它打散,按Ctrl+B将圆分解,再用油漆桶喷上黄色,再按Ctrl+G重新组合出一个对象,此时出来一个黄圆;
    重复1-3步骤,直到最后一个紫圆(注意每次先转换中心位置成相同),用“保存”命令保存一下文件
    我们发现紫圆压着蓝圆和红圆,一个压两个了,而不是一个压一个,怎样让红圆压紫圆呢?
    用框选的方法把五个圆都选中,按Ctrl键拖动复制一份放在旁边,万一错了还有一个备份的,当然Ctrl+Z撤销也不错;
    根据后一个分散的图形会啃掉(融合)前一个分散的图形的道理,再作一个辅助的图形,选中紫圆调整旋转中心,再复制一个到红圆的位置,将这个新紫圆打散改为黑色图形,再群组一下,黑圆起切割作用,这时黑圆压着紫圆,先把紫圆打散,再打散黑圆,后打散的黑圆自动啃掉一块先打散的紫圆。这时再单击一下紫圆,由于黑圆已经打散会自动藏在最后,而紫圆也被黑圆啃掉一块,把紫圆群组一下,图形的效果也就出来了;保存一下文件  

    按Ctrl+回车键看一下一瓣压一瓣的效果。欣赏完后按Ctrl+W关闭返回

套索工具
在编辑的过程中会有许多错误的操作,这时可以使用“编辑菜单”中的“撤销”命令来取消上一个操作,这就是复原的功能(快捷键是Ctrl+Z),跟它相反的是“重复”,向前一步;
    分解组件的命令可以将文字对象、符号、与点阵图分离成线条和填色区域,这样你就可以使用墨水瓶工具与油漆桶来编辑它们了,命令是“修改”菜单中的“分解组件”(Ctrl+B),然后变成阴影可以分别选取;

 

    下面我们来做一个练习,选中第一帧,在文件菜单中选择“导入”命令。导入当前“第五课”文件夹中的“蝴蝶”图片文件。此时工作区中导入一幅点阵图片。以“分解图片”为文件名,保存到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹);
我们要把蝴蝶选取出来,去掉背景部分。怎样才能去除背景呢?选中背景部分然后删掉它们;
先打散蝴蝶,选择“分解组件”命令,将工作区中的蝴蝶分解;
再选取背景,此时要用到工具箱中的“套索工具”,,它是一个绳圈,可以套中你所想要的部分;
选择套索工具,然后在它的选项面板中可以看到有两个发光的魔术棒,选择右边的属性魔术棒,修改魔术棒的属性,在弹出的对话框中将“限度”调成10,“平滑”调成“平滑”,这样就可以精确选择,单击“确定”回到场景中;
    再选择左边的魔术棒,先在空白处点一下取消其他的选择,然后再在背景上点一下,此时你就可以发现,魔术棒精确地选中了背景部分,按“Delete”键删除选中的背景,别把蝴蝶给删了;
    再调小“限度”为5,进一步选中剩下的背景部分,注意要耐心和细致,可以多种方法并用,比如橡皮,框选等,把背景去除掉,保留下蝴蝶;

    再用框选的方法(用箭头工具画一个大框,选中蝴蝶,单击“插入”菜单中的“转换成元件”命令,将图形转换成一个以“我的蝴蝶”为名称的图形符号,我们就成功了,用“保存”命令保存一下文件;


输入和修改文字


在本章中将介绍一下有关文字处理方面的知识,要在工作区上输入文字就要使用文字工具,要输入文字,首先选取“文本工具”,然后移动鼠标到工作区上,单击一下鼠标左键,工作区上就出现一个文本框。注意:在工作区中拖动鼠标将会产生一个固定大小的文本框;
    当文字框内出现插入点光标符号时就可以用键盘输入文字,按回车键可以换行到下一行。也可以用复制粘贴的方法,把文字拷贝到文本框里。编辑文字的方法,和我们一般的字处理软件相同,可以插入或删除一个文字。删除的方法是使用退格键或者Delete键,它们的区别是退格键删除光标左边的字符,Delete键删除光标后面的字符;
    下面我们来做练习写一首诗,选择文本工具,在工作区单击右键打开“属性”面板,将字体设为华文行揩,字号为24,颜色为蓝色;
    在工作区中点一下鼠标左键,在文本框里输入五行古诗“ 画  远看山有色,近听水无声。春去花还在,人来鸟不惊。”(每行输完后按一下回车键)。以“诗”为文件名,保存文件到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹); 

按此在新窗口浏览图片
下面设置一下文本格式,让诗排得更好看。在第二帧上插入关键帧,先把字体调大,用文本工具选中标题“画”,在字号框中输入48,把标题字号改大;
    再选中诗的正文部分,将字号改为36,保存一下文件;
    我们知道标题一般是在正中央。怎样让“画”也到中央呢?这在段落格式中设置。
    先选中“画”,然后在“属性”面板右边点击“居中对齐”按钮,这样选中的“画”就到了这一行的正中央,到这里我们就大功告成了,保存一下文件 ; 

显示和播放帧
动画是由一格一格的“帧”所组成,在时间轴中你可以对照帧上方时间标尺来了解每一帧的位置,标尺上有一个红色帧指针,用于显示当前所显示帧的位置,而在时间轴状态栏中也会显示帧的编号;


播放动画时,帧指针会沿着时间标尺由左向右移动,以指示当前所播放的帧。在编辑动画时,你也可以拖动帧指针到预定的位置;
    在时间轴的标尺最右边有一个帧显示按钮,单击它会显示下拉菜单,你可以选取五个与帧显示有关的命令,默认是“标准”。要使帧的高度缩短,在下拉菜单中选择“较短”,如果想显示帧的缩略图(缩小的图),在下拉菜单中选择“预览”,但这样会占用更多的帧面板空间和系统资源,选择“关联预览”可以在“预览”的基础上显示图象的位置和大小比例,还原的方法是重新选择“标准”即可;
    要改变帧的播放速度,可以双击帧面板状态栏中的“12.0”激活影片属性对话框,也可以选择“修改”菜单中的“影片”命令,将默认的12.0改为其他数值;
    下面我们来做练习:我们要制作出一个扫描的雷达来,注意细致和耐心,所有面板都在“窗口”菜单里找到;
    雷达由表盘、指针和文字三部分组成,先制作表盘。选择“插入”菜单中的“新建元件”,以“表盘”为名的图形符号,然后在“查看”菜单里选择“显示网格”,再选择“贴近网格”命令;

按此在新窗口浏览图片

表盘由圆环和刻度组成(看上图),选择椭圆工具,绘制一个边框为绿色的圆,选择箭头工具,画框选中整个圆,选择“窗口”菜单,找到“信息”命令(我们一会儿要经常用它改大小)将圆的宽度W和长度H改为144,再打开排序面板,先单击按下“到场景”按钮,再选择“排列”里的第二个“水平排列”和“分布”里的第二个“垂直中间分布”两项,使图形位于工作区的十字正中央。再将内部填充部分选中并删去,留下一个大圆。同样在旁边再绘一个绿圆,并把长H和宽W改为134,删去内部填充色,再在排序面板中选择“水平排列”和“垂直中间分布”让这个圆套进大圆中,形成一个均匀的圆环,选择油漆桶具,给两个圆之间的缝隙填上绿色。以“雷达”为文件名,保存文件到自己的文件夹,关闭所有面板。

按此在新窗口浏览图片
下面再绘制刻度部分,先用箭头工具在空白处单击一下取消所有选择,再选择直线工具,打开属性面板将线粗细改为2.75,在旁边画一条水平直线,选中这条线,打开信息面板,将宽度(w)设为144,再在排序面板中单击“水平排列”和“垂直居中排列”将这条线对齐到圆的中央对齐成一条水平直径(注意“到场景”按钮要按下)。再打开转换面板,在“旋转”中输入10,单击右下角“复制并应用转换”按钮,一直到整个圆被平均分成36等份。这时的图形有点儿像一个车轮,框选整个车轮群组一下(Ctrl+G),我们要把车轮中间挖去,留下刻度线就可以了,保存一下文件;

按此在新窗口浏览图片

按此在新窗口浏览图片
按此在新窗口浏览图片

按此在新窗口浏览图片
挖的方法是使用分散对象之间的“啃”,在车轮左边画一个边框色为黑色填充色为绿色的圆,在信息面板中将大小设为120,删去外边框,选中绿圆群组一下,打开“排序”面板,按下“到场景”按钮,再单击“水平排列”和“垂直居中分布”,将绿圆部分对齐到车轮中,将所有图形框选中群组一下(Ctrl+G),再用分解组件(Ctrl+B)命令将所有群组都分解打散(多用几次),再用箭头工具只选中内部的圆删去,就挖去了中间部分,留下一个刻度盘。再在中央绘制一个大小为36的小绿圆,用排序面板对齐到中心部分,选中所有图形,群组一下。保存一下文件,表盘我们就做好了。
    下面再做一个指针,选择“插入”菜单中的“新建元件”命令,以“指针”为名建立一个图形符号,在场景中绘制一个填充色为黑色的圆,在信息面板中将大小设为134,删去外边框,选中圆,打开“排序”面板,先按下“到场景”按钮,再单击“水平排列”和“垂直居中分布”,使黑圆位于十字的中央,用“箭头工具”框选黑圆的四分之一,把这四分之一拖到旁边,并用油漆桶工具给它添上黑色渐变色,要求黑色在左边,白色在右边(用油漆桶从右向左拉一条直线),选择“插入”菜单中的“转换成组件”,以“四分之一”为名,转换成一个图形符号,然后按Delete键删掉它,贴着剩下的四分之三圆中的缺口的水平部分,绘制一条宽度为3(在“属性”面板中设定)的绿直线边,同样选中它并把它转换成一个以“直线”为名的图形组件,然后删掉直线(不用担心,都保存到图库里了),保存一下文件;

按此在新窗口浏览图片


在“窗口”菜单中打开图“库”面板,先把四分之一再拖回到圆当中,用键盘方向键慢慢移动对好,然后打开“属性”面板,单击右边“颜色”旁边的“没有”,选中“Alpha”,将它改为60%,产生一个半透明效果来,关闭效果面板,再把直线拖到四分之一的下边对好位置。框选中所有图形群组为一个对象,这样一个指针就做好了。保存一下文件;
    这时我们的所有组件都制作好了,单击“场景1”返回到场景中开始组合它们;
    先拖一个表盘到场景中,用排序面板对齐到中央,将这一图层命名为表盘层并锁定,再新增一个图层重命名为“指针层”,把指针组件拖一个到表盘的上面,也对齐到中央,应该恰好挡住四方之三的表盘刻度,然后在第20帧处插入关键帧,再在第一帧处创建动作动画,打开属性面板,将“旋转”调为“顺时针”CW,次数为1,让指针顺时针旋转,将表盘层也加长到20帧(用“插入帧”命令),保存一下文件;
    按Ctrl+回车键,看一下效果,有一点意思,但还不太像,回到场景中,双击时间轴上的“12.0”打开影片属性,将背景颜色改为黑色,将速度改为24,单击确定。

[文章录入员:sky365]

相关文章 相关书籍:
本站推荐内容

近期主机类热搜关键词:
美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

Flash
DreamWeaver
FrontPage
FireWorks
Flash
HTML
其它
电脑教程阅读排行
·Flash入门实例:水滴动画制作
·Flash MX 新的闪烁世界(...
·Flash基础教程:初学者应用的...
·Flash动画基础(入门必看)
·Flash基础教程:学Flash...
·初学flash守则
·Flash课件一网打尽
·教你做一个Flash的时钟
· Flash 动画技术<一...
·Flash Mx使用技巧十二则