实验指导书-Flash基本操作及简单动画制作
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
实验指导书-Flash基本操作及简单动画制作
《Flash基本操作及简单动画制作》实验教学指导书
一、实验目的
1. 了解Flash的基本界面组成及特点。
2. 掌握Flash的基本操作。
3. 掌握Flash四类基本动画。
4. 学会制作简易Flash课件。
二、实验内容
1. 制作简易Flash课件。
2. 制作简易电子相册。
三、实验仪器、设备
多媒体计算机,Flash CS3。
四、实验原理
Flash的基本操作,应用Flash设计制作主题明确的动态相册、简单的Flash 课件。
五、实验步骤
(一)制作简单相册
1.新建一个flash(ActionScript 2.0) 文档,并设置文档大小为1024*768。
2. 选择“文件|导入|导入到库”,将所需图片素材导入到当前库。
3. 创建相册封面背景:
1)将库面板中的“garden.jpg”拖入到舞台,并使其与舞台边界对齐;修改“图层1”名称为“背景”。在340帧处按F6键,插入关键帧。如图10所示。
图10 插入背景图片
2)单击“插入图层”按钮,新建“图层2”,修改图层名称为“背景文字”。单击第10帧,按F7,插入空白关键帧,选择“文本工具”,输入“世界地理”,并将四个字分离。分别在15,20,25帧处插入关键帧。选中第10帧,将“界地理”三个字删除;选中第15帧,将“地理”两个字删除;选中第20帧,将“理”删除。如图11所示。也可以在Photoshop创建艺术效果的“世界地理”,可以使背景更美观。
图11 创建“背景文字”
3)新建“图片展示”图层。在30帧处按F7插入空白关键帧。设置前景色为灰色,透明度为50。如图12所示。
选择“矩形工具”,绘制宽高分别为10的矩形,属性面板中,此矩形的坐标位置x,y值为6,58。在50帧处插入关键帧,用“选择工具”选中此帧处的矩形,并在属性面板中,将其宽修改为800。在30帧-50帧之间创建形状补间。
在70帧处,插入关键帧,并将此帧处矩形的高修改为600,在50-70帧之间创建形状补间。效果如果13 所示。
图12 颜色选取
图13 创建“图片展示”图层
4)单击“插入图层文件夹”按钮,插入文件夹图层,修改“文件夹1”
为“背景”,将之前创建的“背景”,“背景文字”,“图片展示”三个图层拖入“背景”文件夹。
4、创建第一张图片相关图层。(主要利用形状补间动画)
1)新建“photo1”图层,在70帧处插入空白关键帧。将库中的“t2.jpg”拖入到舞台,在属性面板中修改其宽高为800,600。并将图片与图片展示矩形框对齐,即在属性面板中的x,y值修改为6,58。如图14所示。
图14 将图片放在图片展示区
2)选中第70帧处的图片,按下Ctrl+B,将图片打散。在第90帧处插入关键帧。
3)利用“选择工具”选中70帧处的图片,并在下方的属性面板中,将图片的高修改为10。在70-90帧之间创建形状补间。如图15所示。
图15
4)在120,140帧处插入关键帧。利用“选择工具”选中140帧处的图片,并在下方的属性面板中,将图片的高修改为0。在120-140帧之间创建形状补间。如图16所示。在141帧,插入空白关键帧。
图16
5) 此时photo1图层创建完毕,单击图层名称旁边的小锁按钮,锁定此图层。
5、创建第二张图片的相关图层。(主要利用遮罩动画,运动补间动画)
1)新建“photo2”图层,在141帧处插入空白关键帧。将库中的“t3.jpg”
拖入到舞台,在属性面板中修改其宽高为800,600。并将图片与图片展示矩形框对齐,即在属性面板中的x,y值修改为6,58。在210帧处插入空白关键帧。
2)新建图形元件,取名为“圆”,在元件绘制窗口中绘制一个小的圆形。颜色任意。
3)新建“photo2遮罩”图层,在141帧处插入空白关键帧。将图形元件“圆”拖入舞台,并放置在图片展示区的左上角。
4)160,190帧处插入关键帧。
5)利用“任意变形工具”,将160帧的圆,缩放到覆盖图片展示区的大小,在140-160帧间创间动画补间。如图17所示。
图17
6)在时间轴上选取140-160帧(单击140帧,按住shift键,再单击160帧),单击鼠标右键,在弹出的快捷菜当中,选择“复制帧”,然后在190帧处“粘贴帧”,再选取190-210帧之间的所有帧,单击鼠标右键,在弹出的快捷菜当中,选择“翻转帧”。在211帧处插空白关键帧。如图18所示
图18
7)将“photo2遮罩”图层变为遮罩图层。如图19所示。在图层名称处单击鼠标右键,在弹出的快捷菜单中,选择遮罩层。
图19
6、创建第三张图片的相关图层。(主要利用遮罩动画,运动补间动画)
1)新建“photo3”图层,在211帧处插入空白关键帧。将库中的“t4.jpg”拖入到舞台,在属性面板中修改其宽高为800,600。属性面板中的x,y值修改为-790,58。在230帧出插入关键帧,修改此帧处的图片位置,x,y值为6,58。
在211-230帧创建补间动画。
2)在260帧,280帧插入关键帧。修改280帧的图片位置,x,y值为6,1206。在260-280帧创建补间动画。
3)新建“photo3遮罩”图层,210帧插入空白关键帧,用“矩形”工具绘制大小为800,600,坐标位置x,y为6、58,颜色任意的矩形,在281帧处插空白关键帧。
将“photo3遮罩”图层转换为遮罩图层。效果如图20所示。
图20
7、制作“谢谢欣赏”图层(主要是路径动画)
1)新建图形元件,名称为“谢谢欣赏”,利用文本工具,在图形元件编辑窗口中心,输入“谢谢欣赏”。
2)新建“谢谢欣赏”图层,280帧处创建空白关键帧,将“谢谢欣赏”图形元件拖入舞台,300帧处插入关键帧。
3)为“谢谢欣赏”图层添加引导层,创建路径动画。