动画制作实验报告.doc

2011—2012学年第一学期

实验报告

专业：＿＿＿＿教育技术＿＿＿＿＿
课程：＿＿Flash动画制作＿＿＿＿

学号：＿＿2009010239＿＿＿
姓名：＿＿＿欧阳蓉＿＿＿＿＿
教师：＿＿＿刘娟＿＿＿＿＿
分数：＿＿＿＿＿＿＿＿＿＿

湖南师范大学教育科学学院

动画制作实验报告

实验一 Flash基础动画制作

一、实验目的
1.了解动画基本概念和原理。
2.了解Flash软件界面。
3.了解全部工具，掌握工具的使用。
4．熟练运用Flash制作简单动画。
二、实验要求
1．结合课堂讲授内容阅读实验指导，明确实验目的和要求。
2．分清实验具体步骤，听从辅导老师的安排。
3．详细如实地记录实验过程、结果和心得，按时写出实验报告（打印稿和word源文件），上交实验作品（flash源文件和swf影片）。
4．爱护实验器材，保持环境整洁、安静。
三、实验器材
1．实验所用计算机
2．Windows操作系统。
3．Flash软件。
4．实验所用动画素材。
四、实验步骤
第一步:FLASH简介与界面认识
第二步:FLASH 工具的应用
第三步:文本的使用
第四步:元件与库的使用
第五步:图层的应用
第六步:逐帧动画的使用
第七步:形状补间动画的使用
第八步:运动补间动画的使用
第九步：色彩补间动画的使用
第九步:引导线动画的使用
五、思考题
1．Flash动画应用在哪些领域以及时代特征？
2．动画中是如何表现人物行走运动？
六、实验的重点、难点及操作要点
1、重点、难点：形状补间动画、运动补间动画、引导线动画。
2、操作要点如下：
第一步：运用逐帧动画创建蝴蝶的影片剪辑（如图1-1）。

图1-1

第二步：新建一个图层，并改名为“background”，将准备好的背景图片放入相应的帧中。如图

第三步：在这个图层上，运用色彩补间动画创建颜色变化的栅栏动画（如图1-2）。

图1-2

第四步：新建一个图层line，运用形状补间动画、色彩补间动画，创建一个线段由短变长的形状补间且颜色也发生变换的补间。（如图1-3）。

图1-3

第五步：新建另一个图层line2，实现同样的动画，并且让line1与line2的动画同步，line2的坐标在line1坐标的上方五个像素。如图。

第六步：新建一个图层“Text”，在30幀的位置开始插入空白关键帧，写上“不要给陌生人开门”，创建文字由小变大并且位置由line1的下方上升到line2的上方的运动补间。

第七步：新建一个图层，同样在30幀的位置开始插入空白关键帧，在line2的线段上方画一个长方框，长度大于活等于line的最大值。然后将该图层改成遮罩层。

第七步：新建一个图层，在60幀的位置开始插入空白关键帧，写上制作者姓名“design by ****”。 运用色彩补间动画创建颜色变化的栅栏动画。（改变透明度）

第八步：新建一个图层“as”，写上控制语句stop（），以便播放动画播放到70帧
是画面会定格。

实验二 Flash交互动画制作
一、实验目的
1.了解ActionScript 2.0编程语言。
2．掌握动作面板及面板内ActionScript指令的运用。
3．熟练运用Flash中常用的ActionScript语言脚本，制作交互动画。
二、实验要求
1．结合课堂讲授内容阅读实验指导，明确实验目的和要求。
2．分清实验具体步骤，听从辅导老师的安排。
3．详细如实地记录实验过程、结果和心得，按时写出实验报告（打印稿和word源文件），上交实验作品、语言脚本（flash源文件和swf影片）。
4．爱护实验器材，保持环境整洁、安静。
三、实验器材
1．实验所用计算机
2．Windows操作系统。
3．Flash软件。
4．实验所用动画素材。
四、实验步骤
第一步：动作面板的应用
第一步: ActionScript的基本语法及规则
第二步：鼠标事件
第三步：影片剪辑事件
第四步：按纽的制作及应用
第五步：电子相册的制作
第六步：滑动菜单的制作
第七步：动态网站制作
第八步：游戏制作
五、思考题
1．如何编写“棒子、老虎、鸡、虫”游戏的脚本？
2．如何制作FLASH课程教学网站？
六、实验的重点、难点及操作要点
1、重点、难点：形状补间动画、运动补间动画、引导线动画、遮罩层动画的使用。
2、操作要点如下：
控制外部影片
步骤：
1、制作一个有几帧动画的影片文件，保存名为.swf。
2、制作一个主影片文件，保存路径与上面文件相同，名为index.swf。
3、在主影片文件中，场景上放四个按钮，实例名分别为：bf_btn、tz_btn、sb_btn、db_btn。
4、在主影片的帧上写如下代码：
//申明一些变量
var num:int=1;
var ldr:Loader=new Loader();
var url:String = "1.swf";
var dizhi:URLRequest = new URLRequest(url);
var yp:MovieClip=new MovieClip();
//载入外部影片
ldr.load(dizhi);
addChild(ldr);
//载入完成时添加监听事件
ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,wc);
function wc(e:Event):void {
 yp=e.target.content;
 yp.addEventListener(Event.ENTER_FRAME,yx);
}
//按钮属性设置
bf_btn.visible=false;
tz_btn.visible=true;
bf_btn.x=tz_btn.x;
bf_btn.y=tz_btn.y;
//播放
bf_btn.addEventListener(MouseEvent.CLICK,bf);
function bf(e:MouseEvent):void {
 e.target.visible=false;
 tz_btn.visible=true;
 yp.addEventListener(Event.ENTER_FRAME,yx);
}
//停止
tz_btn.addEventListener(MouseEvent.CLICK,tz);
function tz(e:MouseEvent):void {
 e.target.visible=false;
 bf_btn.visible=true;
 yp.removeEventListener(Event.ENTER_FRAME,yx);
}
//顺播
sb_btn.addEventListener(MouseEvent.CLICK,sb);
function sb(e:MouseEvent):void {
 bf_btn.visible=false;
 tz_btn.visible=true;
 yp.addEventListener(Event.ENTER_FRAME,yx);
 num=1;
}
//倒放
db_btn.addEventListener(MouseEvent.CLICK,db);
function db(e:MouseEvent):void {
 bf_btn.visible=false;
 tz_btn.visible=true;
 yp.addEventListener(Event.ENTER_FRAME,yx);
 num=-1;
}
//外部影片运行函数
function yx(e:Event):void {
 yp.gotoAndStop(yp.currentFrame+num);
 if (e.target.currentFrame. ==e.target.totalFrames) {
  yp.removeEventListener(Event.ENTER_FRAME,yx);
  bf_btn.visible=true;
  tz_btn.visible=false;
  num=-1
 }if (e.target.currentFrame. == 1) {
  yp.removeEventListener(Event.ENTER_FRAME,yx);
  bf_btn.visible=true;
  tz_btn.visible=false;
  num=1
 }
}
3、填色小游戏的制作：
//第一帧中先添加停止。。。
stop();
//初始化mycolor。
var mycolor;
//隐藏鼠标。
Mouse.hide();
//将鼠标换成制作好的影片剪辑。
startDrag("_rootxiguan", true);
btn_1.onPress = function() {
//定义新的COLOR类。以下同意。
  mycolor = 0xF7F7F7;
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0xF7F7F7);
};
btn_2.onPress = function() {
  mycolor = 0x4BBA01;
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0x4BBA01);
};
xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0xB152F1);
};
btn_7.onPress = function() {
  mycolor = 0xFF3300;
  xiguan_color = new Color(xiguan.yanliao);

  xiguan_color.setRGB(0xB152F1);
};
btn_7.onPress = function() {
  mycolor = 0xFF3300
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0xFF3300);
};
btn_8.onPress = function() {
  mycolor = 0xFF5FD9;
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0xFF5FD9);
};
btn_9.onPress = function() {
  mycolor = 0x8751010;
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0x875101);
};
btn_10.onPress = function() {
  mycolor = 0x404040;
  xiguan_color = new Color(xiguan.yanliao);
  xiguan_color.setRGB(0x404040);
};
var i;
//将场景中的影片剪辑的新COLOR定义。。。
for (i=1; i<=13; i++) {
  this["a"+i].onPress = function() {
    var mysound:Sound=new Sound();
    mysound.attachSound("sound1")
    mysound.start(0,1);
    my_newcolor = new Color(this);
    my_newcolor.setRGB(mycolor);
  };
}
prev_btn.onRelease = function() {
  prevFrame();
};
next_btn.onRelease = function() {
  nextFrame();
};
第二帧中的代码
var i;
//为第二张图片中添加定义颜色代码。
for (i=1; i<=8; i++) {
  _root.man["a"+i].onPress = function() {
    my_newcolor = new Color(this);
    my_newcolor.setRGB(mycolor);
var i;
//为第二张图片中添加定义颜色代码。
for (i=1; i<=8; i++) {
  _root.man["a"+i].onPress = function() {
var i;
//为第二张图片中添加定义颜色代码。
for (i=1; i<=8; i++) {
  _root.man["a"+i].onPress = function() {
    my_newcolor = new Color(this);
    my_newcolor.setRGB(mycolor);
  };
}
第三帧中代码：
stop();
var i;
for (i=1; i<=13; i++) {
  _root.girl["a"+i].onPress = function() {
    my_newcolor = new Color(this);
    my_newcolor.setRGB(mycolor);
  };
}

实验三 MTV动画制作
一、实验目的
1. 深入了解MTV动画的创作和制作过程。
2．熟练掌握Flash动画的技巧。
3．熟练绘制图形和处理图像。
二、实验要求
1．结合课堂讲授内容阅读实验指导，明确实验目的和要求。
2．分清实验具体步骤，以三人一组为单位，分组实验。
3．各组详细如实地记录实验过程、结果和心得，按时写出实验报告（打印稿和word源文件），上交实验作品（flash源文件和swf影片）。
4．爱护实验器材，保持环境整洁、安静。
三、实验器材
1．实验所用计算机
2．Windows操作系统。
3．Flash软件、photoshop软件、
illustrator软件、Cool Edit软件。
4．实验所用动画素材。
四、实验步骤
四、实验步骤
第一步: 确定MTV主题：不要给陌生人开门
第二步: 剧本创作
编写文字稿本和分镜头稿本：
春天到了，田地里长满了蘑菇。一天，兔子妈妈对兔子说：“孩子，妈妈要出去摘蘑菇了，你一个人在家，千万不要给陌生人开门”。
兔子妈妈走后，一只大灰狼就来到了小兔子的家。当门铃想起的时候，小兔子没有立即打开门而是先询问对方的身份。当不确定的时候，就让对方把它的尾巴伸进门来。当看的是大灰狼的尾巴时，他立即关上了么，把狼尾巴夹在了门缝里。最后，大灰狼失望而回。
这个故事告诉小朋友们：一个人在家的时候，千万不要给陌生人开门。（文字稿本）

第三步: 素材搜集

第四步: 基础角色设定
第五步: 场景设计
第六步: 分镜头设定
第七步: 制作动画效果

第八步: 音乐的编辑与合成

五、思考题
1．如何看待MTV动画的艺术性和传播价值？
2．MTV动画的风格与分类？
六、实验的重点、难点及操作要点
1、重点、难点：矢量图形的绘制和位图的处理，动画特效的实现。
2、操作要点如下：
第一：绘图。画图是最基本的基本功，图画的不好基本上是做不出好的动画来的。
illustrator软件图形的绘制要比Flash强大的多，可以两个软件同时兼用。
第二：分类。制作动画时，应该及时地做好分类工作。静态的图形将其转化成图形符号；要做按纽的，将其转化为按纽符号；小的动画片段将其转化为影片符号。
第三：常用技巧。巧妙用好遮罩效果、引导线的的使用，必要时需要结合使用。将导入的位图运用Flash自带的工具转化位图为矢量图，或将其打散转化为图形符号

第四：使用ActionScript指令。在MTV动画中，一般运动常见的指令，如stop、gotoAndPlay和gotoAndStop等。
第五：运用按钮。使用按钮指令可以起到非常好的效果。
第六：依据剧本和分镜头绘图。绘制出各种人物、场景和道具，将绘制出的图形来制作各种人物表演的片断。将人物片断合成，制作出各个场景的动画片段。最后将整个场景串联起来，并加入音乐和歌词，进一步调整细节，完成整个MTV。

实验四 3D动画制作
一、实验目的
1.了解3d max 软件界面和应用特点。
2．熟练掌握3d max建模技术、摄像机与灯光技术。
3．熟练运用3d max动画表现技术。
二、实验要求
1．结合课堂讲授内容阅读实验指导，明确实验目的和要求。
2．分清实验具体步骤，以三人一组为单位，分组实验。
3．各组详细如实地记录实验过程、结果和心得，按时写出实验报告（打印稿和word源文件），上交实验作品（3d max源文件、jpg渲染效果图和avi影片）。
4．爱护实验器材，保持环境整洁、安静。
三、实验器材
1．实验所用计算机
2．Windows操作系统。
3．3d max软件
四、实验步骤
第一步: 动画建模技术
第二步: 摄像机与灯光的应用
第三步: 关键帧动画
第四步: Reactor动力学
Reactor是基于Havor技术进行物理属性的模拟，并充分支持刚体和可变形体动力学，可以模拟关节物体的运动，也可以模拟绳索、布料等动画效果，还能模拟汽车、发动机等物理运动。
第五步: 粒子流系统
第六步: 特效动画
五、思考题
1．三维动画影片的创造过程？
2．如何实现在3d max中的翻书效果？
六、实验的重点、难点及操作要点
1、重点、难点：角色动画。
2、操作要点如下：
创建—图形—本本、在文本填写框里填写文字，可以先设置文字的大小、字体等等，在前视图中心位置里点击，就得到了文字。如图在下一页。
设置单位
自定义—单位设置----勾选公制—滚动条滚动—选择毫米。
系统默认的单位是像素。
单位设置如图

点击修改命令，滚动条滚动，找到“倒角”命令点击。

在级别1里输入一个数据；勾选级别2，输入数据，轮廓值为负数。调整到自己满意为止。

先点击右下角的放大镜工具，左键再屏幕里拖移，使物体大小适当。
1、 点击下方的动画控制板面里的“自动关键点”，设置动画。
2、 点击屏幕上方的移动按钮，把文字（物体）移动出去，到屏幕外面。作为第一帧画面，再点击钥匙按钮，就设置好了第一帧。

把控制滑块鼠标左键移动到第100帧，再把文字移动回来，点击钥匙按钮，就设置好了最后一帧。
点击播放器里的播放按钮，就可以看到动画视频画面了。

把这个视频保存起来，可以用作字幕视频。保存：点击“渲染”按钮(或按键盘的F10)，打开视频渲染器。

（到这一步，先不要点击“渲染”，还要设置文件格式，）：

下一步，设置文件格式：
渲染输出----点击文件按钮，有打开一个对话框，
填写文件名，选择文件格式，保存位置等等相关信息，点击保存。
点击渲染，等待渲染完毕。
如下图：