网页设计flash制作实验报告
flash实训报告

实训报告一、实训的目的网络动画设计实训是我们学习完Flash CS5软件后进行的一个必须的实践教学环节,是较为全面的、较熟练地运用Flash CS5软件的基本训练。
其目的是:1、通过该实训,巩固和熟练掌握flash软件绘图、编辑工具的使用,能够使用工具绘制逼真的矢量图;2、通过此实训,使我们熟练制作逐帧动画、形状补间动画、动作补间动画、引导线动画和遮罩动画;3、通过此实训,能够掌握向动画中添加声音,制作MTV、贺卡和课件。
二、实训的内容及要求1、实训内容:本次实训共计19道题目,内容如下(1)绘制矢量图(2)制作引导线动画和遮罩动画(3)制作按钮、网页导入页面(4)制作贺卡和MTV(5)制作课件2、要求:(1)按指导书说明完成19道题目,每道题目保存为fla和swf两种格式后在星期五之前提交给学委。
(2)撰写实训报告,写出动画制作的主要步骤,并打印。
三、实训时间安排时间:2012-2013学年第二学期第16周。
具体安排见课表。
四、指导老师五、实训项目(摘选部分):1. 绘制天空草地(1)(1)新建一个Flash文件(2)选择【矩形工具】,在【属性】面板设置【笔触颜色】选项为“无”,保持【工具】面板上的【锁定】按钮及【对象绘制】开。
在【颜色】中将填充色设为“线性”,单击颜色滑块左侧按钮将其调为“浅黄色”(模拟天空下部颜色),右侧按钮调为“湛蓝色”(模拟天空下部颜色),绘制矩形,选择【渐变变形工具】。
通过控制渐变色的方向、渐变色的距离和渐变色中心点的位置。
调节线性填充。
(3)用同样的方法制作草地、群山云朵。
最后结果图为:2. 绘制国画(1)选择【刷子工具】。
在【颜色】面板设置【笔触】颜色为“无”,填充【类型】为“放射状”,调节颜色滑块。
在舞台上画出一朵牡丹花的花瓣如图3所示。
都用一样的刷子工具绘制另外一朵花,还有绿色。
(2)利用文本工具打上文字,用钢笔工具绘制印章。
效果图3. 绘制绿树(1)选择【刷子工具】,设置【笔触颜色】设为“无”,【填充颜色】设为#333300,画出树干的轮廓,如图1所示。
flash动画实验报告总结

flash动画实验报告总结一、实验背景和目的本次实验是为了让学生掌握Flash动画的制作技巧和方法,同时培养他们的创意思维和艺术感觉。
通过这次实验,学生可以了解Flash动画的基本原理和操作流程,掌握制作动画所需的工具和技能。
二、实验过程1.熟悉Flash软件界面和工具栏在开始制作动画之前,首先需要熟悉Flash软件的界面和工具栏。
学生可以通过阅读教材或者网上搜索相关资料来了解Flash软件的基本操作。
2.设计故事情节和角色形象在开始制作动画之前,需要先设计好故事情节和角色形象。
学生可以根据自己的兴趣爱好或者课程要求来确定动画主题,并设计好主人公、配角等角色形象。
3.制作场景和角色在确定好故事情节和角色形象之后,就可以开始制作场景和角色。
学生可以使用Flash软件提供的各种工具来绘制场景、添加背景音乐等元素。
4.添加特效和动画效果为了使动画更加生动有趣,学生可以添加各种特效和动画效果。
比如,在场景中添加雨滴效果、闪电效果等,或者让角色在行走、跳跃等动作中产生动态效果。
5.调整时间轴和导出动画最后,学生需要调整时间轴和导出动画。
通过对时间轴进行设置,可以让场景和角色的动作更加协调流畅。
然后将制作好的Flash动画导出为SWF格式,以便于在网页上播放。
三、实验结果通过本次实验,学生成功制作了各种类型的Flash动画,包括卡通片、广告片、游戏场景等。
学生们展示了自己的创意思维和艺术感觉,并通过实践掌握了制作Flash动画所需的技能和方法。
四、实验感想本次实验是一次非常有趣和有意义的经历。
通过制作Flash动画,我们不仅锻炼了自己的创意思维和艺术感觉,还提高了自己的技能水平。
同时,在这个过程中我们也遇到了很多问题,并且通过查阅资料或者请教老师同学得到了解决。
总之,这是一次非常有收获的实验经历。
《Flash动画制作》实验报告

《Flash动画制作》实验教学指导目录实验一F l a s h动画欣赏,熟悉软件环境 (3)实验二图形对象的绘制与对象的编辑处理 (4)实验三制作形状渐变动画 (5)实验四制作图层特效动画——运动引导层动画 (6)实验五制作图层特效动画——遮罩动画 (7)实验六f l a s h特殊按钮的制作 (8)实验七按钮、声音和A c t i o n脚本语句的综合运用 (11)实验八A c t i o n S c r i p t的脚本语言 (13)实验九f l a s h欣赏和综合设计 (14)实验一 Flash动画欣赏,熟悉软件环境一、实验目的1、通过Flash动画欣赏,了解该软件的功能并熟悉软件环境;2、掌握舞台、工作区、时间轴、帧和关键帧的概念,了解制作Flash动画的基本流程;3、学习Flash帮助的使用。
二、实验前的准备工作认真阅读以下教学内容:1、flash动画制作原理;2、舞台、时间轴、帧、关键帧、图层的概念,了解flash动画制作的基本流程;3、Flash动画文件的格式,如何新建、保存、输出打开和播放两种格式的文件。
三、实验指导1、打开flash软件,分别选择打开已有.fla文件,观看界面的时间轴、图层、舞台、帧等;2、分别点击时间轴、帧、舞台、图层,观看属性栏;3、设置舞台的属性;4、选中图层上的锁、眼睛、方框,观看时间轴、舞台变化;5、新建、保存和导出文件。
四、实验内容1、启动和退出Flash、了解Flash的工作环境;2、打开、保存动画文件并观看Flash影片;3、打开Flash帮助,浏览其目录结构。
五、实验报告要求1、写出实验内容及过程。
实验二图形对象的绘制与对象的编辑处理一、实验目的1、学会设置笔触颜色和填充颜色,能使用铅笔、钢笔、笔刷、直线、圆、矩形等绘图工具绘制简单的图形,掌握复制和移动图形、对图形进行选取、变形、修改等操作;2、熟练使用颜色调板。
3、绘制flash图形,进一步认识帧、关键帧、图层、时间轴的概念。
《电子商务网站设计》实验报告三

在flash中新建文件,选择“插入”,新建元件,在新建元件对话框中,选择按钮,进入元件设计页面,首先点击弹起动作,新建方形图形,添加文本“开始”。然后按住f6,复制到指针经过动作设计页,设计背景颜色,在按f6,复制到“按下”页,删除文本。同样的方法可以制作暂停按钮。
五、创建有声动画
在创建补件动画过程中,可以添加声音文件,新建图层。先把音乐文件导入到库,然后拖入图层。,可以根据动画效果,对声音文件进行编辑。
4、掌握影片的测试、发布与导出;
二、实验内容
1、创建帧帧动画;
2、创建动作补间动画;
3、创建形状补间动画;
4、创建交互式动画;
5、创建有声动画;
三、使用仪器、材料
1.计算机网络
四、实验步骤
(仅介绍关键的步骤)
一、创建帧帧动画
打开flash文件。新建文件设置舞台大小为300*225,导入歌手图片,然后在图层一的位置ቤተ መጻሕፍቲ ባይዱ,右击选择插入关键帧,导入第二张图片,同样在第三张的位置插入图片。如果速度过快可以设置,帧的频率为3.完成后“Ctrl+enter”预览。
《电子商务网站设计》实验报告三
开课实验室:商学院金融实验室2016年11月20日
学院
商学院
班级
电商131
学号
1304022126
姓名
仲娜娜
成绩
课程
名称
电子商务网站设计
实验项目
名称
Flash软件的使用
指导教师
苏辉
一、实验目的
1、熟悉flash常用控制面板;
2、掌握flash中动画的制作流程;
3、掌握帧帧动画、动作补间动画、形状补间动画、交互式动画及有声动画的制作方法;
网页设计实验报告

网页设计实验报告网页设计实验报告在人们越来越注重自身素养的今天,报告使用的频率越来越高,报告具有成文事后性的特点。
那么,报告到底怎么写才合适呢?下面是小编帮大家整理的网页设计实验报告,仅供参考,大家一起来看看吧。
网页设计实验报告1作为一个以前从来没有接触过互联网产品设计的菜鸟级产品设计人员,在没有人指导,只能自己摸索的情况下设计出并和技术与美工培训和将网站做出来,其中的艰辛只能自己体会。
不过,虽然过程艰辛,但自己的收获颇大。
一直以来希望能够转型做互联网的产品,但总是没有机会。
这次公司网站的策划及设计给了自己很好的学习和实践机会。
在这断断续续的七个月中,自己对于网站的策划和设计有了一定的认识,也通过实践的对照,对过去自己看过的产品设计和产品经理书籍中的理论有了更加深刻的理解。
在此,将在网站设计过程中的一些心得总结如下。
虽然对于已经身为产品经理的人可能没有用处。
但,我想,可能对于那些想要入行,或者希望在自己的公司内部转入产品行业的人来说,可能多少有一点点用。
要注意网站的定位任何一个公司或单位,要设计一个网站,都必然有其核心定位,即这个网站设计出来要干什么。
这一点对网站的设计具有决定性的影响。
如果不能将网站的定位把握好,作为一个设计人员,其工作往往会是无功而返。
因此,在网站策划阶段,产品设计人员必须多和上层沟通,甚至多和领导争辩,通过沟通和争辩来明晰公司对网站的定位。
同时,也可以让领导对网站的定位更加明晰。
只有完成了这一项,其余的策划和设计工作才应该继续进行。
要了解用户产品经理或产品设计人员很容易将自己作为用户来判断产品的功能或体验是否好用,但现实的情况是大部分用户很可能与产品经理所属的人群差距很大。
比如,在网站设计过程中,发现本网站的使用人群中竟然有不知道如何注册网站的人,这这真是出乎意料。
但这就是现实。
所以,在产品设计的过程中,不能以自己为中心,把自己当做用户。
事实上,很多用户的互联网水平真得没有达到我们的水平。
综合实验报告 Perfect Flash 小组

“《送元二使安西》古诗教学视频”动漫小品制作简介华南师范大学大学Flash动画制作综合设计性实验报告摘要: Flash是美国Macromedia公司出品的专业矢量图形编辑和动画创作软件,主要用于网页设计和多媒体创作。
利用Flash自带的矢量图绘制功能,并结合图片、声音以及视频等素材的应用,可以制作出精美、流畅的二维动画效果。
通过为动画添加Action动作脚本,还能使其实现特定的交互功能。
此外,Flash动画还具有以流媒体的形式进行播放,以及文件短小等特点,因此Flash制作的作品非常适合通过网络发布和传播。
近年来,随着软件功能的不断升级与改进,也使Flash被越来越多地应用到更多的领域中。
是人们获取和发布信息的主要途径。
利用Flash制作的动画作品,风格各异、各类繁多,若将其以作品目的和应用领域来划分,将其归纳为以下几个方面:动漫短片,网页广告,动态网页,交互游戏,多媒体教学等。
在教学方面主要应用于多媒体教学和教学课件的制作,为教育教学创造方便条件,成为新时代教学不可缺少的主要工具。
本综合实验是在掌握了Flash动漫设计的原则方法,学习Flash 动漫影片初步操作技能后,运用所学过的所有相关知识综合设计制作《送元二使安西》古诗教学视频影片制作简介。
通过设计与制作,了解和掌握了Flash动画影片的设计与动画制作方法。
关键词:动漫剧本、Flash绘图、基本动画技法、元件制作、音频、视频一、《送元二使安西》设计要求1、绘制动画影片层次结构图,将各层次关系用简明的图示描述出来2、影片时长三分钟以上。
3、页面美观,包含多种Flash动画元素,如文字、图片、按钮、ActionScript、声音、视频等)。
4、影片制作完成后请将fla文件、swf文件和本实验报告转换成压缩文件再上传。
二、《送元二使安西》动漫小品制作过程⑴影片标题:送元二使安西⑵影片剧本:主题:教授《送元二使安西》古诗:送元二使安西作者:王维渭城朝雨浥轻尘,客舍青青柳色新。
Flash动画制作实验报告

动画制作1:帧帧动画首先是用写字工具写出自己的名字,然后两次用ctrl+B 分离接下来插入关键帧,用橡皮擦倒着把字迹一划一划的擦掉,直至把自己全部擦掉,,没擦掉一划就插入一个新的关键帧,完成时全选,使用翻转帧,最后便是播放看效果了这样子,就可以播放出自己姓名一笔一划写出来的效果了这次截图比较少,工作虽然简单,但是也要耐心才做得好一点。
2:运动渐变首先要先用画图工具画出一个圆,填充颜色。
首先要先用画图工具画出一个圆,填充颜色。
然后建立一个引导层,点击引导层,然后建立一个引导层,点击引导层,然后建立一个引导层,点击引导层,用铅笔工用铅笔工具画出运动路径,具画出运动路径,再在结束的地方,再在结束的地方,再在结束的地方,同时在引导层和图层都插入关键帧,同时在引导层和图层都插入关键帧,同时在引导层和图层都插入关键帧,把圆的中心移到引把圆的中心移到引导线的另外一个端点。
接下来,全选,插入补间动画,然后进行播放测试。
这样子之后就可以保存文件了。
这样子之后就可以保存文件了。
这样子就可以实现图形按照引导轨道运行了这样子就可以实现图形按照引导轨道运行了3:形状渐变首先,也是先插入关键帧,画出一个图形,接着再重复以上动作,但要改变位置和颜色接着,当所有的图形和帧都做好了之后,全选,插入补间形状,然后就是播放测试了最后没有问题就可以保存了最后没有问题就可以保存了这样可以实现图形的变形,很有意思这样可以实现图形的变形,很有意思汇总先把所有的动画在Flash中打开,再创建一个新的文件接着就要把原来的动画复制到新建的文件中当然,期间要注意把握好图层与引导层的设置,否则可能会出项错误或者某些效果无法显示最后,为动画插入一段音乐,使之有声有色自己的学习工作生活带来不少便利和乐趣。
动画制作软件Flash电脑上机实验报告

动画制作软件Flash电脑上机实验报告华南农业大学 2010届动物科学学院动画制作软件Flash的使用实验目的:(1) 了解Flash动画的特色及基本原理。
(2) 熟悉Flash软件的基本功能。
(3) 掌握Flash绘画工具的使用。
(4) 掌握Flash动画的基本制作方法。
实验总结:Flash动画是二维的动画,制作出来的动画有短小精悍的特点,Flash动画可以放在网上供人欣赏和下载,Flash动画有崭新的视觉效果,比传统的动画更加轻易与灵巧,成本低,它是通过一帧一帧的来显示的,也就是说将一个连贯的动作分解开来,成为每一幅图片,然后通过时间轴将他们连起来,给视觉造成连续变化的图画,就是工作的原理。
Flash基本功能有:绘图功能:Flash可以完成图形绘制、特殊字形处理方面的工作;动画功能:Flash提供的动画工具可以制作出漂亮的动画;编程功能:制作Flash交互式动画必不可少的部分,Flash提供了几百个关键词,但在实际应用中只需最常用的十几个关键词就足以完成大多数工作了。
Flash的绘图工具在实验第一节就让我们接触到了,有铅笔工具、还原、颜料桶,第一节实验是让我们画出一条爬行的虫子,要一帧一帧地画图,好让我们明白动画的原理,完成之后在“窗口/工具/控制器”中调出播放控制器,观看动画效果。
调试完最后保存格式若为fla,则可以保存文件以便下次重新编辑,若为其他flash播放文件如swf,则不可再重新编辑,只可观看动画效果。
实验第二节是让我们绘制引导线以引导动画,这里我们用引导层来引导小球的移动路径,这里注意要把球的中心和引导线的起点和重点重合,完成调整后要创建动画动作。
实验第三节是制作变形动画,把文字打散然后变形到另一个文字,同时颜色也在变化,需要在补间动画选择为形状,混合为分布式。
至于旋转的风车则要注意编辑图片,合并为元件后在补间动画属性处选择旋转圈数和方向。
华南农业大学 2010届动物科学学院简答题:(1)Flash中有哪两种过渡动画类型,答:遮罩层过渡,透明度过渡。
- 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.建立新场景并设置背景,依次选择主菜单中的【文件】→【导入】
→【导入到舞台】命令,在跳出的【导入】对话框中选择要使用的图片【大
树】。
第 页(共 页)
2.建立落叶元件,单击【插入图层】按钮,在【图层1】的上方新建
【图层2】然后依次选择主菜单中的【文件】→【导入】→【导入到舞台】
命令,在跳出的【导入】对话框中选择要使用的图片【落叶】。选中【落
叶】图片单击右键选择【转化为元件】命令。
3.设置窗口的补间动画
在将【图层2】的第40帧位置单击右键并选择【插入关键帧】命令。
然后选择【图层2】的第一帧,将【属性】面板里的“补间”设为动画。
测试一下效果。
4.设置运动引导效果
单击添加引导层命令,然后在在引导层上划出的下落的弯曲路线效
果:
5.调整落叶位置选中落叶元件调整其中心点于引导线上。
6.测试动画
。
五、实验总结
通过这次实验,使我们对运用Flash软件制作动画有了进一步的了解,
也基本上掌握了制作的方法。同时在课堂上遗留的一些问题,也得到了完
美的解决。达到了理论与实践相结合的目的。