网页设计flash制作实验报告
《Flash动画制作》实验报告.pdf
《Flash动画制作》
实验教学指导
目录
实验一F l a s h动画欣赏,熟悉软件环境 (3)
实验二图形对象的绘制与对象的编辑处理 (4)
实验三制作形状渐变动画 (5)
实验四制作图层特效动画——运动引导层动画 (6)
实验五制作图层特效动画——遮罩动画 (7)
实验六f l a s h特殊按钮的制作 (8)
实验七按钮、声音和Action脚本语句的综合运用 (11)
实验八Ac t i o n Scr i p t的脚本语言 (13)
实验九flash欣赏和综合设计 (14)
flash实习报告
flash实习报告
篇一:Flash实训报告
实训心得
这个礼拜学校安排我们进行Flash的实训,虽然时间不是很长,仅仅为期五天,但是我受益匪浅。这次实训,让我对Flash有了进一步的了解,对此次实训,颇有体会。本次实习主要任务是运用学过的知识,自己动手做一件作品,进一步加深我们的理论知识。
刚开始做,大家都或多或少的有一些问题,经过老师对我们所做的作品有了大体的了解以后,便有针对性的教我们。“纸上得来终觉浅,绝知此事要躬行”!在短暂的实习过程中,让我深深的感觉到自己在实际运用中的专业知识的匮乏,让我们真正领悟到“学无止境”的含义。在进行实训的过程中,我真正学到了教科书上所没有或者真正用到了课本上的知识,这样,既巩固了旧知识,又掌握了新知识。在实训期间,有时候做着做着就不知道该做什么了,只能和同学商量,所以我也认识到善于利用别人的智慧,这才是大智慧,靠单一的力量是很难完成一个大项目的。实训期间,我遇到很多问题,比如想到有些想法,不过却做不出来,只能请教同学,还做不出来就只能上搜查,本来想做一个卷轴,可是又不会,就上搜了一个卷轴的做法,不过最后因为时间关系,
还是没有做成功,对此非常遗憾;还有做“play again”按钮的时候,开始忘了代码怎么写,请教同学后,明明代码及代码的位置都很正确,可就是做不出想要的效果,第二天重新按前一天的顺序做,却又做出来了;插歌词的时候,本来想用遮罩层做出显示整个歌词,唱完一个字后,那个字就变成其它颜色的效果,可是不论怎么做都做不出来,请教已经做出来的同学,按照她的步骤做了一节课的时间还是做不出来,最后还是只能用最传统的做法。
网页界面设计(实训)报告
实验报告
(计算机专业)
专业网站架构
班级网络1004 PP 学号 2010130332 姓名杨XX
实验课程网页界面设计
教师姓名 XX
实验名称家居视野网
实验完成时间成员成绩
这是做好的图片
六现在我们把所有的素材拷贝到E:\家居视野网根目录下
七开始做网页,插入动画与图片,文字,鼠标经过图像,绘制ap,最终效果图:
网页制作实习报告
网页制作实习报告
网页制作实习报告(通用5篇)
难忘的实习生活已经告一段落了,这次实习让你有什么心得呢?该总结一下这段时间的得与失,好好写份实习报告了。可是怎样写实习报告才能出彩呢?以下是店铺为大家整理的网页制作实习报告(通用5篇),供大家参考借鉴,希望可以帮助到有需要的朋友。
网页制作实习报告1
一、实习目的
熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB 的深层。
二、实习时间
20xx年xx月xx日——20xx年xx月xx日。
三、实习地点
xx。
四、实习内容
(一)网站的整体规划
1、讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2、定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。
3、确定栏目和板块:首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。其次就应该考虑导航条的设置了。正文的框架设置
(横向因素和纵向因素交错),在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
网页制作实验报告4篇
网页制作实验报告4篇
网页制作实验报告4篇
在生活中,我们使用报告的情况越来越多,我们在写报告的时候要避免篇幅过长。我敢肯定,大部分人都对写报告很是头疼的,下面是小编收集整理的网页制作实验报告,欢迎大家分享。
网页制作实验报告1
一、实验目的及要求:
本实例的目的是通过设置css样式创建表格的虚线边框。
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境,支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
4、安装acdsee、photoshop等图形处理与制作软件;
5、其他一些动画与图形处理或制作软件。
三、实验原理
通过设置css样式创建表格的虚线边框。
四、实验方法与步骤
1) 在网页中创建一个表格。
2) 在“css样式”面板中单击“”按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。
3) 在弹出的对话框中进行设置,完成后单击“确定”按钮。
五、实验结果
六、讨论与结论
对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。
网页制作实验报告2
一、实验目的及要求:
本实例的目的是创建锚点链接。
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。
网页制作实习报告(6篇范文)
网页制作实习报告(6篇范文)
【导语】网页制作实习报告怎么写好?本文精选了6篇优秀的网页制作实习报告范文,都是标准的书写参考模板。以下是小编为大家收集的网页制作实习报告,仅供参考,希望您能喜欢。
【第1篇】网页制作实习报告
一实验过程
1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点
4设计主页及二级页面。
5实现网页间的链接
链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果
具体情况如下:
通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站,作为实习的成果。其内容是多样化的。制作网页用的软件是dreamweaver , banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。
flash实验报告
flash实验报告
Flash实验报告
引言:
Flash是一种常见的多媒体技术,它可以通过在网页上嵌入动画、音频和视频等
内容,使网页更加生动有趣。本实验旨在探究Flash技术的原理和应用,并通
过实践验证其在网页设计中的效果。
一、Flash技术的原理
Flash技术是由Adobe公司开发的一种基于矢量图形的动画制作软件。它使用
了一种叫做矢量图形的图像格式,与传统的位图图像不同,矢量图形是由一系
列的数学公式描述的,可以无限放大和缩小而不失真。这使得Flash动画可以
在不同分辨率的设备上展示,并且文件大小较小,加载速度较快。
二、Flash技术的应用
1. 网页设计:Flash技术可以为网页增加动画效果,使其更具交互性和吸引力。
通过使用Flash,网页设计师可以创建各种动态效果,如幻灯片、菜单、按钮等,以提升用户体验。
2. 广告宣传:Flash广告具有丰富的媒体元素和动感效果,能够吸引用户的眼球。通过Flash技术,广告商可以制作出生动有趣的广告,从而提高品牌知名度和
产品销量。
3. 游戏开发:Flash技术在游戏开发中得到广泛应用。通过使用Flash,游戏开
发者可以创建各种类型的游戏,包括休闲游戏、角色扮演游戏等。Flash游戏具
有良好的跨平台性能,可以在不同的操作系统和设备上运行。
三、实验过程与结果
在本次实验中,我们使用了Adobe Flash软件,按照指导书的步骤进行了实验
操作。首先,我们创建了一个新的Flash文档,然后在舞台上绘制了一个简单
的图形,并为其添加了动画效果。接下来,我们为图形添加了交互功能,使得
FLASH制作实验报告
FLASH动画制作实验报告
一、实验目的
1、熟悉FLASH CS3的用户界面,掌握软件绘图工具的使用,熟悉帧的操作,通过实例制作,了解图层在动画制作过程中的作用,掌握遮罩层、引导层的具体含义及符号的使用,了解动画制作的流程,通过实例制作,掌握逐帧动画和渐变动画的制作方法,了解高级动画制作过程。
2、会在FLASH中绘图、导入图片、声音、视频。
3、会在网站上搜索有用素材,并且灵活运用,先仿照网上素材做出尽可能相同的作品,以锻炼技能,以及学会熟练运用软件,在自己构思,创作。
4、在自己制作FLASH动画的过程中,总结经验。
二、实验设备
电脑、FLASH CS3制作软件、各类制作动画所需要的素材。
三、实验步骤及方法
1、首先,熟悉FLASH CS3软件中,各个功能菜单的作用,能够熟练应用各类工具,来制作FLASH动画。
2、在制作动画之前,要有好的创意,并对将要做的动画,进行系统的设计,把整个要做的FLASH动画,在草稿纸上粗略的画出结构图。根据所制作的结构图,来进行一步一步的动画的制作。
3、在制作过程中注意多种软件的综合应用,如可以用PHOTSHOP来处理FLASH中所需要的背景图片等。另外注意各个部分的合理安排,有必要转化为元件的可以用制作的元件来导入动画中,使整个动画显得有层次感,并显得结构合理。
4、后期处理以及动画的导出。
四、实验过程
1、制作过程
2、动画导出
五、实验心得
运用FLASH CS3虽然比原有的FLASH制作软件更方便,但是同样的操作方法,得到的效果可能不同,这就需要我们耐心的从头审查,看哪里出问题了,可以根据视频教程再做一遍。动手实践是最快的学习方法。
网页设计flash制作实验报告
《多媒体网页设计》实验报告
一、实验目的
通过本实验了解网页常见多媒体动画元素的制作方法, Flash 动画目前已成为网络动画的标准,是目前动画素材制作的主要软件。
通过本实验的练习掌握flash基本动画的制作。用于网页动态banner 等有关设计。
二、实验设备及环境
操作系统:Windows 8
编辑运行环境:Flash 2004
三、实验内容
1) 用逐帧动画制作flash短片
2)音视频的加入及编辑处理
3)制作形状补间动画
4)制作动作补间动画
5)遮罩层动画的制作
6)引导层动画的制作。
四、实验流程
一:逐帧动画的制作
1.新建flash文档,下载FTP骏马飞奔动画序列,将其中的图
片7-1.Gif~7.7.gif使用”文件”-“导入”-“导入到库”中,点击窗口菜单-工具栏-将主工具栏选中
2.在图层1的第二帧,点击右键选择插入空白关键帧,将库里的7-2.gif拖入到舞台,点击主工具栏最右端对齐按钮:依次点击“相对于舞台”、对齐下的第二个“水平中齐”、分布下的第二个“垂直中齐”,
3.重复以上步骤,建立7个关键帧,导入7幅图像;
4.按ctrl+enter进行测试
二、flash短片的制作
1、新建flash文档,将kaiyuan.gif等五幅图像导入到库中,
将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具,将图像调整和舞台同样大小。
2、点击时间轴图层1的第30帧,右键选择“插入空白关键帧”,
将lvyin.jpg拖动到舞台,调整大小与舞台相当,调整大小时,可以只显示图像轮廓,并按住“alt”进行调整。
flash制作实验报告
flash制作实验报告
实验二秋水孤鹜的制作
一.实验目的
1.了解动画基本概念和原理。
2.了解Flash软件界面。
3.了解全部工具,掌握工具的使用。
4.熟练运用Flash制作简单动画。
二.实验要求
1.熟悉使用实验制作中所需要的实验工具,看视频完成作品制作
2.在完成作品的基础上,尽量让作品美观,自然
三、实验器材
1.实验所用计算机
2.Windows操作系统。
3.Flash软件。
4.实验示范视频
四.
1新建一个Action 文件,将背景颜色改为#00ccff
2. 打开颜色面板,笔触调为无色,选择线性渐变,左渐变颜色为#00276C,右渐变颜色为2EAAFC如图:3最后单击矩形选择工具来绘制大海。
4. 选择铅笔工具,在工具栏底部将铅笔模式设置为平滑。然后绘制云朵。绘制好云朵后使用颜料桶工具,选择线性渐变,左渐变为白色,右渐变为灰色。Alpha值为80% ,最后填充云朵颜色如图:
5.使用选择工具选择好云朵的轮廓线,然后删除。
6. 选择渐变变形工具,单击云朵,对渐变色进行调整,然后选择修改—形状—柔滑填充边缘命令,修改参数如图这样就完成了一朵
云彩。、依次对其他云朵做出修改。
7..使用刷子工具绘制飞鸟。选择刷子工具,在工具栏底部将笔刷形状变成矩形,颜色变成白色,然后开始绘制飞鸟。绘制过程中可以使用橡皮擦工具进行修改。
8. 使用铅笔工具绘制芦苇叶。使用铅笔工具将笔触颜色改为灰色,将绘制好的芦苇叶用颜料桶工具填充,颜色为暗绿色然后进行按住
alt进行复制,并做出调整。
9. 最后使用钢笔工具绘制芦花。如图将芦苇花调整到合适的位置。
网页制作实验报告_1
( 实验报告)
姓名:____________________ 单位:____________________ 日期:____________________
编号:YB-BH-004617
网页制作实验报告Experimental report of webpage making
网页制作实验报告
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。
2、安装windowsxp操作系统;建立iis服务器环境,支持asp。
3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;
三、实验原理
通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤
1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。
2)在弹出的“站点定义为”对话框中单击“高级”选项卡。
3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。
4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。
五、实验结果
六、讨论与结论
实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。
flash实验报告(范本)
flash实验报告
f lash实验报告
篇一:
fl ash实验报告多媒体技术设计实验报告专业:
__网络工程_________________年级:
___09级____________________ 姓名:
______徐登伟________________ 学号:
_______090602138____________ 提交日期:
____201X-12-10__________
一、实验目的:
1.通过flas h动画的制作,了解f lash软件的功能,并熟悉软件的环境。
2.通过使用f lash软件制作个人简历材料,体验fla sh的精彩。
3.掌握舞台、工作区、时间轴、帧和关键帧的概念,了解flas h动画的基本制作流程。
4.学会在flash动画帧中插入脚本语言,以实现指定功能。
5.学会在制作过程中灵活使用导入flash库中的素材。
二、实验内容:
自由发挥,制作一部个人简历(或个人简历页面)。简历内容包括:
个人档案资料(姓名、性别、生日、星座、血型等等)、特长爱好、学习工作经历、个人作品介绍等。
三、实验要求:
1.作品要有自己的创意,不要采用课堂已有的素材。
2.要求尽量多地使用所学知识。
3.将制作好的源文件保存为“学号.fla”,并输出为“学号.sf”,且满足以下各项要求。
4.要求能够体现出作品的意境。
5.要求简历中有各种动画,内容与文字有较好的一致性。
6.对具体内容画面,可以发挥自己的创意但必须有自己经过P S过的照片。
网页设计学校实验报告
网页设计学校实验报告
《网页设计学校实验报告》
在现代社会中,网页设计已经成为一门非常重要的技能和专业。为了更好地培
养学生的网页设计能力,我们学校进行了一项网页设计实验,并撰写了一份实
验报告。
实验目的:
1. 帮助学生了解网页设计的基本原理和技能;
2. 提高学生的设计思维和创造力;
3. 培养学生的团队合作能力。
实验内容:
1. 学生分成若干小组,每组负责设计一个网页;
2. 每组成员根据自己的兴趣和特长分工合作,包括网页结构设计、页面布局、
配色和图片选择等;
3. 每组在规定的时间内完成网页设计,并进行展示和评比。
实验结果:
通过这次实验,学生们不仅学会了如何运用HTML、CSS等技术进行网页设计,还提高了他们的团队合作能力和创造力。每个小组都设计出了独具特色的网页,并在展示中得到了老师和同学们的好评。
结论:
网页设计实验为学生提供了一个很好的学习平台,让他们在实践中掌握了网页
设计的基本技能,同时也培养了他们的团队合作精神和创造力。希望学校能够
继续开展类似的实验活动,为学生提供更多实践机会,让他们在学习中不断成
长和进步。
Flash动画设计实习报告
实习报告
实习性质:Flash动画设计课程实习学生姓名:熊意
专业班级:网络142班
指导教师:张婷婷、邵亮
实习时间:2016年4月25日- 2016年4月29日实习地点:1303
重庆工程职业技术学院
学生实习考核表
目录
1实习目的 (1)
2 实习概况 (1)
2.1 实习要求 (1)
2.2 实习时间 (1)
2.3 实习环境 (1)
2.4 设计环境 (1)
3 实习内容 (1)
3.1 制作设计项目分析 (2)
3.2 制作设计项目记录 (2)
3.2.2步骤分析 (2)
4 实习总结 (10)
4.1 学习所得 (10)
4.2 经验教训 (10)
4.3 学习体会 (12)
1实习目的
《网页动画设计》课程实习是教学中的一个重要的教学环节,是学生设计网页动画广告过程中不可缺少的实际操作技能训练,也是对课程学习效果的检验。通过本课程设计的实习,进一步提高学生对Flash软件的操作能力,学生其间应以对课程设计负责的态度,认真做好设计,拓展想象空间,努力创作出富有个性的设计作品。
2 实习概况
2.1 实习要求
要求:
1.总体设计要求绘制准确,设计信息传达准确,布局合理,构图富有创造性,色彩搭配符合设计需要,风格不限。
2.设计成绩根据课程设计实习报告质量和考勤给予评定。
2.2 实习时间
2016年4月25日至2016年4月29日
2.3 实习环境
1303机房
2.4 设计环境
●Flash软件
●Photoshop软件
3 实习内容
1.周一:倩女幽魂开场动画。
2.周二:倩女幽魂主角动画及小鬼动画。
3.周三:倩女幽魂文字动画。
4.周四:花瓣动画及收尾。
网页设计与制作实验报告_实验报告_
网页设计与制作实验报告
实验一:站点设置
一、实验目的及要求
本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具
1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。
2、安装windows xp操作系统;建立iis服务器环境,支持asp。
3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;
三、实验原理
通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤
1)执行“站点管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。
2)在弹出的“站点定义为”对话框中单击“高级”选项卡。
3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。
4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。
五、实验结果
六、讨论与结论
实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。
实验二:页面图像设置
一、实验目的及要求:
本实例的目的是设置页面的背景图像,并创建鼠标经过图像。
Flash实验报告设计实验报告-动画实例
Flash实验报告设计实验报告-动画实例
Flash 实验报告设计实验报告动画实例
一、实验目的
通过本次实验,深入了解 Flash 软件的基本功能和操作方法,掌握动画制作的基本流程和技巧,能够运用所学知识创作出具有一定创意和表现力的动画实例。
二、实验环境
1、操作系统:Windows 10
2、软件版本:Adobe Flash Professional CS6
三、实验内容
(一)简单图形动画
1、绘制一个圆形
在 Flash 软件的绘图工具中,选择椭圆工具,按住 Shift 键绘制一个正圆形。
2、制作圆形的位移动画
在时间轴上选择第 1 帧,将圆形放置在舞台左侧。然后在第 20 帧处插入关键帧,将圆形移动到舞台右侧。接着,在第 1 帧到第 20 帧之间创建传统补间动画,这样圆形就会从左侧平滑地移动到右侧。
(二)形状变化动画
1、绘制两个不同形状
分别绘制一个三角形和一个正方形。
2、实现形状之间的变化
选择第1 帧的三角形,在第20 帧处插入空白关键帧,绘制正方形。然后在第 1 帧到第 20 帧之间创建形状补间动画,就可以看到三角形逐
渐变成正方形的过程。
(三)逐帧动画
1、绘制一系列连续的动作
比如,绘制一个人物跑步的动作,每一帧都稍微改变人物的姿势和
位置。
2、按顺序排列帧
将绘制好的每一帧按照时间顺序排列在时间轴上,形成连续的跑步
动画。
(四)引导层动画
1、绘制运动路径
使用铅笔工具绘制一条弯曲的路径。
2、让对象沿路径运动
将需要运动的对象(比如一个小球)的中心吸附到路径的起点,然后在时间轴上创建传统补间动画,小球就会沿着绘制的路径运动。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《多媒体网页设计》实验报告
一、实验目的
通过本实验了解网页常见多媒体动画元素的制作方法, Flash 动画目前已成为网络动画的标准,是目前动画素材制作的主要软件。
通过本实验的练习掌握flash基本动画的制作。用于网页动态banner 等有关设计。
二、实验设备及环境
操作系统:Windows 8
编辑运行环境:Flash 2004
三、实验内容
1) 用逐帧动画制作flash短片
2)音视频的加入及编辑处理
3)制作形状补间动画
4)制作动作补间动画
5)遮罩层动画的制作
6)引导层动画的制作。
四、实验流程
一:逐帧动画的制作
1.新建flash文档,下载FTP骏马飞奔动画序列,将其中的图
片7-1.Gif~7.7.gif使用”文件”-“导入”-“导入到库”中,点击窗口菜单-工具栏-将主工具栏选中
2.在图层1的第二帧,点击右键选择插入空白关键帧,将库里的7-2.gif拖入到舞台,点击主工具栏最右端对齐按钮:依次点击“相对于舞台”、对齐下的第二个“水平中齐”、分布下的第二个“垂直中齐”,
3.重复以上步骤,建立7个关键帧,导入7幅图像;
4.按ctrl+enter进行测试
二、flash短片的制作
1、新建flash文档,将kaiyuan.gif等五幅图像导入到库中,
将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具,将图像调整和舞台同样大小。
2、点击时间轴图层1的第30帧,右键选择“插入空白关键帧”,
将lvyin.jpg拖动到舞台,调整大小与舞台相当,调整大小时,可以只显示图像轮廓,并按住“alt”进行调整。
3、重复步骤2,依次将jiao9lou.jpg、jiao11lou.jpg、chunse.jpg
拖动到第60、90、120帧。右键点击第150帧“插入帧”。
4.按ctrl+enter导出动画。
三、形状补间动画
(1)1.新建flash文档,设立背景为浅蓝色,在图层1的第一帧画一不带边框的有填充色的圆,在图层1的第40帧点击右键插入空白关键帧,在舞台的中央画一矩形,在第70帧点右键插入空白关键帧,在舞台的右下画一三角形。
2.选中图层1所有帧,在下方的属性栏选择形状补间,回车键进行测
试。
(2)波浪线制作
1、设置宽 300 像素、高 100 像素的蓝色舞台。
2、用钢笔工具画一条绿色波浪线。
3、在图层1的第20帧、第40帧分别插入一个关键帧。
4、选中第20帧上的波浪线,执行“修改—变形—垂直翻转”命令
5、单击“图层1”,选中所有帧,单击属性面板里的“形状”。
6、测试影片,观看效果
(3)变换文字
1、设置宽300像素、高100像素的粉红色舞台。
2、单击第一帧,键入大小为“70”的蓝色隶书“理工大”三字,使用对齐工具居中。在第5帧插入关键帧。
3、选中第5帧上的文本,按下快捷键ctrl+B两次,把文字打散。
4、在第20帧插入空白关键帧,用同样的大小和字体键入红色“经管院”三字,居中。用同样的方法把这三字打散。
5、选中第5帧,单击属性面板里的“形状”。
6、在第25帧插入一个普通帧。
7、Ctrl+enter测试影片,观看效果。
四.动作补间动画
1、建立flash文档,将kaiyuan.gif图像拖入舞台作为背景。
2、新建一图层2,输入白色50号文字“西安理工大学”。
3、选择文字,点右键将文字转换为元件。
4、在图层2的第50帧点击右键插入关键帧,将元件用工具箱的“任意变形工具”放大,并设置属性面板的alpha属性为0
4、点击图层2 将图层2的所有帧全部选中,在属性面板插入动作补间,enter进行测试。
动画补间旋转的五角星
1、新建背景为红色的文档
2、选定图层1的第一帧,在工具箱选择“多角星形工具”
3、在下方的属性面板里关于多角星形工具的属性里选择“选项”
4.在图层1的第一帧的左侧绘制一个五角星
5、使用工具箱的线条工具,并开启下方的磁体选项(磁体可以在画线时提供提示,方便选择贴紧顶点),从顶点向对角连线,绘制下面的图形
6.选择“颜料桶工具”,执行“窗口”-“颜色”命令,在颜色面板选择线性填充,设置填充条颜色由黄色到浅黄色,点击填充条上的小方块,选择相应颜色
7、双击五角星的边线,可以将所有边线选中,按“delete”键删除。
8、选中整个五角星,点击右键将其转换为图形元件。
9、在第40帧插入关键帧,将五角星移动到右上位置,将其缩小。
10、点击图层1选中所有帧,在属性面板补间选择“动作”,将旋转设置“逆时针”1次
11、然后点击40帧的五角星,在属性面板设置颜色alpha值为30%
12、测试播放影片.
五、遮罩动画:制作地球旋转效果
1.导入地图,将earth.jpg导入到库里,从库中将地图拖动到图层1的第一帧,点击右键将图像转换为图形元件,将图形向右移动(图2),在图层1的第50帧插入关键帧,将图形向左移动(图3)
点击图层1,选中所有帧,建立动作补间。
2.第二步创建图层2,在舞台上画一个正圆。
3.第三步、点击图层2第50帧,点击右键选择“插入帧”。
4.将图层2点击右键选择“遮罩层”
5.按Ctrl+Enter键测试影片
六.引导层动画:用引导层动画制作“飘落的树叶”
1.建立新场景并设置背景,依次选择主菜单中的【文件】→【导入】→【导入到舞台】命令,在跳出的【导入】对话框中选择要使用的图片【大树】。