实验指导书4Flash基本操作及简单动画制作Word格式文档下载.docx
《实验指导书4Flash基本操作及简单动画制作Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《实验指导书4Flash基本操作及简单动画制作Word格式文档下载.docx(14页珍藏版)》请在冰豆网上搜索。
图2制作按钮元件
3.创建课件背景:
从库中拖动“课件背景.jpg”到舞台,使其与舞台边界对齐。
选中图层1,单击鼠标右键,在弹出的快捷菜单中选择“属性”,通过图层属性对话框,修改图层1名称为“背景”。
单击背景图层,在60帧处按F5,插入普通帧,锁定背景图层。
如图1所示。
4.制作按钮元件:
选择“插入|新建元件”,新建“第一章”按钮元件,并进入按钮元件编辑窗口。
1)单击“弹起”帧,使用文本工具创建文本“第一章”,并调整文本的大小及颜色。
2)选择“弹起”帧,单击鼠标右键,在弹出的快捷菜单中选择“复制帧”,再分别在“指针经过”、“按下”帧上粘贴。
将“指针经过”、“按下”两帧对应的文本修改成不同的颜色。
3)单击“点击”帧,按F7插入空白关键帧。
选择工具箱中的“矩形工具”,在舞台中央绘制一矩形,大小刚好覆盖文本框即可。
最终“第一章”按钮元件制作效果如图2所示。
5.重复第4步,分别制作出“第二章”,“第三章”,“第四章”按钮元件。
6.回到场景1编辑状态,新建“按钮”图层,将制作好的按钮元件分别拖动到课件背景放置按钮的位置,并使用工具箱中的“自由变换工具”,调整按钮元件大小,使文字按钮的大小刚好与背景中按钮大小适合,如图3所示。
7.新建“第一章”图层,在第10帧处插入空白关键帧。
选择工具箱中的文本工具,在舞台上输入第一章文本内容,并调整文本的大小及颜色。
选择第19帧插入空白关键帧,此时舞台效果如图4所示。
8.新建“第二章”图层,在第20帧处插入空白关键帧。
选择工具箱中的文
本工具,在舞台上输入第二章文本内容,并调整文本的大小及颜色。
选择第29帧插入空白关键帧。
此时舞台效果如图5所示
9.新建“第三章”图层,在第30帧处插入空白关键帧。
选择工具箱中的文本工具,在舞台上输入第三章文本内容,并调整文本的大小及颜色。
选择第39帧插入空白关键帧。
此时舞台效果如图6所示。
图6创建第三章文本演示内容
图7创建第四章文本演示内容
10.新建“第二章”图层,在第40帧处插入空白关键帧。
选择工具箱中的文本工具,在舞台上输入第四章文本内容,并调整文本的大小及颜色。
此时舞台效果如图7所示。
11.新建“脚本图层”,单击第1帧,打开动作面板,为第1帧添加动作脚本stop();
如图8所示。
12.选择“按钮”图层,单击“第一章”按钮实例,打开动作面板,添加脚本:
on(press){gotoAndStop(10);
}
13.选择“按钮”图层,单击“第一章”按钮实例,打开动作面板,添加脚本:
on(press){gotoAndStop(20);
14.选择“按钮”图层,单击“第一章”按钮实例,打开动作面板,添加脚本:
on(press){gotoAndStop(30);
}
15.选择“按钮”图层,单击“第一章”按钮实例,打开动作面板,添加脚本:
on(press){gotoAndStop(40);
16.按“Ctrl+Enter”,测试影片。
图9发布简易课件
17.选择“文件|发布设置”命令,在弹出的发布设置对话框中,勾选Flash类型,并且修改保存的文件名字为“简易课件”,设定文件存储目录后,单击发布,如图9所示。
(二)制作简易电子相册
1.新建一个flash(ActionScript2.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的矩形。
在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帧处插入关键帧。
利用“选择工具”选中120帧处的图片,并在下方的属性面板中,将图片的高修改为0。
在120-140帧之间创建形状补间。
如图16所示。
在141帧,插入空白关键帧。
图16
5)此时photo1图层创建完毕,单击图层名称旁边的小锁按钮,锁定此图层。
5、创建第二张图片的相关图层。
(主要利用遮罩动画,运动补间动画)
1)新建“photo2”图层,在141帧处插入空白关键帧。
将库中的“t3.jpg”拖入到舞台,在属性面板中修改其宽高为800,600。
在210帧处插入空白关键帧。
2)新建图形元件,取名为“圆”,在元件绘制窗口中绘制一个小的圆形。
颜色任意。
3)新建“photo2遮罩”图层,在141帧处插入空白关键帧。
将图形元件“圆”拖入舞台,并放置在图片展示区的左上角。
4)160,190帧处插入关键帧。
5)利用“任意变形工具”,将160帧的圆,缩放到覆盖图片展示区的大小,在140-160帧间创间动画补间。
如图17所示。
图17
6)在时间轴上双击,选取140-160帧,单击鼠标右键,在弹出的快捷菜当中,选择“复制帧”,然后在190帧处“粘贴帧”,再双击选取190-210帧之间的所有帧,单击鼠标右键,在弹出的快捷菜当中,选择“翻转帧”。
在211帧处插空白关键帧。
如图18所示
图18
7)将“photo2遮罩”图层变为遮罩图层。
如图19所示。
在图层名称处单击鼠标右键,在弹出的快捷菜单中,选择遮罩层。
图19
6、创建第三张图片的相关图层。
1)新建“photo3”图层,在211帧处插入空白关键帧。
属性面板中的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,颜色任意的矩形。
将“photo3遮罩”图层转换为遮罩图层。
效果如图20所示。
图20
7、制作“谢谢欣赏”图层(主要是路径动画)
1)新建图形元件,名称为“谢谢欣赏”,利用文本工具,在图形元件编辑窗口中心,输入“谢谢欣赏”。
2)新建“谢谢欣赏”图层,280帧处创建空白关键帧,将“谢谢欣赏”图形元件拖入舞台,300帧处插入关键帧。
3)为“谢谢欣赏”图层添加引导层,创建路径动画。
效果如图21所示。
图21
8、插入音乐背景
1)单击“插入图层”按钮,新建一个“背景音乐”图层。
2)打开“库”面板,在“库”面板中“童年”声音文件,直接拖放到舞台。
3)在“属性”面板的“同步”下拉列表框中选择“事件”选项,使声音与动画同步。
如图22所示。
图22
8、创建代码图层
单击新建图层按钮,创建“代码”图层,在320帧处插入空白关键帧,在动作面板中,为该帧添加动作代码:
stop();
如图23所示。
图23
9、创建“再欣赏一遍”按钮。
制作按钮元件:
1)单击“弹起”帧,使用文本工具创建文本“再欣赏一遍”,并调整文本的大小及颜色。
10、新建按钮图层。
新建按钮图层,在300帧处插入空白关键帧,将“再欣赏一遍”按钮拖入舞台,放在合适位置。
使用选择工具,选中按钮,为按钮添加脚本:
on(press)
{gotoAndPlay
(1);
如图24所示。
11、选择“文件|发布设置”命令,在弹出的发布设置对话框中,勾选Flash类型,并且修改保存的文件名字为“简易课件”,设定文件存储目录后,单击发布。
六、实验注意事项
1.注意不同元件的创建以及它们之间的转换。
2.注意补间动画的创建的方式及注意问题。
3.注意区别帧,关键帧,空白关键帧的区别。
4.矢量图形与位图的区别。
5.Flash脚本代码的编写规范。
七、实验报告要求
认真填写实验地点、实验操作人、实验日期、实验目的、实验要求、实验内容。
要求较为详细的记录整个实验操作的步骤,重点突出,写出注意事项及疑难问题。
八、思考题
1.形状变形动画与位置变形动画的区别。
2.Flash中常用的ActionScript语句有哪些。
3.如何修改文档的属性。
4.Flash绘图工具中哪几种工具可以用于对象的选取?
5.图层包括哪几种,如何改变图层的属性?
6.帧分为哪几种类型?
如何创建关键帧和空白关键帧?