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