二维动画基础FLASH实验报告.docx
《二维动画基础FLASH实验报告.docx》由会员分享,可在线阅读,更多相关《二维动画基础FLASH实验报告.docx(28页珍藏版)》请在冰豆网上搜索。
二维动画基础FLASH实验报告
学生实验报告
(理工类)
课程名称:
二维动画基础(FLASH)专业班级:
xxx计算机科学与技术
学生学号:
1205601xxx学生姓名:
xxx
所属院部:
信息技术学院指导教师:
xxx
2013——2014学年第2学期
金陵科技学院教务处制
实验报告书写要求
实验报告原则上要求学生手写,要求书写工整。
若因课程特点需打印的,要遵照以下字体、字号、间距等的具体要求。
纸张一律采用A4的纸张。
实验报告书写说明
实验报告中一至四项内容为必填项,包括实验目的和要求;实验仪器和设备;实验内容与过程;实验结果与分析。
各院部可根据学科特点和实验具体要求增加项目。
填写注意事项
(1)细致观察,及时、准确、如实记录。
(2)准确说明,层次清晰。
(3)尽量采用专用术语来说明事物。
(4)外文、符号、公式要准确,应使用统一规定的名词和符号。
(5)应独立完成实验报告的书写,严禁抄袭、复印,一经发现,以零分论处。
实验报告批改说明
实验报告的批改要及时、认真、仔细,一律用红色笔批改。
实验报告的批改成绩采用百分制,具体评分标准由各院部自行制定。
实验报告装订要求
实验批改完毕后,任课老师将每门课程的每个实验项目的实验报告以自然班为单位、按学号升序排列,装订成册,并附上一份该门课程的实验大纲。
实验项目名称:
Flash基础实验学时:
4
同组学生姓名:
/实验地点:
工科楼A210
实验日期:
2014.3.6实验成绩:
批改教师:
批改时间:
一、实验目的
通过本课程的训练,熟悉flash界面,掌握Flash界面中各组成元素和功能。
二、实验要求
在d盘建立自己的文件,进行立体图形的绘制。
要求:
1.独立设计完成。
2.绘制美观。
三、实验仪器和设备
586以上计算机、装有IE6、flash软件。
四、实验步骤及内容
1、单击“矩形工具”,然后显示设置属性。
2、绘制圆角矩形。
3、单击“圆角矩形”点击“插入”→“时间抽特效”→“帮助”→“复制到网格”。
通过“复制到网络”对话框,设置相关参数。
4、改变各矩形的颜色。
、
5、创建立体效果。
五、讨论、思考题
FLASH是什么?
FLASH电影是专为网页服务的画像或动画(当然,也可用于其它用途)。
主要含有矢量图形,但是也可以包含导入的位图和音效,还可以把浏览者输入的信息同交互性联系起来,从而产生交互效果,也可以生成非线性电影动画。
该动画可以同其它的WEB程序产生交互作用。
网页设计师可以利用FLASH来创建导航控制器、动态LOGOS、含有同步音效的长篇动画、甚至可以产生完整的、富于敏感性的网页。
使用Flash创建功能强大的互动式营销、演示文稿、丰富的媒体广告、电子教学、娱乐、商业应用、互动视频体验等内容。
六、实验结果与分析
在学习绘制和编辑图形的制作之前,用户应该先对Flash3和Flash8中的图形要有所认知,主要包括位图和矢量图概念和区别,以及图形色彩的相关知识。
用Flash的绘图功能能够绘制出艺术绘画相媲美的作品,严谨的造型和协调的色彩综合运用,加上光影效果的点缀,将画画变得更加生动,富有情趣。
Flash的独特绘图功能,使它在图像王国里能够独占鳌头,用Flash进行的商业绘画,正运用于越来越多的领域。
实验项目名称:
简单动画的创建实验学时:
4
同组学生姓名:
/实验地点:
工科楼A210
实验日期:
2014.3.20实验成绩:
批改教师:
批改时间:
一、实验目的
通过本课程的训练,集中基本类型动画的创建;创建元件的基本操作;库的基本操作;声音的基本操作;图片的基本操作。
二、实验要求
在d盘建立自己的文件,进行动画的创建。
三、实验设备、环境
586以上计算机、装有IE6、flash软件。
四、实验步骤及内容
1、启动Flash程序,打开工作环境的窗口,可以使用下列方法之一。
方法一:
单击“开始”按钮→打开“程序”项→打开“Macromedia”程序组项→单击“MacromediaFlashMX”命令,即可启动程序。
方法二:
鼠标直接双击计算机桌面上的“MacromediaFlashMX”的程序快捷图标(如果有的话),即可打开程序窗口。
2、设置动画影片的舞台大小,可以使用下列方法之一。
方法一:
使用“修改|文档”菜单命令(快捷键为Ctrl+J),打开“文档属性”对话框,如下图所示:
在FlashMX文档中默认的舞台大小为宽度550px(像素),高度400px(像素),背景色为“白色”,帧频为“12fps”(每秒钟播放12帧,每1帧即为一个动画画面)。
在我们制作的第一个几何图形渐变的简单动画中,将舞台的大小设置为宽→“400px”,高→“100px”,背景色为“黄色”,帧频→“12fps”,设置完毕后如下图所示:
方法二:
单击展开“属性面板”,再单击面板中的“550x400像素”按钮,即可打开“文档属性”对话框。
接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。
如果只是想简单的修改舞台的背景色和影片的帧频,则可以在属性面板中直接设置。
3、在舞台的左侧使用“椭圆工具”绘制出一个正圆。
单击“工具箱”中的“椭圆工具”按钮,在“颜色”区域中,将“笔触颜色”禁用,然后将“填充色”设置为“红色球形”,最后按住Shift键,在舞台的左侧绘制出一个正圆,如下图所示。
4、在舞台的右侧使用“矩形工具”绘制出一个正方形。
此时,我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点(关键帧图标)。
下面,我们再选中图层1时间线上的第40帧,使用“插入|空白关键帧”菜单命令(或者鼠标右击时间线第40帧,在快捷菜单中选用“插入空白关键帧”命令,也可以使用快捷键F7,直接在时间线上插入空白关键帧,空白关键帧的图标在时间线上显示为一个空心小圆点,如下图所示:
这时,我么可以发现原先在舞台左侧绘制的红色圆“消失”了,舞台上什么对象都没有。
这是因为,我们现在看到的是影片第40帧(即第40个画面)暂时还是一个空白关键帧,所以我们可以选用工具箱中的“矩形工具”,在“颜色”区域中,将“笔触颜色”禁用,将“填充色”设置为“蓝色球形”,最后按住Shift键,拖曳鼠标,在舞台的右侧绘制出一个正方形,如下图所示:
如果细心的同学可以发现,图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。
5、为影片创建补间动画。
单击选中图层1时间线上的第1帧,打开“属性面板”,选用“补间”下拉列表中的“形状”命令即可,如下图所示:
所谓的补间就是让FlashMX程序为用户自动地在两个关键帧之间创建动画效果,补间动画有两种类型:
(1)动作,一般用于关键帧含有元件对象,使用动作类型的补间,在创建完成后关键帧之间用淡紫色填充;
(2)形状,一般用于关键帧含有的是形状对象,使用形状补间,在创建完成后关键帧之间用淡绿色自动填充,如下如所示:
此时,如果我们想预览动画效果,只要按键盘上的“Enter”就可以了。
6、保存并导出我们的第一个动画作品。
使用“文件|保存”菜单命令(快捷键为Ctrl+S),打开“另存为”的对话框,设置文档的存储路径,文档的文件名后,单击“保存”按钮即可,如下图所示。
请同学们注意,此时我们存储的是作品的.fla格式的文档。
下面,我们接着学习如何导出动画作品。
使用“文件|导出影片”菜单命令,在弹出的“导出影片”对话框中,设置影片的导出路径和影片的文件名,最后单击“保存”按钮即可。
五、讨论、思考题
1、制作一个舞台大小为400x100像素,背景色、帧频自定的红色短线条渐变为蓝色长线条的作品。
2、制作一个舞台大小400x100像素,背景色、帧频自定,动画内容为红色三角渐变为绿色圆,再渐变为蓝色正方形的作品。
3、补间动画有两种类型:
(1)动作,一般用于关键帧含有元件对象,使用动作类型的补间,在创建完成后关键帧之间用淡紫色填充;
(2)形状,一般用于关键帧含有的是形状对象,使用形状补间,在创建完成后关键帧之间用淡绿色自动填充。
4、使用“文件|导出影片”菜单命令,在弹出的“导出影片”对话框中,设置影片的导出路径和影片的文件名,最后单击“保存”按钮即可。
六、实验结果与分析
在Flash中的效果有两种方法:
1、一种方法可以创建形状效果,一种是“补间形状”。
在补间形状中,用户只要创建好开始帧和结束帧,中间的过度帧,将由Flash自动生成。
用户可以通过连续改变帧的内容来实现形状效果,例如使对象在舞台上穿梭行动、变形等等,这些形状可以单独发生也可以组合发生。
2、一种方法可以创建动画效果,一种是“补间动画”。
在补间动画中,用户只要创建好开始帧和结束帧,中间的过度帧,将由Flash自动生成。
用户可以通过连续改变帧的内容来实现动画效果,例如使对象在舞台上穿梭行动、放大或缩小、旋转等等,这些动画可以单独发生也可以组合发生。
实验项目名称:
ActionScript语句基础实验学时:
4
同组学生姓名:
/实验地点:
工科楼A210
实验日期:
2014.4.2实验成绩:
批改教师:
批改时间:
一、实验目的
通过本课程的训练,掌握ActionScript的基本语法;熟悉常用的ActionScript语句
二、实验要求
在d盘建立自己的文件,制作能够跳转到网页的按钮。
三、实验设备、环境
586以上计算机、装有IE6、flash软件。
四、实验步骤及内容
1、设置作品舞台属性
新建一个Flash文档,将舞台大小定义为200x300像素,背景色为“黑色”,默认帧频12fps,并保存为“能够跳转到网页的按钮.fla”,完成后如下图所示:
2、创建一个“搜狐”的按钮元件
(1)使用“插入|新建元件”命令,在“创建新元件”对话框中,将元件名称命名为“搜狐”,行为类型中选用“按钮”,然后单击“确定”按钮,如下图所示,进入元件舞台。
(2)选用“矩形工具”,在选项区域中将“笔触颜色”禁用,设置填充色为“球红”,然后在元件舞台的中心位置画出一个矩形(可用对齐面板调整矩形的舞台位置),如图所示:
(3)将“搜狐”按钮元件的图层1重命名为“图形”,然后分别在“指针经过”帧和“按下”正中插入关键帧。
再把“指针经过”帧和“按下”帧中的矩形填充颜色设置为“球绿”和“球蓝”,完成后的时间轴如下图所示:
(4)先将“图形”图层锁定,接着在该图层的上方插入一个新的图层,并重命名为“搜狐文字”,然后使用“文本工具”在舞台中心位置输入字体为“隶书”,字号为“20”,字体颜色为“黄色”的字符——“搜狐网站”,完成后如下图所示:
3、参照“搜狐”按钮元件的制作过程,再创建“新浪”和“上海热线”2个图形按钮,如下图所示:
4、在场景舞台中使用按钮元件,创建按钮实例
返回到场景舞台中,按F11键打开作品素材库,将3个不同的图形按钮拖曳到场景舞台上,并对创建出的按钮实例合理布局,调整大小,完成后如下图所示:
5、为按钮实例设置正确的action动作命令
(1)选中舞台上的“上海热线”按钮实例,单击展开“动作——按钮”面板,双击“动作工具箱”中的“动作|浏览器/网络|getURL”命令,在URL输入框中输入需要跳转到的URL地址,此处由于我们试图在单击“上海热线”按钮之后,能够跳转到上海热线的首页,所以输入“”,注意统一资源定位器的地址一定要完整的输入,否则会出错。
然后在窗口下拉列表中选用“_blank”,作用是在一个新的窗口中打开网页,完成action动作设置后如下图所示:
(2)对于“搜狐”和“新浪”按钮的action动作设置参照“上海热线”按钮的设置过程,只要修改其要跳转到的URL地址即可,此处不再赘述。
至于action动作中不同的窗口选项(_self,_blank,_parent,_top)的不同效果。
(3)选中舞台上的“搜狐网站”按钮实例,在“动作—按钮”面板中输入以下代码。
(4)选中舞台上的“新浪网站”按钮实例,在“动作—按钮”面板中输入以下代码。
五、讨论、思考题
1、action动作中不同的窗口选项(_self,_blank,_parent,_top)有何区别。
2、单击“上海热线”按钮之后,能够跳转到上海热线的首页,所以输入“”,否则会出错。
然后在窗口下拉列表中选用“_blank”,就能直接打开网站。
3、单击“搜狐网站”按钮之后,能够跳转到搜狐网站的首页,所以输入“”,否则会出错。
然后在窗口下拉列表中选用“_parent”,就能直接打开网站。
六、实验结果与分析
ActionScript语句就是动作或者命令,动作可以相互独立地运行,也可以在一个运作,还可以在一个动作内使用另一个动作,从而达到嵌套效果,使动作之间可以相互影响。
ActionScript是Flash与程序进行通信的方式。
用户可以通过它告诉Flash将要执行的任务,并询问在影片运行时发生了什么样的。
这种双向的通信方式,使得用户可以创建具有交互功能的影片,能使得Flash能优于其他动画制作软件。
实验项目名称:
动画制作综合实例实验学时:
4
同组学生姓名:
/实验地点:
工科楼A210
实验日期:
2014.4.16实验成绩:
批改教师:
批改时间:
一、实验目的
通过本课程的训练,通过站点综合实例的练习,全面了解动画创建的全过程。
二、实验要求
在d盘建立自己的文件,制作一个复杂动画。
三、实验设备、环境
586以上计算机、装有IE6、flash软件。
四、实验步骤及内容
1、打开“钻戒广告动画素材。
fla”文件,新建影片剪辑元件“饰品一动”,在第15-50帧添加“闪光动”实例。
新建图层2,在第1~60帧添加“饰品1”实例,插入相应的关键帧,并创建传统补间动画。
依次调整第1、13帧所对应实例的Alpha值和X值,以及第60帧所对应实例的Alpha值,制作出实例从左向右、由无变清晰的出场,然后隐退的动画。
2、新建图层3,在第14~50帧添加“闪光动1”实例,插入相应的关键帧,并创建传统补间动画,制作实例由无变清晰的动画。
3、新建“图层4”图层,在第16~50帧添加“闪光动1”实例,插入相应的关键帧,并创建传统补间动画,制作实例由无变清晰的动画。
4、新建“图层5”图层,在第17~50帧添加“闪光动1”实例,多次复制实例,并分别调整实例的大小和位置,将其分布在饰品上。
5、参照“饰品1动”影片剪辑元件的创建方法,创建“饰品2动”影片剪辑元件,并制作相应的饰品和闪光动画。
6、用同样的方法,创建影片剪辑元件“饰品3动”~“饰品4动”,并制作相应的饰品动画。
新建“广告语”影片剪辑元件,在第1~50帧添加“合成倒影”实例。
在图层1下方新建图层2,在第8~23帧添加“合成倒影”实例并创建传统补间动画,修改第23帧所对应实例的缩放值和Alpha值。
7、返回主场景,将图层1重命名“背景”,在第240帧插入帧并添加位图image1,在“属性”面板中调整其位置和大小。
8、新建“饰品1”图层,将“饰品1动”实例并添加至该图层的第1~60帧,并调整实例的位置。
9、新建图层“饰品2”~“饰品4”,在各图层第60~120、120~180、180~240帧间添加其他饰品实例。
10、新建“广告语”图层,添加“广告语”实例,然后将其放置在舞台的右下角。
11、新建“标识”图层,添加“标识”实例,添加阴影颜色为黑色的“投影”滤镜。
12、新建“闪光”图层,添加“闪光”实例,在“属性”面板中设置实例名称为sou1。
13、新建“动作”图层,在第1帧添加startDrag(“sou1”,true);脚本。
至此,完成本例制作。
五、讨论、思考题
1、小知识:
一个优秀的,内容丰富精彩的Flash动画作品中,肯定会使用到很多的场景,每个场景中也肯定存在着多个图层。
考虑到作品的修改编辑方便,我们可以给内容不同的场景和调用不同实例的图层命名,这是成为一名Flash动画高手的必备素质。
六、实验结果与分析
在Flash8中,可以通过多种方法在动画中添加声音,创建有声动画。
这些声音不仅可以和动画同步播放,才可以独立于时间轴连续播放。
用户可以为按钮添加声音,从而使按钮具有更强的互动性。
另外,通过为声音设置淡入淡出效果,可以创建出更加优美的音效。
在Flash8中,可以导入WAV、AIFF和MP3等文件格式的声音文件。
导入文档的声音文件一般会保存在【库】面板中,因此与元件一样,只需要创建声音文件的实例就可以以各种方式在动画中使用该声音。
要将声音文件导入到Flash文档的【库】面板中,可以选择【文件】|【导入】【导入到库】命令,在该对话框中,选择需要导入的声音文件。