admin 管理员组文章数量: 887021
2023年12月24日发(作者:编程程序软件)
Flash 基础
目 录
Flash基础 ............................................................................................................................................ 1
(一)、动画基础1 ............................................................................................................................. 3
(二)、动画基础2 ............................................................................................................................. 7
一、界面介绍 ...................................................................................................................................... 7
二、绘制对象 .................................................................................................................................... 12
三、缩放对象 .................................................................................................................................... 13
四、调整对象 .................................................................................................................................... 14
五、辅助选项 .................................................................................................................................... 16
六、输入和修改文字 ........................................................................................................................ 17
七、编辑文字 .................................................................................................................................... 18
八、显示和隐藏时间轴 .................................................................................................................... 19
九、显示和播放帧 ............................................................................................................................ 21
十、编辑帧 ........................................................................................................................................ 24
十一、图层操作 ................................................................................................................................ 25
十二、图层遮罩 ................................................................................................................................ 27
十三、符号和组件 ............................................................................................................................ 28
十四、线性动画 ................................................................................................................................ 30
十五、缩放动画 ................................................................................................................................ 33
十六、色彩动画 ................................................................................................................................ 34
十七、引导线动画 ............................................................................................................................ 35
十八、按钮组件 ................................................................................................................................ 35
十九、帧动作和按钮动作 ................................................................................................................ 36
二十、添加声音 ................................................................................................................................ 38
Flash基础教程
Flash基础
启动Flash 单击“开始”|“程序”,在程序菜单中找到Flash或者Macromedia菜单选择Flash项。
启动Flash后会出现一个窗口,动画制作就在这个窗口中,下面我们来看一下。
窗口的最上面是蓝色的标题栏,当前影片自动给了一个名称[影片1],在“保存”文件时要改为一个有意义的文件名称。
标题栏下面是菜单栏,菜单是一组命令,我们操作计算机,就是向计算机提供指令,其中“文件”菜单(注:本书中所有带双引号文字都是命令选项)要求记住“打开”、“保存”、“另存为”、“导入”几项,文件菜单中的命令都跟文件操作有关。“插入”菜单中要记住“新建组件”和“转换成组件”两个命令。“修改”菜单的“群组”和“分解组件”命令。“窗口”菜单中的“面板”命令。
1
Flash基础教程
菜单栏下面是工具栏,工具栏中放的是最常用的菜单命令,而且是用图标来表示的,便于形象记忆。
工具栏下面就是工作区了,在工作区的左边是工具箱,里面有许多的绘图和修改工具,跟Windows中的画图差不多,要求记住黑“箭头”工具,它是用于选择图形的,“A”是文本工具,用于文字输入,里面还有两个瓶子,要区分开,左边的“墨水瓶”工具是用来给图形的外边框涂色的,一般铅笔和钢笔用它选颜色,右边的“油漆桶”工具用来给图形的内部填充色,一般给圆形、矩形内部和刷子喷色。使用时一定要多注意,不要搞反了。
在工具箱旁边是时间轴面板分成了两块,左边是图层面板,自动有一个黑色的“图层1”,黑色上面有三个按钮:一个眼睛一个小锁和一个方框,图层面板用来控制图层的添加、删除、选中等等。
右边是时间轴,上面有许多的小格子,每个格子代表一帧,整数的帧上有数字序号,而且颜色也深一些,一帧可以放一幅图片,动画就是由许许多多帧组成的。帧上面有一个红色的线,这是时间指针,表示当前的帧位置,同时下面的时间轴状态栏也有一个数字表示第几帧。时间轴右上角还有两个按钮,一个是场景按钮,一个是组件按钮。
工作区的中央空白是场景,所有的画图和操作都在这个白色的区域中实现,也只有这个区域的图像才能在动画中播放出来。
窗口的最下方是状态栏,状态栏左边有一个显示比例列表框,可以放大或者缩小场景的显示比例。
看一看下面的图形,说出Flash窗口的各个组成部分。
2
Flash基础教程
本节主要讲述了Flash窗口的组成和Flash的工具箱和时间轴面板,这些都要求牢牢记住。
(一)、动画基础1
动画是指物体在一定的时间内发生的变化过程,包括动作、位置、颜色、形状、角度等等的变化,在电脑中用一幅幅的图片来表现这一段时间内物体的变化,每一幅图片称为一帧(以后我们就用帧表示图片),当这些图片以一定的速度连续播放时,就会给人以动画的感觉,而静止的物体则用一幅幅相同的图片来表示,在电脑中只要告诉Flash动画的第一幅和最后一幅图片,而中间的变化电脑会自动生成,大大减轻了动画创作的负担,使得动画创作由传统的手工制作,转变为电脑合成,从而为动画制作开创一个新的天地。
下面看一个例子
看一下这幅画,可以看到一个小车和一条路,在Flash中怎样制作出来的呢?
先制作小车,从左边的工具箱中选择矩形工具,在白色的工作区左边画一个长方形作车厢,再选择椭圆工具,画两个圆当作车轮。
3
Flash基础教程
再从左边的工具箱中选择黑色的箭头工具,它是用来选择物体的,用箭头工具在中画一个大框把小车整个框住,然后单击菜单栏中的“修改”菜单,选择“群组”命令,把小车组装起来。
这样就有了小车的一幅图片,这时小车在左边。小车最后跑到了右边,我们只需画出两头的图片,中间的让电脑来制作。
在第20帧上单击鼠标右键,在弹出的菜单中选择“插入关键帧”命令,电脑自动照着第一帧给20帧插入了小车的图片。
4
Flash基础教程
小心地把工作区左边的小车拖到右边,这样第一帧小车在左边,第20帧小车在右边,中间小车跑动的图片电脑会自动插入。
在第一帧上单击鼠标右键,在弹出的菜单中选择“创建动画动作”,这时在第1帧到第20帧颜色会变蓝紫,上面有一个从左到右的箭头,表示电脑已经成功地插入中间过渡帧。
5
Flash基础教程
公路是静止不动的,因此跟小车要分开画,单击图层1下面的“+”号按钮,在图层1上新增一个图层2,电脑自动按照图层1给图层2插入20帧空白帧,在图层2的第一帧上点击一下鼠标选中第一帧。选择左边工具箱中的直线工具在小车的上下各画一条长的直线,这样公路也制作好了。公路是静止的,因此第一幅图片一直延伸到最后。
动画制作好了要播放一下,左手按住Ctrl键不松手,右手按一下回车键(Ctrl+回车键),就可以观看动画了,返回的方法是Ctrl+W或者是在“文件”菜单里选择“关闭”命令。
最后再对动画进行一下整理,按Ctrl+W返回到场景中,单击“文件”菜单选择“保存”命令,在弹出的对话框中找到自己的文件夹,单击桌面任务栏右下角的蓝色“En”调出紫光拼音输入法,以“我的小车”为文件名,保存文件。再在“图层1”上双击鼠标,输入“小车”,同样在“图层2”上双击把名称改为“公路”,车应该在路的上面,把“车”这一层拖动到“公路”的上面,再保存一下文件。
6
Flash基础教程
小节:Flash动画的制作过程,一般是先分析图形的组成,再选择一个图层一个帧,选择适当的工具,适当的颜色和大小,最后在工作区中适当的位置画图。
(二)、动画基础2
接着上一节课我们来做动画练习:
1、制作一个落到地面的石块。
2、制作一个从斜面上滑下的小木块。
3、制作一个在天上飞行的飞机。
4、制作一个在地上滚动的皮球。
5、许多下落的雨滴(多添加几层,每一滴一层)
6、天上飘动的朵朵白云。
7、黑夜里划过天空的流星。
8、两颗飘动的红心。
9、乒乓球弹跳。
10、用动的公路表现车的运动。
逐帧动画是用一帧一帧挨着制作出来的动画。
11、霓虹灯效果。
12、红绿灯变化。
如果你成功作完了上面12道题,那么恭喜你可以学习Flash动画,否则你就可以下课休息了^_^
一、界面介绍
启动Flash后,Flash的界面主要有菜单栏、标准工具栏、左边的工具箱、左下角的工具选项、最下面的状态栏。
7
Flash基础教程
菜单栏包含所有命令,它的使用既可以用鼠标也可以用键盘,鼠标用左键单击,键盘先按Alt键,再用方向键移动和回车键选择,也可以按Alt键和带下划线的字母。
你还可以发现有些命令旁边会出现快捷键符号,如“F6”是“插入关键帧”命令。注意:本书中双引号的部分是指一个命令操作,单击鼠标左键的作用是选择,右键是弹出命令菜单。
工具箱在窗口左边,由14个工具按钮和下面的工具选项构成。选项可以让工具有特殊的功能,比如改变颜色、大小、形状等等。
要求记住常用的各个工具按钮的名称,如“箭头”是工具,“A”是文字工具,等等。
标准工具栏(一般关闭了),在菜单栏的下面,每个工具都是一个图标,代表一个最常用的菜单命令,如新建文件、打开、保存„„但是为了节省空间往往在“窗口”菜单的“工具栏”命令中给关闭了。
时间轴面板在窗口中上部,它的左边是图层面板,默认有一个“图层1”黑色(反白显示)。它的中间是帧面板,它的上面有许多的小格子,一个格代表一帧,每一帧都可以画一幅图,各帧之间互不干扰。
选择帧用“箭头”工具在帧的小格子里点一下鼠标左键,这一帧就变黑反白显示,表示已经选中了。选多个帧时要同时按住Shift键不松手再点击下一帧。
在帧的上方有数字标注帧的序号,有一个红线表示时间指针,动画总是从时间指针处开始播放,定位指针的方法也是用鼠标左健在数字序号上单击
时间轴面板下方是白色的工作区,每一帧都有自己的一个工作区,所有的绘图和对象操作都是在工作区中进行的,状态栏的左下角有一个显示比例按钮,可以调节工作区的显示比例。
工作区的大小可以在时间轴的下面“12.0帧”上双击,在弹出的对话框中设定,里面还可以设定动画的播放速度(默认是12帧每秒播放)。也可以执行“修改”菜单中的“影片”命令调出对话框。
状态栏位于Flash窗口的底端,用于提示选择的命令和工具的功能,当鼠标指向某个按钮时,旁边会有提示,同时状态栏中也有说明文字。
控制工具栏(一般也关闭了)是一组用于动画播放的按钮,跟录音机相似,一般也隐藏起来了。
上面所介绍的各个工具栏,可以按照我们的需要来显示或隐藏,这可以在“窗口”菜单中找到,自己可以试一试。
本节介绍了Flash的界面。Flash主要由菜单栏、标准工具栏、工具箱、控制工具栏、状态拦击部分组成。
8
Flash基础教程
下面来做一个练习
先熟悉一下基本操作:鼠标有左键和右键,左键用于选择(单击),运行(双击);单击右键用于调出命令菜单,鼠标在空白地方敲一下可以取消选择。
窗口由标题栏、菜单栏、工作区组成,工作区中有文件夹、文件、各种图标、按钮、选项等等组成。
在操作中要留心注意鼠标形状的变化,不同形状表示不同的意思。
动画包括移动、变形和旋转等几种,至少需要两幅图形才能表现,因而在Flash中有许多的小格子(帧)用来画图。
现在来练习制作一个简单的动画,并输出动画的效果。
①启动Flash,将任务栏上的多余窗口关闭,留下Flash和教程两个窗口,让它们并排显示(Flash的窗口大一些),在Flash窗口的标题栏上单击鼠标左键,回到Flash窗口,Flash默认新建一个影片1文件,我们首先来设置一下工作区的相关数据,单击选择菜单栏里的“修改”菜单,再在里面单击“影片”命令。
②在弹出的对话框中的“背景颜色”选项上点一下颜色按钮,将背景色改成黑色,将“帧频”设为6,单击“确定”按钮,看一下变化
③接下来为动画创建两个符号组件。选择“插入”菜单中的“新建组件”命令。
④在弹出的对话框中“名称”选项中输入“hello”,在“类型”选项中选择“图形”,检查正确后单击“确定”按钮,此时在时间轴面板的左上方出现一个标题为“hello"图标为红绿蓝方块的按钮,表示现在正在编辑一个图形符号。
⑤接着输入文字:在工具箱中选择文本工具,在下面的工具选项颜色中将“填充颜色”(旁边有个油漆桶的颜料色)改为红色。在“文本”菜单中选择字体为楷体,尺寸大小为36,然后在工作区中央(有一个十字架)点一下鼠标左键,工作区中出现一个闪动光标的小文本框,再在任务栏右边“En”上单击鼠标左键,选择“紫光拼音”,用拼音输入“您好”(如果文本框没了再点一下),这时第一个符号就制做好了。
紫光输入法是用拼音,既可以单字输入也可以输入词组,第二次输入同样的词组时只要输词的声母就可以了,在拼音下面有汉字提示,修改错的拼音先用方向键移动到拼音的位置,按退格键删除错误,再输入正确拼音,第一个词按空格就可以输入,后面的可以按数字输入,没有的字按大于号和小于号翻页,输入后按回车键则会输入英文字母,Shift键是中英文切换。)
9
Flash基础教程
⑥使用同样的方法,点击“插入”菜单选择“新建组件”,创建一个以“欢迎”为名称的图形符号组件,点击“确定”后,选择“文本”工具,在工作区中央点一下鼠标左键,同样输入“欢迎进入Flash世界”,注意十字架在文本框的中央(在“入”和“F”之间)。
⑦创建好后,点击时间轴左上角的,“欢迎”按钮旁边的“场景1”按钮,退出符号创建,回到主场景工作区。用“欢迎”为文件名,单击“文件”菜单中的“保存”命令,在弹出的对话框中的“保存在”中单击鼠标,找到自己的文件夹(在“我的文档”中的“My Flash”文件夹中新建一个以自己名字为名称的文件夹)保存文件到自己的文件夹中
下面开始利用我们创建好的符号来制作一个动画。我们要让“您好”从工作区上边逐渐落下来,停到工作区的中央。
⑧打开“窗口”菜单选择“图库”命令,这时我们发现图库当中有我们刚才创建的两个符号。单击下边的目录中的“hello”,用箭头工具从上方的预览框中拖动文字“您好”到工作区外面的正上方(鼠标尾巴带一个十字箭头和方块)。
⑨在时间轴的第10帧上,单击鼠标右键,会弹出一个菜单,选择“插入关键帧”命令,在第10帧处插入一个关键帧(关键帧是动画的起点或者终点)使用“箭头”工具,将第10帧中的工作区上方的文字拖入工作区的中间,这样从第1帧到第10帧,文字的位置发生了移动。
⑩接下来我们为第1帧到第10帧的移动创建动画过程,在第1帧上单击鼠标右键,会弹出一个菜单,选择“创建动画动作”命令,这时从第1帧到第10帧这两个关键帧之间出现一个蓝色箭头,表示他们之间有一个动作动画。保存一下文件
此时我们的第一个动画已经完成,把时间指针移到第1帧,按一下回车键播放动画,看一下效果,是不是很得意?接下来我们继续学习。
第二个动画与第一个类似,我们让文字“欢迎进入Flash世界”从工作区左边进入,移动到右边消失,然后又从右边返回到工作区中央,细心的同学一定发现,这个动画由两部分组成,一步是从左到右,一步是从右边回到中间。
⑾下面我们来制作,在图层面板的左下角点击“+”号(插入图层)按钮,新建一个图层2。我们的第二个动画放在这一层上,先把这一层上自动产生的帧都删去(选中图层2的第一帧后一直按Delete键)。
⑿在图层2的第5帧上单击鼠标右键,会弹出一个菜单,选择“插入关键帧”命令,这一帧作为动画的起始关键帧,在“图库”面板中将“欢迎进入Flash世界”拖到工作区外左边中间。从第5帧开始是为了跟第一个动画错开,创作出丰富的动画效果。
10
Flash基础教程
⒀在图层2的第10帧处单击鼠标右键选择“插入关键帧”命令,第10帧作为动画的一个终点,在第10帧中,将“欢迎进入Flash世界”拖到工作区右边的外面。这样从第5帧到第10帧有了位置的移动,动画的原理是用几幅图画来表现物体的运动和变化,我们在第5帧上单击鼠标右键,会弹出一个菜单,选择“创建动画动作”命令,从第5帧到第10帧创建一个动作动画(如果是虚线,再在第10帧上插入关键帧)。单击“文件”菜单中的“保存”命令,保存一下文件
⒁接下来创建返回的动画,此时要保持两层的同步,同时选中两个图层的第15帧(在图层1的15帧上单击鼠标左键,再按住Shift健不松手在图层2的第15帧上单击鼠标左键)。
⒂在选中的帧(黑色)上插入关键帧,方法是在变黑的帧上单击鼠标右键,选择“插入关键帧”命令,再用“箭头”工具在空白处单击一下取消对图层1的选中,再在图层2的第15帧单击一下选中它,再用箭头工具单击选中“欢迎进入Flash世界”文字,把它拖回到工作区中央。
⒃这样从第10帧到第15帧,文字又回到了工作区,在图层2的第10帧上单击鼠标右键,创建一个动作动画。单击“文件”菜单中的“保存”命令,保存一下文件,将时间指针移到第10帧,按回车键播放动画,看一下效果
⒄接下来继续上一个动画制作旋转动画,同时选中两层的第25帧(用左键单击图层1的25帧,再按住Shift键不松手,再用左键单击图层2的25帧),在选中的帧上单击鼠标右键,选择“插入关键帧”命令。这样从15帧到25帧有了两个关键帧。
⒅下面从图层2的15帧到25帧创建一个旋转的动画。先在空白处单击鼠标取消所有选择,再在图层2的第15帧上单击鼠标右键,会弹出一个菜单,选择菜单最下面“面板”命令中的“帧”命令,会弹出一个帧面板,在面板的“变化”选项旁的按钮(黑色的三角形)上单击鼠标左键,选择“动作”以便创建一个动作动画,在“旋转”旁的按钮上单击,选择“CW”(顺时针)让动画按顺时针旋转。在“次”上输入2,让动画旋转两次,关闭面板。单击“文件”菜单中的“保存”命令,保存一下文件,这样我们就创建好一个旋转动画。
你现在已经完成了动画的制作,按Ctrl+回车键(按住Ctrl键不松再敲一下回车键),就可以测试动画的效果。是不是很有特色?欣赏完按Ctrl+W关闭返回。
本节详细介绍了使用Flash制作动画的全过程。你是否对Flash有了一些初步的了解,产生了浓厚的学习兴趣?
11
Flash基础教程
二、绘制对象
这一章我们将讲解Flash矢量图形的绘制和编辑图形对象
Flash中的图形一般都是矢量图形,每个对象都有自己的属性,例如直线有颜色,线型,填充色等属性,可以在相应的面板中修改。
现在我们试着创建简单的图形,最基本的对象当然是直线对象,在工具面板中单击直线工具,在工具选项中的填充色(有油漆桶图形的颜色)选择直线的颜色为红色,在“窗口”菜单中“面板”中单击“描绘”命令,在面板中选择粗细(一个双箭头)为3,“实线”样式不变。
然后将鼠标移到工作区,当鼠标指针变成十字型时,按住左键拖动到直线终点,松开左键,就可以创建出一条直线。
如果打开了网格锁定功能(“查看”菜单中的“网格”中的“贴近网格”命令),就会很容易绘制出垂直和水平线段,当然还有一种更简单的方法,就是拖动时按住Shift键。
请用直线工具绘出一个红色的“米”来,用单击“文件”菜单中的“保存”命令以“图形对象”为文件名保存文件到自己的文件夹(在弹出的对话框中的“保存在”中单击鼠标找到自己的文件夹)
绘制矩形工具的方法和绘制直线的方法类似,在第二帧中单击鼠标右键,选择“插入空白关键帧”命令,插入一个空白关键帧,单击矩形工具,选择绿色边框色(旁边有个铅笔的颜料色)和红色填充色(旁边有个油漆桶的颜料色),在“描绘”面板中将边框线样式保持为实线,粗细设为2,在工作区中绘制一个矩形,再将边框线样式设为虚线,粗细设为5,绘制一个矩形。用“保存”命令保存一下文件
使用同样的方法,在第三帧中单击鼠标右键,选择“插入空白关键帧”命令,插入一个空白关键帧,用椭圆工具在工作区中绘制一个黄边椭圆和正圆(绘制正圆要按住Shfit键)。用“保存”命令保存一下文件
怎样绘制普通的曲线呢?使用铅笔工具,在下面的选项面板中单击按钮选择一种铅笔模式就可以随意绘画了。在第四帧插入一个空白关键帧,用铅笔工具下面的选项中的三种模式
12
Flash基础教程
(“直线化”、“平滑”、“墨水瓶”),分别在工作区中用铅笔工具写出绿色、实线、粗细为1的“美丽的校园”。比一下它们的不同之处。用“保存”命令保存一下文件
本节介绍了直线、曲线、矩形、椭圆四种基本矢量对象。
三、缩放对象
下面我们开始介绍如何使用Flash工具缩放、旋转和倾斜对象。
在编辑图形时,经常会使用缩放工具调整图形的大小,方法是先用箭头工具选中对象,然后单击箭头工具的缩放选项(在工具箱的右下角),此时选中的对象周围会出现八个控制点小白方块,沿着控制点的方向拖动小白块,即可缩放对象。
旋转操作和缩放对象基本上差不多,选取箭头工具的旋转选项(在缩放选项旁边),对象的周围会出现八个圆形控制点,表示旋转。注意:顺着箭头的方向拖动或旋转,旋转时要绕着圆心拖动。
下面我们来练习,在工作区中输入字号12号红色“美丽”,用箭头工具选中,按住Ctrl键用箭头工具拖动对象,可以复制对象,我们一共复制八个来。
其中四个用缩放工具,分别缩成瘦长形的、扁形的、放大的和缩小一倍的图形
另外四个用旋转工具,分别旋转90度、180度,以及倾斜左、右45度,用“缩放对象”为文件名,用“保存”命令保存文件到自己的文件夹中,按Ctrl+回车键(按住Ctrl不松再敲一下回车键)测试影片,看一下效果。欣赏完按Ctrl+W关闭返回。
精确的编辑要在面板中,用数字确定。打开“转换”面板,看一下面板上的各个选项,两个双箭头表示横向和纵向的放大倍数,默认100%不放大,下面的旋转和缩放选项,对应工具箱上的两个工具。左下角有两个按钮,一个是“复制并应用转换”单击就可以按设定复制出一个对象。另一个是“复位”可以让变形的对象恢复原样。
下面练习一下,在第二帧单击鼠标右键,选择“插入空白关键帧”命令,插入空白关键帧,选择文本工具,在工作区中写上红色24号“千军万马”,选择箭头工具,按住Ctrl键拖一个放在旁边,选中第一个文字对象,打开“转换”面板,在“旋转”中输入度数90后按回车键确定,看一下效果,再选中第二个文字对象,在“旋转”中输入90后单击“复制并应用转换”按钮,看一下效果,再单击一下“复位”按钮。看一下效果。再输入45连续单击三次“复制并应用”按钮,看一下对象的排列情况。保存一下文件
更改旋转中心 如果你想改变对象的旋转中心点,在选中对象后,打开“修改”菜单,选择“转换”菜单中的“编辑中心点”命令,对象会出现十字形中心点,用箭头工具拖动中心即可改变位置。
13
Flash基础教程
下面来练习一下,用它来绘制一朵花, 在第三帧上插入一个空白关键帧,选择椭圆工具,用黑白渐变色, 在工作区中竖着画一个细长的椭圆,这是一个花瓣,用箭头工具选择椭圆的外边框(当鼠标后面拖一条线时就是外边框),按Delete键删除边框,选中椭圆,按Ctrl+G键将图形转变为群组对象,选择“修改”菜单中的“转换”中的“编辑中心点”命令,将椭圆的中心点拖到椭圆下边的再下面大约2毫米(中心点已经在椭圆外面了)。打开“转换”面板,在“旋转”中输入36(每次转36度),连续单击“复制并应用转换”按钮,最终得到一朵花。用保存命令保存一下文件
想一想:怎样让这朵花转动起来?
在“修改”菜单中还有两个常用的“水平翻转”和“垂直翻转”,在第四帧插入一个空白关键帧,输入“千山万水”,再复制成两个,分别试一下这两个命令。看一下它的效果。
本节介绍了如何使用Flash工具缩放、旋转、倾斜,还介绍了变形对象的复原、移动中心点等功能。
(如果想要改变渐变色(填充色颜料中最下边的一排)的中心可以用油漆桶工具的“转换填充”选项来修改,选中油漆桶工具,选中渐变色,给对象填色,然后单击“转换填充”按钮,再在对象的渐变色上单击一下,按照控制手柄的方向拖动即可)
(两个打散对象的侵蚀,将第二个对象放到第一个对象上后再单击第一个对象,此时第一个对象被啃掉一块。)
四、调整对象
对象会依照建立的先后顺序来决定其排列顺序,最先建立的对象会在最底层,而最晚建立的对象则会在最上层,如果您想改变对象的顺序,可以使用Flsh的命令。
在工作区中,假如有多个对象,如果要改变它们的顺序先选中它,再打开“修改”菜单,选择“排序”命令。再里面选择相应的命令,注意排列的都应该是群组对象。分散对象会自动排到最后,如果不是群组对象,应该用Ctrl+G命令群组一下。对应的命令是“修改”菜单里面的“群组”,解散群组用Ctrl+B,对应“修改”中的“分解组件”命令。
复制对象可以用复制粘贴命令,也可以按住Ctrl键再拖动对象。使用粘贴时有一个“粘贴到新位置”,可以将对象复制到相同的位置上,否则复制到默认中心位置。
多个对象的对齐,选中多个对象,然后再打开“排列”面板,选择相应的水平和垂直对齐方式。
14
Flash基础教程
怎样绘制一个无外边框的矩形呢?可以点击边框色,然后在边框色(旁边有铅笔的颜料色)面板的右上角斜杠按钮上点一下,即可取消边框色,无填充色的方法相同。但是绘制的仍然是分散图形,而不是群组对象。
本节主要介绍了如何排列对象,群组对象,复制和粘贴对象,垂直和水平排列对象。
下面来做一个练习。图形效果是五个不同颜色的圆一个压一个,颜色分别是红、黄、绿、蓝、紫一个压一个,注意最后红色的压着紫色的,不能是紫色压红色。(见附图)
首先打开网格:在“查看”菜单中选择“网格”中的“显示网格”命令,打开网格,再选择“网格”中的“贴近网格”命令。
选择椭圆工具,填充色为红色,在工作区中央绘制一个直径为6个网格的正圆,用箭头工具选中边框,按“Delete”键删除外边框,将内部的填充部分用Ctrl+G命令群组为一个对象。用“旋转花瓣”为文件名,用“保存”命令保存文件到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹)
此时第一个红圆已经完成,其它四个可以通过“转换”面板复制得到,方法如下:
①先调整旋转中心,以便旋转出花瓣效果。选中红圆,打开“修改”菜单中的“转换”中的“编辑中心”。用箭头工具将中心拖到离圆左边一格的格线十字交点上,中心已经在圆的外面了。
②下面开始旋转,打开“转换”面板,在旋转选项中输入72,即顺时针旋转72°,单击“复制并应用转换”按钮,此时就会复制出一个新的红圆,但要求是一个黄圆,试着拿油漆桶喷一下黄色,能喷上去黄色吗?
③因为是群组对象,所以不能喷色,应该先把它打散,按Ctrl+B将圆分解,再用油漆桶喷上黄色,再按Ctrl+G重新组合出一个对象,此时出来一个黄圆。
重复①-③步骤直到最后一个紫圆(注意中心位置要相同)。用“保存”命令保存一下文件
我们发现紫圆压着蓝圆和红圆,一个压两个了,而不是一个压一个,怎样让红圆压紫圆呢?
用框选的方法把五个圆都选中,按Ctrl键拖动复制一份放在旁边以备错误恢复
方法是根据后一个对象会啃掉前一个对象的方法,选中紫圆调整旋转中心,再复制一个到红圆的位置,将这个新紫圆打散改为黑色图形,再群组一下,这时黑圆压着紫圆,先把紫圆打散,再打散黑圆,后打散的自动啃掉先打散的。这时再单击一下紫圆,由于黑圆已经打散会自动放在最后,而紫圆也被黑圆啃掉一块,把紫圆群组一下,图形的效果也就完成了。保存一下文件。
15
Flash基础教程
按Ctrl+回车键看一下一瓣压一瓣的效果。欣赏完后按Ctrl+W关闭返回。
本节主要学习了对象的调整,两个分散对象之间的“啃”取决于先后次序,后面的会“啃掉”前面的对象。
五、辅助选项
在编辑的过程中会有许多错误的操作,这时可以使用“编辑菜单”中的“撤销”命令来取消上一个操作,这就是复原的功能(快捷键是Ctrl+Z),跟它相反的是“重复”,向前一步。
Flash允许您复原的次数最多300次,标尺和格线也是绘图时常用的辅助工具,在编辑对象时我们经常会打开它们,打开方法是“查看”菜单中的“标尺”和“网格”命令。网格线的作用主要是对齐对象,命令是“贴近网格”
下面来练习:首先按要求打开标尺和网格,并选择“贴近网格”,然后在工作区里画一个矩形,观察矩形的位置。以“网格”为文件名,保存文件到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹)
点阵图处理
分离对象的功能可以将文字对象、符号、与点阵图分离成线条和填色区域,这样你就可以使用墨水瓶工具与油漆桶来编辑它们了。
16
Flash基础教程
分离的方法是:选中工作区重的点阵图,选择“修改”菜单中的“分解组件”命令,即可将对象分离,然后可以选取所需部分。
下面我们来做一个练习,关闭“网格”文件,然后单击“文件”中的“新建”命令,新建一个影片文件。选中第一帧,在文件菜单中选择“导入”命令。导入当前“第五课”文件夹中的“蝴蝶”图片文件。此时工作区中导入一幅点阵图片。以“分离图片”为文件名,保存到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹)
我们要把蝴蝶选取出来,去掉背景部分。怎样才能去除背景呢?我们可以只选中背景部分然后删去即可。
下面我们来试一试。先打散蝴蝶,选择“分离组件”命令,将工作区中的图形分解。
然后开始选取背景,此时要用到工具箱中的“套索工具”,(能不能找到?),它是一个绳圈,可以套中你所想要的部分。
选择套索工具,然后在它的选项面板中可以看到有两个发光的魔术棒,选择右边的属性魔术棒,修改魔术棒的属性,在弹出的对话框中将“限度”调成10,“平滑”调成“平滑”,这样就可以精确选择。单击“确定”回到场景中。
再选择左边的魔术棒,先在空白处点一下取消其他的选择,然后再在背景上点一下,此时你就可以发现,魔术棒精确地选中了背景部分,按“delete”键删除选中的背景。
再调小“限度”为5,进一步选中剩下的背景部分,注意要耐心和细致,可以多种方法并用,比如橡皮,框选等,把背景去除掉,保留下蝴蝶,
再用框选的方法(用箭头工具画一个大框,选中蝴蝶,单击“插入”菜单中的“转换成组件”命令,将图形转换成一个以“我的蝴蝶”为名称的图形符号,我们就成功了。用“保存”命令保存一下文件
本节学习了魔术棒工具的使用方法
六、输入和修改文字
在本章中将介绍一下有关文字处理方面的知识,要在工作区上输入文字就要使用文字工具,要输入文字,首先选取“文本工具”,然后移动鼠标到工作区上,按一下鼠标左键,工作区上就出现一个文字框。注意:在工作区中拖动鼠标将会产生一个固定大小的文字框。
当文字框内出现插入点光标符号时就可以用键盘输入文字,按回车键可以换行到下一行。也可以用复制粘贴的方法,把文字拷贝到文本框里。编辑文字的方法,和我们一般的字处理软件相同,可以插入或删除一个文字。删除的方法是使用退格键或者Delete键,它们的区别是退格键删除光标左边的字符,Delete键删除光标后面的字符。
17
Flash基础教程
下面我们来做练习。选择文本工具,打开“字符”面板,将字体设为华文行揩,字号为24,颜色为蓝色。
在工作区中点一下鼠标左键,在文本框里输入五行古诗“ 画 远看山有色,近听水无声。春去花还在,人来鸟不惊。”(每行输完后按一下回车键)。以“诗”为文件名,保存文件到自己的文件夹(在弹出的对话框中的“保存在”框中单击鼠标,找到自己的文件夹)
下面设置一下文本格式,让诗排得更好看。在第二帧上插入关键帧,先把字体调大,用文本工具选中标题“画”,打开字符面板(面板都在“窗口”菜单里找)在字号框中输入48,把标题字号改大。
再选中诗的正文部分,将字号改为36。保存一下文件
我们知道标题一般是在正中央。怎样让“画”也到中央呢?这在段落格式中设置。
先选中“画”,然后在“字符”面板标题旁边点击“段落”面板项(段落和字符在相同的面板组中),打开段落面板。段落可以设置文本的排列方式,我们选择排列里的“中间”方式。这样选中的“画”就到了这一行的正中央,到这里我们就大功告成了。保存一下文件
本节主要介绍了如何在Flash中输入和修改文字,这是添加文字的最基础的知识。
七、编辑文字
前面我们学习格式化文字就是指改变文字的字型、大小与样式等工作,也就是对对文字进行修饰,可以在字符面板中调整。
文字输入好后,会形成一个文字框,你可以使用箭头工具来旋转、倾斜和缩放、填充颜色和变形文字。
要旋转文字,首先用箭头工具,单击“旋转”选项,此时文字框周围会出现八个圆形控制点,可以旋转和倾斜文字。
要缩放文字,使用箭头工具,单击“比例”选项,此时文字框周围出现八个方形控制点,将鼠标顺着箭头方向拖动文字框上的控制点,就可以自由的缩放文字了。
如果要给文字添上渐变色(填充色中最底下一排),就要先分离文字对象,使用“分解组件”命令将文字打散开,然后选择油漆桶工具选择填充色里的渐变色,即可给文字填上渐变色。打散以后还可以用箭头工具,修改某一个文字的大小。
下面我们来做练习:打开上次的“诗”在第三帧上插入关键帧。此时在第三帧上就出现一个跟第二帧一模一样的关键帧。选择箭头工具,单击“旋转”选项,将文字框向右拖倾斜大约60°,看一下效果。保存一下文件
18
Flash基础教程
在第四帧上插入关键帧,此时出现一个跟第三帧一样的关键帧,选择箭头工具,单击“比例”选项,将文字放大一半,看一下效果。保存一下文件
在第五帧上插入关键帧,这一帧将使用渐变色。首先使用分解组件命令(Ctrl+B)将文字对象打散,此时文字外的蓝框消失,文字对象已变成分散对象,选择油漆桶工具,在填充色中选择渐变色,在文字上填色,看一下效果。再使用拖动方法填色,在“画”上单击鼠标左键,不松手向下拖动鼠标,此时可以看到一条竖线,一直拖到“鸟”,看一下效果。再从“人”拖到“色”,看一下效果。拖动可以使渐变色以中线为分界线填充彩色。保存一下文件
在第六帧上插入关键帧,这一帧将编辑单个文字。将四行文字依次选中放大。用箭头工具不好选就用套索工具画圈选(选中的对象上出现阴影),再用箭头工具的缩放选项稍稍放大,并往右边拖一点错开,注意要有耐心,一行一行的修改。保存一下文件,按Ctrl+回车键测试影片,看一下效果。
本节主要介绍了如何使用箭头工具旋转、倾斜与缩放、填充色彩和变形文字特效。
八、显示和隐藏时间轴
既然Flash是一套动画制作软件,因此要学习Flash的第一步就必须从时间轴面板入手。时间轴面板在菜单栏的下方,使用来管理图层和处理帧。
时间轴面板可以在“查看”菜单中显示和隐藏“时间线”命令,这样可以腾出许多空间来显示工作区。
时间轴面板分为三部分,左上角是场景名称,一般是“场景1”按钮,按钮下面是图层管理区,图层区旁边是时间轴。图层我们在后面讲到,这里只介绍时间轴。
时间轴由许多的小格组成,每一格代表一个帧,一帧就是一幅图片,许多图片连续播放,就是一个动画影片。
下面讲一下时间轴下面的五个按钮,第一个“帧居中”可以让选中的这个图层显示在时间轴面板的中间位置,在多个图层时很有用。
第二个是“绘图纸外观”可以显示出两个影子来,分别是动画过程的几个动作,也就是所谓的洋葱皮效果。这时在帧的上方有一个大括号一样的效果范围,两头可以拖动范围。
第三个是“绘图纸边框”只显示出图形的边框来,因而速度要快一些。
第四个是“编辑多帧”可以同时编辑两个以上的关键帧,可以同时选中,也可以单独修改。
第五个是“修改标记”可以设置显示影子的数量和显示帧的标记,默认2个绘图纸。
19
Flash基础教程
下面我们来进行练习我们将制作出一个类似附图的效果来。
这一幅图由三个关键帧组成,选择椭圆工具,填充色用渐变色,在工作区上绘一个圆,按“V”键可以快速选中箭头工具,选择圆的外边框(当鼠标接近边框时会拖出一条尾巴,单击就可以选中边框),按Delete键删除外边框,按Ctrl+G键群组为一个对象。
选中第60帧插入关键帧,把其中的圆稍微拖动到旁边,再选中第90帧插入关键帧,再往旁边拖动一点里面的圆,三个帧的三个圆错开排列,此时时间轴上有了90帧。以“时间轴”为文件名,保存文件到自己的文件夹
在第一帧上单击鼠标右键,选择“创建动画动作”,同样在第60帧上单击右键创建动作动画。保存一下文件,按Ctrl+回车键测试一下影片,只有一个小球的移动,看不出什么特别的。
回到场景中(Ctrl+W),单击第一帧选中它,在单击第二个按钮“绘图纸外观”,在看一下效果,是不是变了?在单击的五个按钮“修改标记”,选择“绘图全部”再看一下效果,怎么样?
再点一下按钮取消特效,用箭头工具修改一下这三个帧的位置呈“V”字型排列、中间大两头小的形状。再选择各个按钮,你就可以产生出不同的效果来。保存一下文件 单击其他按钮看看有什么变化。
本节主要介绍了时间轴面板和洋葱按钮效果。
改变时间轴的大小
时间轴的大小是可以任意编辑的,可以按工作的需要自由的更改其大小。将鼠标移动到时间轴与工作区窗口分界线,鼠标变成上下双箭头,上下拖动可加长或缩短时间轴。将鼠标移动时间轴与图层区交界线,鼠标变成左右箭头,左右拖动可改变时间轴的宽度。
在时间轴下边的状态栏有三个数字显示窗。左边第一个窗口显示播放光标所在的位置的帧编号;中间窗口显示影片的播放速度;右边窗口显示了该影片到播放指针位置所经过时间。
下面练习一下 拉高时间轴,再还原回去。把时间轴向左边拖一些,让图层面板变窄,再还原回去。看一下时间轴下方的几个数字跟帧的关系。
本节介绍了如何改变时间轴的大小,可以使你在工作更方便。
20
Flash基础教程
九、显示和播放帧
动画是由一格一格的“帧”所组成,在时间轴中你可以对照帧上方时间标尺来了解每一帧的位置,标尺上有一个红色帧指针,用于显示当前所显示帧的位置,而在时间轴状态栏中也会显示帧的编号。
播放动画时,帧指针会沿着时间标尺由左向右移动,以指示当前所播放的帧。在编辑动画时,你也可以拖动帧指针到预定的位置。
在时间轴的标尺最右边有一个帧显示按钮,单击它会显示下拉菜单,你可以选取五个与帧显示有关的命令,默认是“标准”。要使帧的高度缩短,在下拉菜单中选择“较短”,如果想显示帧的缩略图(缩小的图),在下拉菜单中选择“预览”,但这样会占用更多的帧面板空间和系统资源,选择“关联预览”可以在“预览”的基础上显示图象的位置和大小比例。还原的方法是重新选择“标准”即可。
要改变帧的播放速度,可以双击帧面板状态栏中的“12.0”激活影片属性对话框,也可以选择“修改”菜单中的“影片”命令。将默认的12.0改为其他数值。
本节主要介绍了帧的概念、帧指针、修改帧的显示模式和改变帧的播放速度。
21
Flash基础教程
下面我们来做练习:我们要制作出一个雷达信号来,注意细致和耐心。(见附图),注意所有面板都在“窗口”菜单里的“面板”命令中找。
雷达由表盘、指针和文字几部分组成,先制作表盘。选择“插入”菜单中的“新建组件”,以“表盘”为名的图形符号。打开网格(“查看”菜单里的“显示网格”)并打开“贴近网格”两个命令。
表盘由圆环和刻度组成,选择椭圆工具,绘制一个边框为绿色的圆,选择箭头工具,画框选中整个圆,选择“窗口”菜单中的“面板”命令,找到“信息面板”(注意:我们一会儿要经常用它改大小)将圆的长度和宽度改为144,再打开排序面板,先单击按下“到场景”按钮,再选择“水平排列”和“垂直居中分布”两项,使图形位于工作区的十字正中央。再将内部填充部分选中并删去,留下一个大圆。同样在旁边再绘一个绿圆,并把长和宽改为134,删去内部填充色,再在排序面板中选择“水平排列”和“垂直居中分布”让这个圆套进大圆中,形成一个均匀的圆环,选择油漆桶具,给两个圆之间的缝隙填上绿色。以“雷达”为文件名,保存文件到自己的文件夹,关闭所有面板。
下面再绘制刻度部分,先用箭头工具在空白处单击一下取消所有选择的干扰,再选择直线工具,打开描绘面板将线粗细改为2.75,在旁边画一条水平直线,选中这条线,打开信息面板,将宽度(w)设为144,再在排序面板中单击“水平排列”和“垂直居中排列”将这条线对齐到圆的中央对齐成一条水平直径(注意“到场景”按钮要按下)。以这一条直径为基准,画36条直径,将圆环分为36等份,方法是选中这条直径,打开转换面板,在“旋转”中输入10,单击右下角“复制并应用转换”按钮,一直到整个圆被平均分成36等份。这时的图形有点儿像一个车轮,框选整个车轮群组一下(Ctrl+G),我们要把车轮中间挖去,留下刻度线就可以了。保存一下文件。
挖的方法是使用分散对象之间的“啃”。先将比例调为80%(在左下角显示比例文本框中点一下,再输入80),再在车轮左边画一个边框色为黑色填充色为绿色的圆,在信息面板中将大小设为120,删去外边框,选中绿圆群组一下,打开“排序”面板,按下“到场景”按钮,再单击“水平排列”和“垂直居中分布”,将绿圆部分对齐到车轮中,将所有图形框选中群组一下(Ctrl+G),再用分解组件(Ctrl+B)命令将所有群组都分解打散(多用几次),再用箭头工具只选中内部的圆删去,就挖去了中间部分,留下一个刻度盘。再在中央绘制一个大小为36的小绿圆,用排序面板对齐到中心部分,选中所有图形,群组一下。保存一下文件,表盘我们就做好了。
22
Flash基础教程
下面再做一个指针,选择“插入”菜单中的“新建组件”命令,以“指针”为名建立一个图形符号,在场景中绘制一个填充色为黑色的圆,在信息面板中将大小设为134,删去外边框,选中圆,打开“排序”面板,先按下“到场景”按钮,再单击“水平排列”和“垂直居中分布”,使黑圆位于十字的中央,用“箭头工具”从圆中切下四分之一,把这四分之一拖到旁边,并用油漆桶工具给它添上黑色渐变色,要求黑色在左边,白色在右边(用油漆桶从下向上拉一条直线),选择“插入”菜单中的“转换成组件”,以“四分之一”为名,转换成一个图形符号,然后按Delete键删掉它,贴着剩下的四分之三圆中的缺口的水平部分,绘制一条宽度为3(在“描绘”面板中设定)的绿直线边,同样选中它并把它转换成一个以“直线”为名的图形组件,然后删掉它(不用担心,都保存到图库里了)。保存一下文件
在“窗口”菜单中打开“图库”面板,先把四分之一再拖回到圆当中,对好位置,然后打开“效果”面板,单击“没有”,选中“Alpha”,将它的“Alpha”调为60%,产生一个半透明效果来,关闭效果面板,再把直线拖到四分之一的下边对好位置。框选中所有图形群组为一个对象,这样一个指针就做好了。保存一下文件
这时我们的所有组件都制作好了,单击“场景1”返回到场景中开始组合它们。
先拖一个表盘到场景中,用排序面板对齐到中央,将这一图层命名为表盘层并锁定,再新增一个图层重命名为“指针层”,把指针组件拖一个到表盘的上面,也对齐到中央,应该恰好挡住四方之三的表盘刻度,然后在第20帧处插入关键帧,再在第一帧处创建动作动画,打开帧面板,将“旋转”调为“CW”顺时针,次数为1,让指针顺时针旋转,将背景层也加长到20帧(用“插入帧”命令)。保存一下文件
按Ctrl+回车键,看一下效果,有一点意思,但还不太像,回到场景中,双击时间轴的“12.0”打开影片属性,将背景颜色改为黑色,将速度改为24,单击确定。保存一下文件,现在再测试一下影片,一个雷达就展现在你的眼前了。再把前面所讲的几个按钮分别试一下看看帧面板的变化。
23
Flash基础教程
油漆桶工具有一个“转换填充”选项,可以通过几个按钮手柄来改变填充的效果,方形手柄可以改变渐变色的范围,圆形手柄可以改变填充色的中心,类似于箭头工具的缩放选项。
十、编辑帧
依功能,帧可以分为三种类型。帧、关键帧和空白关键帧。关键帧是指在动画中起关键性作用或动作的帧;空白关键帧指空白的帧,不含有任何图形。
你可以在时间轴的任何位置增加帧,从而使影片加长,默认的新文件只有一个图层1和一个帧,因此我们制作动画就是添加帧和图层。
下面我们制作一个动画,先选取“椭圆”工具,在工作区当中绘制一个椭圆,然后在的20帧处插入空白帧(注意是“插入空白帧”,而不是“插入关键帧”),看一下时间轴上的变化,我们发现第一帧上有个黑点,这表明它是关键帧,第19帧上有个小方框,这是关键帧的结束位置,第20帧是白色的左边有一条黑色的实线,这就是空白帧的标志,其他帧都是由Flash自动生成的过渡帧,一般是灰色的,里面有没有图形呢?试着移动红色时间指针,发现跟第一帧差不多,因为是过渡上下文的承上启下的帧。
以“帧”为文件名,保存文件到自己的文件夹
此时如果再新增一个图层,这个图层有多少帧呢?是默认的一帧,还是跟图层1一样的20帧?我们来试一下,单击“插入图层”按钮,加入一个图层2,你可以发现,Flash会自动向图层1看齐,保证动画的步调一致。但是仔细看一下,这20帧都是虚的白色的,说明什么?它们既不是关键帧也不是空白关键帧,只是一些小格子,是普通帧。
下面来看一下,如何选择帧,对于普通的帧、关键帧和空白关键帧,只要用鼠标左键单击即可选中,选中多个时可以用Shift组合键,选择全部的帧也可以单击图层的名称,对于过渡帧选择稍微有点儿麻烦,因为过渡帧跟前后都是连在一起的,单击任何一个过渡帧都会选中所有的有联系的帧,如果要选择某一个过渡帧,就得想想办法,我们采用鼠标右键的精确定位功能来选择一个过渡帧。先单击鼠标右键,此时会选择上这一个帧,不用管弹出的菜
24
Flash基础教程
单,此时拖动鼠标左键就可以选择多个过渡帧。注意要观察鼠标指针的形状,是箭头时可以选择,如果是一个小手,这就是抓住拖动而不是选择了。
插入帧的方法是先选择插入位置,再选择插入的帧数,一般默认只插入一帧,若选择了多个帧表示要插入多个帧,再选择插入的帧的类型,此时就完成了插入操作。选中图层1的第5帧,先插入一个普通帧,再删除它,再选中第5到第10帧,执行“插入帧”命令,看一下,再删除它。保存一下文件
删除的操作跟插入刚好相反,选中后按“Delete”键或者选择“移除帧”命令,注意“Delete”键一般要删除两次才能完全删除一个帧,而"移除帧”一次就可以了,此时影片自动缩短一帧。
下面来进行练习,先将图层扩充到40帧,单击时间轴状态栏的向右按钮找到第40帧,在第40帧处单击鼠标右键,选择“插入帧”命令,将图层1和图层2分别加长到40帧。
在图层1的40帧处单击右键,选择“插入关键帧”命令。看一看变化,我们发现,影片并没有加长,而是普通帧变成了空白帧,把19帧的小方框拖到40帧,看一下变化。再在图层1的第20帧处“插入空白关键帧”,看一下变化。我们又发现20帧以后都变成了普通帧,空白关键帧可以用来分割影片。保存一下文件
在第5帧处插入关键帧,选择油漆桶工具,选择红色填充色,给椭圆填上红色,按回车键播放影片,看一下效果。保存一下文件
本节主要介绍了帧的类型,选择、插入、删除等等。
十一、图层操作
在时间轴面板的左边是图层编辑区,每一个图层占一行,单击图层区可以选中所有的帧,各个图层的帧相互重叠显示在工作区,因此常常分不清场景中的对象属于哪一层,此时只要选中对象后,观察一下图层区就可以看到变黑的就是这一层了。
下面我们来学习一下图层操作 首先看一下如何新增图层,看一下图层工作区的左下角,有一个加号按钮,单击它就会在当前图层上方(注意是上方)新增一个图层,并给一个默认
25
Flash基础教程
的名字,一般要改为有意义的名字,方法是在图层上单击鼠标右键,选择“属性”命令,此时即可在对话框中输入新名字,也可以直接双击改名。
有时图层的顺序排错了,此时可以用上下拖动的方法来改变原来的顺序。为了防止图层之间的相互干扰和误操作,我们常常把不用的图层隐藏起来或者锁定不让修改,操作方法是,在图层区有上边有三个按钮,从左到右分别是一个眼睛,一把小锁和一个小方框,那么你一定能够猜出,哪一个是隐藏,哪一个是加锁,单击眼睛按钮,那么这一列将全部打叉,所有的图层都被隐藏,工作区上什么也都看不到了,当然再点一下全部又都会显示出来的,如果只想隐藏一两个图层该怎么办呢?方法是在这一个图层对着眼睛的位置上的小黑点上点一下打个叉,就可以只隐藏这一层了。锁定的方法也是一样的,但这时候就只能看而不能修改了,不管是隐藏还是锁定以后,这一层上都会出现一个打红斜杠的铅笔,表示这一层上的帧不能编辑了。第三个方框按钮表示图层中所有的对象都只显示外边框(线框模式),这样可以节省出大量的系统资源,因为显示图像会占许多的内存,从而可以加快操作的速度,缺点是图象看着有点儿别扭。
我们应该养成习惯,完工的图层立刻锁住防止误操作。
删除图层的方法是在图层上单击右键,选择“删除图层”命令,也可以把图层拖到图层区右下角的垃圾桶按钮上,删除是一个危险的操作要特别小心。
本节主要介绍了如何新增、重命名、删除、隐藏和锁定图层,下面来做一个练习。
首先先认识一下图层区的各个图层和按钮找到新增、删除、隐藏、锁定、线框按钮,把图层1的名称改为“背景层”,再新增一个图层,把名称改为“图像层”,在背景层的第一帧里画上一些背景图,在图像层的第一帧里画上一个红色的圆和一行绿色文字。然后练习一下锁定和隐藏。
下面做一个图层练习,效果是一只豹子追一只兔子,一共三个图层,背景层在最下面,豹子和兔子各占一层,图层名称改为各层的内容。
新建一个文件,原来的不保存,这个文件名自己设计。
背景图和豹子、兔子分别采用导入的方法,要导入时先选中这一层的第一帧,然后在“文件”菜单中找到“导入”命令,在弹出的对话框中找到图片,单击“打开”后即可导入。
兔子导入后要把背景去掉,可以采用套索工具,橡皮、剪切、粘贴等各种方法
注意保证各个图层的长度一致对齐,注意关键帧、过渡帧和空白帧。
26
Flash基础教程
十二、图层遮罩
遮罩效果用在探照灯和水面浮出等效果中,只在某个特定遮罩的位置显示出图像来,而其他部位不显示,起遮罩作用的图层被称为遮罩层。
遮罩层跟其他层一样可以在每个帧里绘图,凡是有图形的位置就有遮罩效果,没有图像的部位会被遮挡住不透光,但遮罩层本是并不显示的。
创建遮罩层的方法是 先新增一个普通图层,然后用鼠标右键单击这一图层,再弹出的菜单中选择“遮蔽”命令遮罩层和被遮罩层之间有一条拐弯的箭头线,图层的标志也相应改变,遮罩层将遮蔽它下面的一个图层。
下面做一个练习,效果是一面飘动的红旗
首先新增一个图层,将图层1重命名为“红旗”,图层2重命名为“遮罩”并把它设定为遮罩层(注意拐弯的线)。保存一下文件
选中“红旗”层的第一帧,在工作区中绘制一个长方形,打开信息面板,设定高度120(字母h),宽70(字母w)的红色长方形,用箭头工具把上下两条边稍微向上拖一点成弧形,然后选中四条边都删除掉,留下内部红色部分作为旗帜。
接下来加宽旗帜并产生飘动效果 选中红色旗帜,按住Ctrl键拖动红旗,复制到旁边,飘动的效果是波浪型的,所以新复制出来的红旗要掉个头,选择“修改”菜单中的“转换”项中的“垂直翻转”命令,让红旗翻过来,然后仔细地把这两个红旗拼起来,再选中整个红旗,按Ctrl键再复制出一个来,把这两个红旗拼起来,这样就完成了红旗的制作。用小锁把红旗层锁定,保存一下文件
接下来制作遮罩层,选中遮罩层的第一帧,在工作区中绘制一个黑色的长方形宽度(w)为红旗的一半,也就是140,高度能够挡住红旗,去掉外边框。黑块将会作为遮罩块,用于显示下层的内容。
拖动黑色块使它恰好挡住右半个红旗,这样两层都制作好了,下面制作动画。保存一下文件
动画效果是红旗的飘动,先锁定遮罩层,解锁红旗层,选中红旗层的第20帧插入关键帧,在20帧中把红旗向右水平拖动(按住Shift键),刚好让黑块挡住左半部分,选中第一帧,创建动作动画,保存一下文件
按Ctrl+回车键测试一下影片,为什么没有效果呢?
27
Flash基础教程
遮罩层只有一帧,只能控制红旗的第一帧,后面的就不行了,因此要加长遮罩层,锁定红旗,解锁遮罩,在第20帧处单击右键,选择“插入帧”命令,将遮罩层也加长到20帧。保存一下文件
按Ctrl+回车键测试影片,看一下飘动的效果,关于文字部分,接下来自己加进去,注意文字播放的次序。
最终效果应该与下图相似。
接下来自己制作一个手电筒的效果,要求在一个黑暗的环境中有一个缓缓移动的手电筒光圈,光圈所到之处将会显示出图像来,而其他位置处于黑暗。
(提示:导入一个图片作为背景层,遮罩层是椭圆当作手电筒光圈,遮罩层设一个动作动画,产生光圈移动的效果)
要求:图层、名称排列适当,颜色、大小、比例、播放速度恰当,效果美观、大方
十三、符号和组件
制作网页上的动画时,一定要使文件的体积尽可能的小,这样下载的速度将会缩短,动画中重复的图像要把它制成一个符号,便于重复利用,下面我们来看一下符号的创建和使用。
符号也叫组件或元件,意思都是一样的,我们这儿把它叫组件,它有三种类型,分别是影片、按钮、和图形组件,自己创建的组件放在“窗口”菜单的“图库”中,而系统自带的组件放在“共享图库”里。使用的时候,从里面拖到工作区里就可以了,十分方便。
创建组件的方法是选择“插入”菜单里的“新建组件”命令,此时将会弹出一个对话框,输入组件名称,选择组件类型,单击“确定”即可打开一个工作场景,在里面进行组件的制作。
那么三种组件有什么区别呢?图形组件将来是作为一个基本图形使用,一般是静止的一幅画,像奔跑的动物就是有几个图形组件组合出来的。 影片组件是一小段动画,用在要一直运动的物体,比如夜空闪闪发光的小星星,一个不停旋转的图标,都可以先制作成一个影片组件,使用的时候拖到工作区就可以了。
按钮组件比较特殊,原因在于按钮比较特殊,按钮可以跟鼠标进行对话,当鼠标移向一个按钮时,按钮会有一些不同的变化,当鼠标单击按钮时,按钮可以发布一个命令,从而控制动画的播放,因此我们制作出按钮组件可以控制动画,比如停止(stop)、重复(repeat)、继续播放(play)等等,所有的控制都由按钮的命令来完成,我们将学习编程的知识,来对按钮进行程序控制。
我们先来练习一下图形组件和影片组件,我们将要制作一个飘动的心。
28
Flash基础教程
启动Flash系统自动新建一个影片文件,关闭其他面板,只打开“图库”将背景色改为黑色,以“飘动的心”保存文件到自己的文件夹。
首先创建一个图形组件,选择“插入”中的“新建组件”命令,创建一个以“红心”为名称的图形组件,此时进入组件编辑状态
选择“文件”中的“导入”命令,导入文件夹中的“心心相依”,这是一颗红心。
接下来去掉红心的背景白色,记住先打散图形,然后用橡皮小心擦去背景色,可以放大到800倍,擦完后再用油漆桶选红色填充色喷一下,清除残留的白色。保存一下文件
这样我们已经有了一个基本图形组件,利用这个红心,我们将创建一系列组件和动画。
下面利用这个红心组件创建另一个能变色的红心组件
单击“插入”中“新建组件”,以“变色的心”为名称,新建一个图形组件,单击“确定”,进入组件编辑。
选择“图库”中的红心组件,把它拖到工作区中,注意让两个十字架对准,这样动画将在正中央,在信息面板中调节高和宽均为30。
在第5帧处插入关键帧,打开“效果”面板,单击“没有”旁边的下拉按钮,选择“高级”,看一下弹出的面板,在这里可以修改组件实例的颜色,颜色由三原色构成,分别是红(Red),绿(Green)和蓝(Blue),用左边的百分数乘以右边的一个小于255的数来的到三原色的值。
第5帧设为黄色,修改红色为255,绿色为255,绿色为0,百分数不变。
在第10帧处插入关键帧,同样修改实例的颜色为紫色,修改红色为255,绿色为0,蓝色为255,百分数不变。
在第15 帧处插入关键帧,同样修改实例的颜色为绿色,修改红色的百分数为0,乘数为0,绿色为255,蓝色为0,百分数不变。
在第20帧处插入关键帧,同样修改实例的颜色为桔红色,修改红色为128,百分数为100%,绿色为128,蓝色为128百分数不变。
这样,第1帧是红色,5是黄色,10是紫色,15是绿色,20是桔色,下面把大小再变化一下,打开信息面板和对齐面板,把“到场景”按下选中,把第5帧的心缩小一半改成20,对齐到中心,第10帧缩到最小改成1,对齐到中心,第15帧缩小到一半改成15并对齐,第20帧还原改为30也对齐,再为各个关键帧创建动作动画。
下面接着制作多个心,新建一个图形组件,以“花瓣心”为名称。
新增5个图层,五个图层上各拖出一颗图库中的“变色的心”,五颗心排列成五边形(花瓣形),各个心离远一点儿(大约相距120左右)。
29
Flash基础教程
打开实例面板,将各个图层的心的“首先”改为1、5、10、15、20从而产生波浪效果。
同时选中5个图层的第20帧(用Shift键),单击右键,选择“插入帧”命令,从而加长影片产生动画。
下面再创建一个组件,用花瓣心排列出两颗相交的心来。以“两颗心”为名称,新建一个图形组件。
新建5个图层,从图层一开始,每层放几颗花瓣心,在这5个图层中设法摆出两颗相交的心的造型来,一层当中可以多放几个心,或者先在一层中把位置先摆好,再通过“剪切”和“粘贴到新位置”来贴到其他图层中,图层不够时也可以再新建图层,然后再用“插入帧”命令加长到20帧。(参考一下影片“心情”中的“跳动的心”组件的摆法)
“两颗心”制作好后,就可以进行主场景的制作,单击左上方“场景1”按钮返回主场景,从图库中拖入一个“两颗心”,再在第20帧处单击右键选择“插入帧”命令。
到此,我们的制作全部完成,保存一下文件,按Ctrl+回车键测试影片,观看影片的效 果。
十四、线性动画
在动画技巧中首先做一个简单的线性移动,以便掌握动画的基础。动画的效果是三段文字,分别从上方、左边和右边进入工作区,然后再旋转一段文字。这样就至少需要4个图层来放置各段文字。
三段文字分别是“八十六团学校”,“初二(1)班”、“李江鹏”,旋转的是“美丽的校园”(班级、姓名改成自己的)
①首先制作第一段文字,选择文字工具,并在“字符”面板中的“字体”中设置文字的字体为“华文彩云”,文字大小为36,颜色为红色。
②再确定文字的位置,在工作区外的正上方点一下鼠标左键,在出现的文字框中输入“八十六团学校”。用箭头工具选取文字(文字外面有一个蓝框),选择“插入”菜单中的“转换为组件”命令,将文字转换成一个名位“文字1”的图形符号,转换成组件互不干扰。
③再制作第二层文字,按一下“插入图层 (+)”按钮,新一个图层,选择图层2的第一帧,用文字工具,选择楷体、绿色,在工作区外的左下角点一下,在文字框中输入“初二(1)班”。用选择工具选取文字,选择“插入”菜单中的“转换成组件”命令,将文字转换成名位“文字2”的图形符号。
④用同样的方法,新建图层3,在工作区外的右下角输入宋体蓝色的“李江鹏”同样以“文字3”为名转换成图形符号。以“线性动画”为文件名,保文件到自己的文件夹中
30
Flash基础教程
其次制作动画: ⑤首先给三个图层加到50帧,注意帧面板下边状态栏的最右边的两个按钮,点一下右边的让帧往右移动(或者移动帧指针也可以),找到第50帧单击鼠标右键,选取“插入帧”命令,使每一图层都拥有50帧长度。
⑥再图层1至图层3的第10帧上插入关键帧,使每一图层的第10帧为关键帧。依次选中三个图层的第10帧,用箭头工具拖动其中的文字到工作区中央,使三段呈金字塔三角形排列。保存一下文件
⑦ 接下来就为这三层文字添加动画流程,这需要打开“帧”面板,在图层1的第一帧上单击鼠标右键,选择“面板”中的“帧”命令调出帧面板。点击面板中的按钮,将“没有”选项改为“动作”从而产生动作动画,在"扩大"选项中输入100,使文字先快速移动,然后渐渐的慢下来,同样再用鼠标左键单击图层2和图层3的第一帧,修改动作动画效果,输入完后关闭面板。
动画的效果是“八十六团学校”文字先移动,然后再是“初二(1)班”,最后是“李江鹏”。因此三者有个时间差,这可以通过在时间轴上插入空白帧来实现,也可以把关键帧往后拖。
⑧选取图层2的第1帧到第10帧(用Shfit键),然后用鼠标左键拖拽整个10帧到第11帧位置开始。右边如果有多出的不整齐部分就删掉,有错误的关键帧就用“清除关键帧”转为空白帧。
⑨同样将图层3图层上的第1帧到第10帧移到第21帧位置。
接着选取图层1至图层3的第32帧,然后在各帧上按下鼠标右键,选择“插入关键帧”命令,使每一图层的第32帧成为关键帧。(第32帧将作为下一个动画的起始帧。)保存一下文件
接下来制作旋转动画
⑩再在3个图层的第40帧插入关键帧。
此时按下“插入图层 (+)”按钮添加第四个图层,选取图层4的第40帧,插入一个关键帧。
⑾在工作区的中央输入文字“美丽的校园”。用箭头工具选中文字(出现蓝框),在菜单栏中“修改”菜单中选择“分解组件”命令,将文字分解成图形,看一下效果。
⑿添加渐变色:打开窗口菜单中的面板中的“填充”面板,在“实线”下拉按钮中选择“斜直线”渐变效果(实线没有变化效果),此时下方出现默认的两个渐变色游标,在两个游标之间点一下鼠标左键添加一个游标。选中第一个游标,在右侧的颜色按钮中选择红色,
31
Flash基础教程
同样将剩下两个设为绿色和蓝色。此时点一下右下角的保存按钮加入到调色板中,关闭面板。(删除渐变色在“样本”面板里)
⒀选取油漆桶工具,选中刚才的渐变色,从右至左给“美丽的校园”喷色,注意准确地喷在文字上,填充上渐变色,看一下效果。
⒁用箭头工具,将渐变色文字全部选中(使用画框选的方法),按F8转换为一个名位“文字4”的图形符号。保存一下文件
⒂同时选中图层1至图层4层的第40帧(用Shift键),选择“窗口”菜单中的“排序”面板,在“排列”选项中找到“水平排列”和“中间垂直排列”按钮(鼠标移到各个按钮上等一会儿看提示),使文字水平垂直排列,同样在“分布”选项中选择“水平中间分布”和“垂直中间分布”,看一下文字排列的变化。
⒃接下来时色彩深度的渐变,选取图层1的40帧,选择“窗口”菜单中“效果”面板,点击“没有”旁边下拉按钮,选择“Alpha"透明度选项,将值100%改为0,看一下场景中对象效果。
⒄同样将图层2到图层4的第40帧的对象都调成透明(Alpha为0)。保存一下文件
⒅创建动画:选择图层1到图层3的第32帧(用Shift键),在帧上单击鼠标右键,选择“创建动作动画”命令,看一下帧的变化。保存一下文件
⒆在图层4中的第50帧上按一下右键,选择“插入关键帧”命令,插入一个关键帧。
⒇将图层4的第50帧对象恢复为不透明,可以在“效果”面板中将“Alpha”改为100%,然后在图层4的第40帧上按鼠标右键,选择“创建动作动画”命令。看一下帧的变化。保存一下文件
到这里就大功告成了,你可以将时间指针移到第1帧上(用左键点一下第一帧),双击时间轴上的“12.0”将速度调为每秒6帧,然后按Ctrl+回车键测试影片,来看看整体的效果。
本节主要介绍了使用Flash制作线性动画,这是最基础的。
32
Flash基础教程
2.旋转动画
①接着上一个动画制作,将“美丽的校园”文字作出旋状与翻转的效果来。
首先旋转“美丽的校园”,接着上一个线性动画制作,打开上一个文件,选取图层4的第60帧,插入关键帧。
②接下来就添加这些文字的动画流程,在图层4的第50帧上按鼠标右键,并选择“面板”中的“帧”命令。
③将“变化”选项设定为“动作”,将“旋转”设为“CW”(ClockWise 的缩写,顺时针的意思),“次”设为1(这样就能转了),在“扩大”中输入100,让文字初期移动最快,输入完后关闭面板。保存一下文件,将时间指针移到第50帧,按回车键,看一下旋转效果。
④下面添加翻转效果,分别在图层4的65帧和70帧处,插入关键帧。
选取第65帧,打开“修改”菜单,选择“转换”中的“垂直翻转”,将文字垂直翻转。看一下文字的效果
⑤在图层4的第60帧上按鼠标右键,选择“面板|帧”命令,将“变化”设为“动作”,其他不变。
⑥同样,在图层4的65帧上添加动画过程。保存一下文件
到这里就大功告成了,你可以将时间指针移到第50帧,按回车键播放一下影片,也可以用Ctrl 和回车键 整体效果。
本节主要介绍了使用Flash制作旋转和旋转动画。
十五、缩放动画
动作动画一般是物体位置的改变,缩放动画是物体形状的变化,比如字母A变成了字母B,需要重新组合和改变。
下面通过一个例子来说明,动画的效果是一个不断缩放的花瓣。
首先制作出一朵花来,利用椭圆工具,选择黑白渐变色,绘制出一个花瓣来,删去外边框,群组一下。以这一瓣为基础,用“转换”面板,复制出其他的花瓣来。(注意旋转中心的位置)
33
Flash基础教程
将制作好的花瓣群组为一朵花,再利用“排序”面板将花摆到场景的正中央,方法是:打开“排序”面板,先单击选中“到场景”按钮,这样就以场景为参照物了,然后单击“中间水平排列”和“中间垂直排列”就可以将花朵放到场景的正中央。
接下来就分别制作花朵从大变小,再从小变大的动作动画,注意图像要放在场景的中央。
保存文件到自己的文件夹,测试一下影片
新建一个图层2,学一下变形动画,这时图层将自动加长到40帧,全部选中40帧空白帧后删去,锁定图层1,在图层2第1帧插入关键帧输入一个字母C,再在第20帧插入空白关键帧,输入字母S,再在第40帧处插入空白关键帧,再输入字母C。
下面进行这三个字母的变形,分别将三个字母打散(这种动画的特点是图形重组,必须是打散的),再用“信息”面板把位置调一致,打开帧面板,创建动画,注意选择“图形”动画而不是动作动画。
保存文件,按Ctrl和回车键测试影片
本节主要学习了缩放动画的制作方法。
十六、色彩动画
利用不同的色彩和深浅变化可以产生出闪闪发光的效果来,注意每个关键帧要设为不同的颜色,下面通过一个实例来看一下如何制作。
动画的效果是一个运动文字发光的效果。
启动Flash,将影片背景设为黑色,速度为15帧每秒。
首先来制作文字的部分,这里要制作一个图形符号,先选择“插入”菜单中的新建组件,以“文字”为名称,新建一个图形组件。
在弹出的组件编辑场景中用文本工具输入“真爱一直到永远”,打开“排序”面板,先单击“到场景”按钮,再单击中间水平和中间垂直,将文字排到正中央。
接着制作影片组件,新建一个影片组件,以“影片文字”为名称。
在第一帧中拖入一个“文字”组件,用“排列”面板对齐到场景中央,再每隔20帧插入一个关键帧,一共插上100帧。(如果时间轴面板不够长,就单击面板右下边的滚动条来移动帧)
这时我们已经有了一小段影片,下面再来进行动画设计。
打开“效果”面板,将每个关键帧的颜色改为不同,方法是在效果面板中选择“彩色”,在单击颜色按钮选择不同的颜色。
将所有关键帧用动作动画连起来,形成一个颜色变化的影片符号。
单击“场景1”回到场景中,在第1帧中拖入一个“影片文字”,用“排列”面板对齐到正中央,在第50帧
34
Flash基础教程
和100帧插入关键帧,选中第50帧打开效果面板,在“Alpha”中将右边的100%改为0,这样第50帧便消失了,再选中100帧将“Alpha”改回到100,文字又出来了。(Alpha是透明度)
下面添加一个旋转动画,在第1帧和第50帧上创建动作动画,选中第1帧,打开“帧”面板,在“旋转”中选择“CW”顺时针,“次”输入1,同样修改第50帧。
保存好文件,按Ctrl和回车键,来欣赏我们的动画。
十七、引导线动画
有时候动画的主角需要沿着一定的路线移动,这时候我们就要预先设定好运动路线,在Flash中路线被称为引导线,引导线所在的图层被称为引导层。
引导层和遮罩层类似,图标上有一个拐弯的线。建立引导层的方法是单击图层面板左下方的“添加引导图层”按钮(在加号的旁边)
下面看一个例子,启动Flash,新建一个引导图层,选择铅笔工具,在铅笔选项中选择“平滑”在引导层中画一条“S”形路线,注意要连续不要中断。
选择图层1,用椭圆工具画一个渐变色的正圆,删去外边框,用箭头工具把它移到引导线的左端,注意让圆的中心(一个小圆圈)吸附到线上。
在第20帧上插入关键帧,同时将引导层也加长到20帧(用“插入帧”),在图层1的第20帧中把小球拖到引导线的右端对准吸附上。
在图层1的第一帧上创建动作动画,如果不行,则检查是否是群组对象,将圆群组一下,在帧面板中,选择“CW”旋转,2次,并且复选“吸附”、“同步”和“使路径适应”(打上勾)。
保存文件,按Ctrl和回车键,测试一下影片效果,如果没有顺着引导线,就要检查一下是不是吸附上了。
根据上面的例子我们来做一个练习,效果是在树林中一个豹子在追兔子。
分析一下:树林是导入一幅背景图;豹子和兔子分别是一个影片组件;追是沿着引导线的动作动画。
注意细心和保存文件。
十八、按钮组件
按钮在Windows操作系统中有着重要的作用,是我们与程序对话的基本组件,常见的按钮有最大化、最小化、关闭、是、否等等,只要我们细心我们会在窗口中找到许多许多的按钮。
35
Flash基础教程
一个按钮有两个属性,一是外观形态一是动作指令,我们首先来看形态。
按钮的外观一般是小方块或者是圆形,在Flash中一般是圆形的。因此在制作按钮组件时我们使用椭圆工具,一般不大用矩形工具。
按钮的形态跟鼠标有密切联系,鼠标在窗口中移动时,一般就是在寻找按钮。按钮的形态有三种,鼠标没有到来时的等待形态(向上),鼠标到来的形态(经过)和鼠标按下(向下)的形态,这样至少需要三个关键帧来制作按钮。
下面来看一个例子,我们将制作一个圆形的按钮并通过鼠标来实验一下。
选择“插入”菜单中的“新建组件”命令,新建一个以“圆按钮”为名称的按钮组件,此时进入按钮编辑状态,我们发现按钮是由四个关键帧组成的,除了“向上”、“经过”、“向下”外还有一个确定按钮范围大小的关键帧“执行”
选择椭圆工具用绿色画一个正圆,删去外边框,打开排序面板,单击“到场景”(以场景为基准),再单击中间水平和垂直对齐圆。这是第一个形态,也就是鼠标还没有来,再在下一帧上插入关键帧,用油漆桶工具选一种亮绿色,也就是鼠标到来时颜色变亮,这是第二个形态。
在第三帧上插入关键帧,选择一种暗绿色的颜色,这是按下时的形态。
我们可以总结一下,按钮的三种形态颜色是普通-亮-暗的变化,立体的变化是平坦-凸起-凹下,希望大家能充分利用。
第四帧先不使用(也就是先用默认值)
单击“场景1”返回到场景中,打开“图库”我们发现图库中有一个手指形组件这就是我们的按钮,把它拖到工作区中(复制一个实例到工作区),按Ctrl和回车键测试影片,看一下当鼠标移向按钮时的形态变化。
按Ctrl+W键回到场景中,双击按钮进入组件编辑工作区,我们来使用第四帧,选择第四帧,插入关键帧,用箭头工具的选项中的“比例”选项,将第四帧的圆拖大一些,按Ctrl和回车键测试影片,再用鼠标试一试按钮,可以发现按钮的变化范围变大了,第四帧的作用就像遮罩层一样,用来控制按钮的作用区,默认是同样大小。
十九、帧动作和按钮动作
动作是指当满足某一个条件时,影片所作出的响应,如停止、提示、声音等等,在Flash中包括帧动作和按钮动作,专门有一个动作面板来设定。
帧动作是指当影片播放到某一帧时,所产生的动作,设定的方法是在帧上敲右键,选择“动作”命令,此时将弹出动作面板。
36
Flash基础教程
动作面板的左侧是各类动作列表,右边空白是已经设定的动作,在左侧双击一个动作就能够添加到右侧的面板中,在这一帧上会出现一个“a”表示这一帧上有动作。
下面来看一个例子,当影片播放到某一帧时就显示帧序号。
启动Flash,将影片速度设为1帧,选择文本工具,在场景中央单击一下鼠标(不要拖动),此时在场景中就会有一个文本框出现,打开字符面板设定好颜色和大小为24,再选择面板上的“文本”按钮,将“静态文本”改为“动态文本”,保持“单行”不变,在“变量”中起个名字x,设定好后,接下来从第二帧到第五帧都插入关键帧。
下面为五个帧添加帧动作,在文本框中显示出第几帧来。
选中第1帧,单击右键选择“动作”(或者时“窗口”菜单中的“动作”命令)打开动作面板。
单击左侧的“动作”打开动作层次,在下面找到“set variable”命令双击这个命令,添加到右边的命令行中,有一个醒目的红色,提醒我们要输入参数,在面板下方的“变量”中输入x,也就是我们的动态文本框的名字,在数值中输入1,也就是这是第一帧。
同样再选中第二帧,双击“set variable”,变量还是设为x,数值应该输入2,也就是这是第二帧。
同样设定后面三帧的动作,需要注意数值的输入。
再回到第一帧画一个红色小球,第二帧画黄色,第三帧画蓝色,第四帧画绿色,第五帧画紫色。这样就有五个不同的帧。
保存一下文件,按Ctrl和回车键测试影片,可以发现当播放到某一帧时,就会显示出这一帧的序号。
按钮动作跟帧动作类似,它主要是鼠标动作,也就是鼠标的单击、双击、拖动等。
下面通过一个例子来看一下,继续上一个影片,选中第一帧,再动作面板中打开“基本动作”,找到“停止”,双击给帧加一个停止动作,其他帧也同样加上“停止”动作,这样播放到每个帧都会停下来等待。
打开“共享图库”选择button(按钮组件),里面有许多按钮包,双击打开包,挑一个喜欢的按钮(比如gel right),拖到场景中第一帧里,在动作面板中,打开“动作”找到“on”命令双击加入(on就是当鼠标在上面时),下面的参数一般默认是“释放”也就是鼠标单击以后的意思。然后再在左边找到“play”双击加入到右边的命令行中,整个的命令就是当鼠标单击以后就play(播放)。
将这个按钮复制到各个帧里,用“粘贴到新位置”命令,这样每一帧里都有一个按钮了。
保存一下文件,按Ctrl和回车键,测试一下影片,看看效果如何。
37
Flash基础教程
本节主要讲述了帧动作和按钮动作,帧动作要先选择一个关键帧,按钮动作要先选择一个按钮,动态文本有一个变量名,文本框的内容随着变量的值改变而改变。
(如果没有出现变化的数字,请安装Flash网页插件)
二十、添加声音
好的音乐能够给影片锦上添花,能让作品产生质的飞跃,给人以美的感受。
Flash中的音乐可以分为背景音乐、主题音乐、片头曲、MTV、结束曲等等。
在Flash中声音作为一个组件保存到图库中,利用“文件”菜单中的“导入”命令可以将一个音乐文件导入到“图库”中。
常见的音乐文件格式有波形文件(.Wav)、CD音乐(.Cda)、Mp3音乐(.Mp3),Midi文件(.Mid)、微软音乐(.Wma),wav文件和CD音质最好,Mp3和Wma是压缩文件体积小。
我们一般导入Wav和Mp3音乐,其他格式的音乐文件要转换一下。
使用音乐的方法跟使用其他组件相同,先用“文件”中的“导入”命令找到一个音乐文件导入到图库中,然后选择一个关键帧,将图库中的音乐组件拖到场景中,成功后会在帧上出现一个声波的图标。
声音的控制有两种,一种是事件驱动播放(动作指令播放),一种是流式像水流一样自由播放。
事件驱动播放音乐可以独立播放,即使影片已经停止音乐也可以继续播放,流式播放可以很好的跟影片同步,影片停止音乐也停止,可以从音乐的任何位置开始播放。
下面来看一个例子,启动Flash,在第1帧里输入文字“我的音乐”
选择“文件”菜单中的“导入”命令,在弹出的对话框中的“查找范围”地址栏中单击鼠标左键,选择“C:盘”中的“Windows”中的“media”文件夹选择“The Microsoft Sound”文件(这是windows启动时的音乐),双击打开这个文件,文件就被导入到图库中了。
新建一个图层,选中第一帧,打开图库,从图库中把音乐拖到工作区中,这时候这一帧上就有一个声波。
接下来编辑音乐,在第10帧上“插入帧”看一下音乐的长度,如果没到结尾在接着向后拖动第10帧,一直到声波的结尾,看一看音乐的长度,然后把图层1也加长到这一帧。
单击图层2中的音乐,再打开“声音”面板在面板中可以看到在“声音”中是我们所选的声音文件,下面是它的文件属性“22kHz 单声道 ...”,“效果”中点一下“没有”会出现各种效果,“同步”中是事件,也就是事件驱动格式,单击一下旁边的按钮,里面还有“开始、停止、数据流”,开始是必须从头播放,停止是取消所有的播放,声波会消失,数据流是流式格式,可以任何位置播放。
下面试一试“同步”中的各种效果,用回车键播放不要用测试影片,依次选择“事件、开始、停止、数据流”每次试一试从第一帧和从第10帧的播放效果。
38
Flash基础教程
在“声音”面板中的右边有一个“编辑”选项,单击可以进入声音的编辑框。
单击“编辑”进入编辑框,从上到下最上面是“效果”现在还没有,下面是两个声道工作区白色部分是表示音乐的长度,二者之间是时间轴,左下角有一个播放按钮和一个停止按钮,可以测试声音的效果。
右边有四个按钮,当前选中的是“时间”(一个表),单击旁边的“小格子”选中“帧”,时间轴上显示出帧序号,旁边的两个是放大镜和缩小的,单击缩小可以显示更多的帧。
在声道工作区的左上角有一个控制点(白色的小方块)连着一条线,单击线可以添加控制点,把点拖出工作区可以删除点。它们是用来控制音量高低的。一般音乐是两边低中间高的效果,在第一个控制点旁边线上点一下左键,添加一个控制点,再把第一个控制点向下拖一点形成一个斜坡,这是最上边的“效果”中就出现“自定义”同样把最后结尾也设成一个斜坡,单击左边“播放”按钮试听一下效果,不满意就在修改。
在“时间轴”的白色区域音乐开始和音乐结尾处各有一个界标,分别是音乐的起点和终点,拖动它可以改变音乐的长度,可以选取音乐的一段,从而节省文件大小。把结尾向前拖上20帧,播放一下听听效果。
修改好后单击“确定”返回到场景中。注意添加声音后文件会变得很大,机子速度会变慢,操作时要仔细。
下面来做一个练习。我们制作出一段MTV来。
选择“文件”中的“关闭”,保存一下前面的文件,再新建一个影片。
MTV由歌曲和歌词组成,先导入歌曲“盛夏的果实”,歌词是“也许放弃才能靠近你,不再见你你才会把我记起,时间累积这盛夏的果实,回忆里寂寞的香气,我要试着离开你,不要再想你,虽然这并不是我本意。”
在每个有歌词的位置插入空白关键帧,让后用文本工具输入歌词,注意与歌曲同步,把声音属性改为“数据流”格式,在声音面板的“编辑”中找到音乐的最后一帧长度。
(——赵芝淋_收藏)
39
版权声明:本文标题:Flash基础教程 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/jishu/1703416452h450437.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论