网页设计flash制作实验报告.docx
- 文档编号:471902
- 上传时间:2022-10-10
- 格式:DOCX
- 页数:11
- 大小:738.57KB
网页设计flash制作实验报告.docx
《网页设计flash制作实验报告.docx》由会员分享,可在线阅读,更多相关《网页设计flash制作实验报告.docx(11页珍藏版)》请在冰豆网上搜索。
网页设计flash制作实验报告
《多媒体网页设计》实验报告
一、实验目的
通过本实验了解网页常见多媒体动画元素的制作方法,Flash动画目前已成为网络动画的标准,是目前动画素材制作的主要软件。
通过本实验的练习掌握flash基本动画的制作。
用于网页动态banner等有关设计。
二、实验设备及环境
操作系统:
Windows8
编辑运行环境:
Flash2004
三、实验内容
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进行测试
2、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导出动画。
3、形状补间动画
(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测试影片,观看效果。
4.动作补间动画
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、测试播放影片.
5、遮罩动画:
制作地球旋转效果
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软件制作动画有了进一步的了解,也基本上掌握了制作的方法。
同时在课堂上遗留的一些问题,也得到了完美的解决。
达到了理论与实践相结合的目的。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 flash 制作 实验 报告
![提示](https://static.bdocx.com/images/bang_tan.gif)