
任务二:素材准备
一、导入图片素材
(1)新建一个Flash文件,设置影片舞台尺寸为720×576像素,背景颜色为白色,帧频设定为24fps,单击“确定”按钮,保存文件名为“Flash片头.fla”,如图1-1所示。

图1-1 “文档属性”对话框
(2)在“图层1”中绘制黑色外框。选择“矩形”工具,绘制边框为白色,填充为黑色的矩形,设置其宽为800、高为700,效果如图1-2所示。

图1-2 绘制矩形
(3)用“对齐”面板将此矩形的水平和居中中齐,注意选中白色的边框,效果如图1-3所示。


图1-3 对齐方式
(4)双击白色边框,将选中的白色边框宽度改为“720”,高度改为“410”,然后再次使用“对齐”面板居中对齐,单击边框内的填充,按【Delete】键,效果如图1-4所示。这样就划分好了舞台区域。

图1-4 绘制舞台区域
(5)将“图层1”改名为“外框”,并将其锁定,效果如图1-5所示。

图1-5 锁定图层
(6)执行“文件”→“导入”→“导入到库”命令,弹出“导入到库”对话框,选中素材文件夹中的全部图片文件,单击“打开”按钮,将所有素材图片导入元件库中,如图1-6所示。

图1-6 “导入到库”对话框
(7)按【Ctrl+L】组合键打开“库”面板,选中其中所有的图片文件,然后在选中的图片上单击鼠标右键,在弹出的快捷菜单中选择“移至新文件夹”选项,弹出“新建文件夹”对话框,输入名称“素材图片”,单击“确定”按钮,将图片全部移入“素材图片”文件夹内,如图1-7所示。

图1-7 “新建文件夹”对话框
二、制作元件素材
制作“飞信”元件
(1)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“飞信”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口,如图1-8所示。

图1-8 “创建新元件”对话框
(2)选择“文字”工具,输入“飞信”两个字,设置文字大小为“80”,字体为“隶书”,并将“飞”设为白色,“信”设为黄色,效果如图1-9所示。

图1-9 设置字体
(3)将“飞信”文字做两次分离效果,然后利用“选择”工具拖拉文字轮廓进行变形,删除“信”字上方的点并用一个白色的椭圆替代,利用“油漆桶”工具修改文字中部分线条的颜色,最终效果如图1-10所示。

图1-10 对文字进行变形
制作“花枝”元件
(4)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-11所示,在“名称”栏输入“花枝”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。

图1-11 创建“花枝”元件
(5)按【Ctrl+L】组合键打开“库”面板,将“花枝.png”拖入元件的编辑窗口,并将“信息”面板的注册点设定为居中,效果如图1-12所示。

图1-12 编辑元件
制作“渐变圆”元件
(6)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-13所示。在名称栏输入“渐变圆”,类型选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。

图1-13 创建“渐变圆”元件
(7)选择“椭圆”工具,绘制带边框的正圆,然后选中边框将其缩小,将内部的填充删除,重新填充为白色,重复此操作,最终将所有对象组合在一起,设定“信息”面板注册点为居中,效果如图1-14所示。

图1-14 编辑“渐变圆”元件
制作“粉黄”元件
(8)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“粉黄”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(9)选择“直线”工具和“椭圆”工具,绘制椭圆,如图1-15所示。

图1-15 绘制椭圆
(10)选择“选择”工具,拖拉编辑窗口中的线条,设定“信息”面板的注册点为居中,最终效果如图1-16所示。

图1-16 制作“粉黄”元件
制作“彩虹”元件
(11)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“彩虹”,类型选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(12)选择“直线”工具,绘制彩虹外框初形,再利用“选择”工具拖拉直线线条,效果如图1-17所示。

图1-17 绘制彩虹外框
(13)选择“油漆桶”工具,在彩虹外框中填充不同的颜色,最终效果如图1-18所示。

图1-18 填充彩虹外框
制作“云朵”元件
(14)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“云朵”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(15)按【Ctrl+L】组合键打开“库”面板,将“云朵.png”拖入元件的编辑窗口,并将“信息”面板的注册点设定为居中,效果如图1-19所示。

图1-19 制作“云朵”元件
制作“汽车”元件
(16)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“汽车”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(17)按【Ctrl+L】组合键打开“库”面板,将“汽车.png”拖入元件的编辑窗口,并将“信息”面板的注册点设定为居中,效果如图1-20所示。

图1-20 制作“汽车”元件
制作“卡通电视”元件
(18)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“卡通电视1”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(19)按【Ctrl+L】组合键打开“库”面板,将“卡通电视1.png”拖入元件编辑窗口,并将“信息”面板的注册点设定为居中,效果如图1-21所示。
(20)利用相同的方法依次将“库”中的“卡通电视2.png”~“卡通电视13.png”拖入元件编辑窗口,并将“信息”面板注册点设定为居中,创建“卡通电视2”~“卡通电视13”元件。

图1-21 制作“卡通电视1”元件
制作“五线”元件
(21)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“五线”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(22)选择“直线”工具,绘制直线,效果如图1-22所示。

图1-22 制作“五线”元件
制作“音乐符”元件
(23)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“音乐符1”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(24)按【Ctrl+L】组合键打开“库”面板,将其中5个不同音符图片拖入元件编辑窗口,摆放在高低不等的位置,并将“信息”面板的注册点设定为居中,效果如图1-23所示。
(25)利用相同的方法制作“音乐符2”、“音乐符3”两个元件,效果如图1-24所示(最好是3个音乐符元件中所用的5个音符不同)。

图1-23 制作“音乐符1”元件

(a)“音乐符2”元件

(b)“音乐符3”元件
图1-24 制作其了音乐符元件
制作“彩星”元件
(26)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“彩星1”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(27)选择“多角星形”工具和“油漆桶”工具,绘制填充的五角星,设置为蓝色边框,填充白—蓝—浅蓝的渐变色,设定“信息”面板注册点为居中,效果如图1-25所示。

图1-25 制作“彩星1”元件
(28)利用相同的方法依次创建“彩星2”、“彩星3”、“蓝白星”元件,如图1-26所示。

(a)“彩星2”元件

(b)“彩星3”元件
图1-26 制作其他彩星元件
制作“舞蹈圆”元件
(29)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏输入“舞蹈圆”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(30)选择“椭圆”工具,绘制黑色边框,淡黄色填充的圆,缩小黑色边框,删除其中的填充色,重新填充为淡绿色,依次进行操作,最后删除黑色边框,设定“信息”面板注册点为居中,效果如图1-27所示。

图1-27 制作“舞蹈圆”元件
制作“彩虹2”元件
(31)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“彩虹2”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(32)选择“椭圆”工具绘制同心椭圆,利用“变形”工具进行变形,效果如图1-28所示。
(33)选择“油漆桶”工具,为同心椭圆线框填充不同的颜色,效果如图1-29所示。

图1-28 绘制彩虹轮廓

图1-29 填充颜色
制作“彩色半圆”元件
(34)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“彩色半圆”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(35)选择“椭圆”工具,绘制白色边框、填充为橙色的椭圆,删除一半保留其上半部分,效果如图1-30所示。

图1-30 制作半圆
(36)新建图层,复制多个半圆,并修改半圆的颜色,效果如图1-31所示。

图1-31 制作出多个半圆
制作“黄色旋转”元件
(37)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“黄色旋转”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(38)选择“直线”工具,绘制旋转中的一个叶片,将其填充为黄色,然后删除边框线,将中心点对正到叶片下方,进行旋转复制,角度为36°,效果如图1-32所示。

图1-32 制作“黄色旋转”元件
制作“白色流线”元件
(39)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“白色流线”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口(因为要画白色线,所以先将背景色改为黑色,完成后再改回白色)。
(40)选择“钢笔”工具,绘制曲线,线的起点与编辑模式的中心重合,效果如图1-33所示。

图1-33 制作“白色流线”元件
制作“白色渐变矩形”元件
(41)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“白色渐变矩形”,“类型”选择“图形”,单击“确定”按钮,进入图形元件的编辑窗口。
(42)打开调色板,填充白色(100%)至白色(0%)的渐变色,效果如图1-34所示。

图1-34 设置渐变色
(43)选择“矩形”工具绘制矩形,设置宽度为线长的1/3,高度以完全遮盖住曲线为准,效果如图1-35所示。

图1-35 制作“白色渐变矩形”元件
制作“白色飞线”元件
(44)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“白色飞线”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口(因为要画白色线,所以先将背景色改为黑色,完成后再改回白色)。
(45)选择“钢笔”工具,绘制曲线,利用“选择”工具拖拉变形,并填充白色(100%)至白色(0%)的渐变色,效果如图1-36所示。

图1-36 制作“白色飞线”元件
制作“蝴蝶飞舞”元件
(46)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-37所示。在“名称”栏中输入“蝴蝶飞舞”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。

图1-37 “创建新元件”对话框
(47)按【Ctrl+L】组合键打开“库”面板,将“蝴蝶1.png”~“蝴蝶9.png”九个不同状态的蝴蝶图片拖入元件编辑窗口,按图片名称顺序分别放置在第1~9帧的关键帧上并使其对齐,然后在第10帧插入普通帧,效果如图1-38所示。

图1-38 制作“蝴蝶飞舞”元件
制作“飞线旋转”元件
(48)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“飞线旋转”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。
(49)按【Ctrl+L】组合键打开“库”面板,将“白色飞线”元件拖放到“图层1”的第1帧关键帧上,选中元件,打开“滤镜”面板(“属性”面板右边),单击变蓝的“+”号,在弹出的列表中选择“发光”,设置光颜色为蓝色(#00CCFF),模糊X的值为29,模糊Y的值为29,强度为209%,品质为高,效果如图1-39所示。

图1-39 设置发光滤镜
(50)按【F6】键依次在第2~16帧插入关键帧,除第16帧和第1帧保持相同状态外,其他各帧依次相对上一帧逆时针旋转20°左右,效果如图1-40所示(可以保持每两帧间旋转角度相同,也可以略有差别)。

图1-40 制作飞线旋转影片元件
制作“流线”元件
(51)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“流线1”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。
(52)按【Ctrl+L】组合键打开“库”面板,将“白色流线”元件拖入影片编辑窗口“图层1”的第1帧处,效果如图1-14所示。

图1-41 “图层1”的第1帧
(53)新建“图层2”,再次从“库”中拖出“白色流线”元件,使两条线大致重合在一起(不用完全重合),效果如图1-42所示。

图1-42 图层2
(54)在“图层1”的第120帧处插入关键帧,将线向左平移,距离约为线长的1/2并保持与“图层1”的线重合,然后创建补间动画,效果如图1-43所示。

图1-43 创建补间动画
(55)右键单击“图层1”,在弹出的快捷菜单中选择“遮罩层”选项,完成遮罩,效果如图1-44所示。

图1-44 遮罩效果
(56)新建“图层3”,按【Ctrl+L】组合键打开“库”面板,将“白色渐变矩形”元件从“库”中拖放到“图层3”的第1帧的关键帧处,效果如图1-45所示。

图1-45 图层3
(57)将“图层3”设为被遮罩层,效果如图1-46所示。

图1-46 将“图层3”设为被遮罩层
(58)右键单击“库”中的“流线1”元件,选择“直接复制”命令,复制出“流线2”元件。双击“流线2”元件,进入其编辑模式,将时间轴上3个层的末帧(120)拖回第60帧处,效果如图1-47所示。

图1-47 设置时间轴
(59)按照相同的做法完成“流线3”元件的制作,将“流线3”元件时间轴上3个层的末帧拖回第90帧处,效果如图1-48所示。

图1-48 “流线3”元件时间轴的设置
(60)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,如图1-49所示,在“名称”栏中输入“流线”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。

图1-49 “创建新元件”对话框
(61)在“流线”元件中制作线条发光流动的效果。随机拖出元件“流线1”、“流线2”、“流线3”,将起点对齐,此时舞台上线条的总数为11,单击第1帧,将帧中所有线条选中,打开“滤镜”面板,单击变蓝的“+”号,在弹出的列表中选择“发光”,设置光颜色为白色—绿色(#00FF00),模糊X的值为11,模糊Y的值为11,强度为490%,品质为高,角度为0,距离为0,类型为外侧。制作完毕后的效果如图1-50所示。

图1-50 线条发光流动效果
制作“跳舞的人”元件
(62)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“跳舞的人”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。
(63)按【Ctrl+L】组合键打开“库”面板,将“舞蹈圆”元件拖放到“图层1”第1帧的关键帧上,并在第3帧、第5帧、第8帧处插入关键帧,然后分别将这4个关键帧上的元件进行变形,每一个关键帧都较前一个关键帧依次放大一,效果如图1-51所示。

图1-51 设置关键帧
(64)新建“图层2”,在第9帧插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“跳舞1”元件拖入编辑窗口,然后在第30帧插入关键帧,删除“跳舞1”元件,将“跳舞2”元件拖放到此关键帧上,创建补间动画,效果如图1-52所示。

图1-52 创建补间动画
(65)按照相同的做法分别在第48帧、第68帧、第75帧处插入关键帧,按【Ctrl+L】组合键打开“库”面板,将“跳舞3”元件拖放到第48帧,将“跳舞1”元件分别拖放到第68帧和第75帧处,创建补间动画,效果如图1-53所示。

图1-53 创建补间动画
制作“汽车运动”元件
(66)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“汽车运动”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。
(67)按【Ctrl+L】组合键打开“库”面板,将“汽车”元件拖放到“图层1”第1帧的关键帧处,在第2帧、第3帧处插入关键帧,然后将第3帧的“汽车”元件稍微向上移动,在第4帧插入普通帧,效果如图1-54所示。

图1-54 制作“汽车运动”元件
制作“晃动的圆”元件
(68)按【Ctrl+F8】组合键新建元件,弹出“创建新元件”对话框,在“名称”栏中输入“晃动的圆”,“类型”选择“影片剪辑”,单击“确定”按钮,进入影片元件的编辑窗口。
(69)按【Ctrl+L】组合键打开“库”面板,将“彩色半圆”元件拖放到“图层1”第1帧的关键帧处,然后分别在第19帧、第33帧、第38帧、第43帧处插入关键帧,将第19帧关键帧的“彩色半圆”元件向右侧移动一段距离,再向上移动,将第33帧关键帧的“彩色半圆”元件向右侧移动一段距离,将第38帧关键帧的“彩色半圆”元件向左侧移动一段距离,再向下移动,将第43帧关键帧的“彩色半圆”元件向左侧移动一段距离,效果如图1-55所示。

图1-55 制作“晃动的圆”元件
制作其他图形元件
(70)参照上述方法,自行制作其他所用的简单图形元件。