Flash平面动画设计实训报告
第一部分:实训目的
1、进一步巩固基本的Flash动画处理技术
2、了解动画设计、制作等方面的技巧
3、培养综合运用所学知识的能力
第二部分:实训准备(包含实训设备及器材)
一台装有Flash动画软件的计算机
第三部分:实训要求
1、手机界面的设计、图标和功能键的制作;
2、Flash动画的设计、制作;
3、Flash文本编辑;
4、创建与编辑元件;例如创建按钮、影片剪辑、元件(手机拨号动态效果)
第四部分:实训内容(步骤及程序)
一、收集素材
作品设计过程中首先完成素材的收集,从而提高了自己的耐力和自己的艺术欣赏力,这个期间我运用了photoshop和flash对素材进一步处理,以达到我想要的效果。这为全部作品的完美的完成打下了好的基础。
二、导入图片
在Flash各个帧中插入图片和元件,然后调整好各个元件的位置。
三、设计主界面
新建了一个350*600的手机界面,插入背景图,调整位置,让其显示要显示的部分背景。根据自己的手机界面摆放所需的图标、按钮及文字,且在相应的帧、按钮或影片剪辑里插入相应的代码。
四、代码实现
鼠标滑过显示下一幅图:
beijing_dong.onRollOver=function()
{ _root.beijing_dong._x=-700;}
点击菜单:
on (release)
{gotoAndPlay('场景 2',1);}
点击设置:
gotoAndStop(25);
第五部分:实训结果(结果分析)
一、界面设计
我的作品是通过反复思考,并通过不断的比较素材,然后制作出来的,比如一些素材的修复和裁剪,我是通过photoshop起了很大的作用,其中的手机界面的背景,手机界面的素材按钮,都是通过photoshop制作出来的,然后才在flash上制作,在这之后还有的要通过photoshop来修剪,这是必须的。而flash主要是来建立新元件从而在各个帧中用到,并将其各个元件联系起来。
1、主界面
1)界面元素:背景图、文本框、信号显示、电池及5个按钮
2)鼠标滑过之后的主界面
3)代码实现和后台操作界面图示
1、电池效果后台实现
2、鼠标滑过效果代码实现
2、手机拨号界面
1)拨号界面的显示及拨号声音的插入
2)代码实现和后台操作界面图示
1、点击播放及停止代码实现
play();
stop();
2、拨号界面显示后台实现
3、通话记录界面
1)往下拉的动画效果
2)代码实现和后台操作界面图示
1、 点击播放、停止及返回的代码实现
play();
stop();
2、往下拉的动画效果后台实现
4、菜单界面
1)界面元素:背景图、设置按钮、返回按钮
2)设置界面
3)代码实现和后台操作界面图示
1、点击播放、停止及返回的代码实现
play();
stop();
gotoAndStop(25);
2、往下拉的动画效果后台实现
5、短信输入界面
1)界面元素:背景图、输入框、输入界面、退出输入界面按钮及返回到主界面的按钮
2)退出短信输入界面后,“蝴蝶飞”的动画效果
3)代码实现和后台操作界面图示
1、点击播放、停止及返回的代码实现
play();
stop();
2、往上往下拉的动画效果后台实现
3、“蝴蝶飞”的动画效果后台实现
1)场景里的
2)影片剪辑里的
6、搜索界面
1)搜索界面背景图、搜索输入框、显示文字的'静态文本、搜索按钮、返回按钮及搜索结果
2)代码实现和后台操作界面图示
1、点击播放、停止及返回的代码实现
play();
stop();
2、动态文字显示效果后台实现
第六部分:实训小结(心得及体会)
通过这次实训,我收获颇多。学到很多知识,特别是提高了综合分析应用的能力。实训过程中是繁琐的,但同学们都表现得很积极,相互帮助一起分析。我认为最重要的是能主动的问老师问题,并在老师的教导下,能制作出自己满意的作品效果.不懂就要问,这是个真理。但是还是要自己动脑,来提高自己的应用分析能力。
这次实训,我是用认真的态度来对待的,尽管还有很多不足之处,但还是会继续努力的。在这次实训中,我遇到了很多的问题,基本都是通过自己的思考来完成的,还有一部分是通过问老师问同学来完成的。我学到了如何使用简单的代码,让每一帧都有互相的联系,从而达到理想的效果,还有老师重点指导的几个问题让我有所启悟,原来Flash是怎么回事,只要认真学,都能学会。
最后我还是要感谢老师,感谢同学,对我的指导。
【Flash平面动画设计实训报告】相关文章:
Flash动画设计09-12
flash动画设计作品10-04
Flash动画设计常识09-11
flash动画设计优点09-09
CAD实训报告01-20
Flash动画设计的根本10-03
flash动画设计小技巧09-30
Flash动画设计的知识09-24
Flash动画设计的功能09-10
物流实训报告范文01-16