中学《动画设计》校本课程教材.docx

中学《动画设计》校本课程教材.docx

《中学《动画设计》校本课程教材.docx》由会员分享，可在线阅读，更多相关《中学《动画设计》校本课程教材.docx（17页珍藏版）》请在冰豆网上搜索。

中学《动画设计》校本课程教材

主编　

副主编

课程简介

1、动画设计的背景

动画设计是新兴的设计。

动画影片中负责绘制动画的工作人员。

动画设计分为人物造型设计和场景设计，动画设计师要运用运动学原理，使静态的人物、场景在二维、三维中连贯的运动。

同时为这个动画提供艺术的诙谐性，这是动画的主流。

二、动画设计的基本理念

本课程以实例为主，由浅入深地讲解Flash动画的操作知识，从最基础的绘图到较高级的动作交互，再到更深入的动作脚本编写，均有丰富详细的例子。

全课程以理论知识为引导，通过对各个实例的学习，全面掌握Flash的各种功能和制作技巧。

三、动画设计课程标准的设计思路

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将职业岗位能力中用到的知识点融合在项目中。

学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。

它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

四、活动对象和指导教师

四、五、六年级学生，具备一定得计算机基础知识。

以Flash动画制作软件为教学软件，指导教师：

达生强。

五、活动时间和地点

时间：

每周周三第二节课下至放学前五分钟。

地点：

综合楼二楼微机教室。

目录

第一节：

（图形绘画）案例（鸡蛋、太阳、白云、蓝天、太阳花）

 第二节：

丰富多彩的文字效果案例（七彩文字、透视文字、波浪文字、立体文字等）

 第三节 ：

动作动画

（一）位置、旋转、大小等变化而产生的动画

 第四节：

动作动画

（二）色彩、透明、亮度等变化而产生的动画

 第五节：

形状补间动画 案例（蛋生鸡、变幻的字母、奇妙的七彩文字）

 第六节：

引导动画案例（会飞的蝴蝶等）

 第七节：

遮罩动画 

第八节：

按钮制作 

第九节：

插入声音 

第十节：

交互动画 

第十一、十二节：

创作作品 

第十三节：

作品交流

第一节：

（图形绘画）案例（鸡蛋、太阳、白云、蓝天、太阳花）

1、电脑绘图工具的使用

1、打开画图程序的步骤如上图所示。

开始——>所有程序——>附件——>画图2

找到程序，直接单击左键就可以打开了

2、打开这个界面之后，就可以自己发挥了。

用铅笔画也好，有线条画也罢了，完全看自己的心意去涂鸦了。

3、画好之后直接点击“文件——>另存为”即可保存下来你所努力的成果了。

二、了解动画设计的所需软件以及背景等常规知识。

第二节：

丰富多彩的文字效果案例（七彩文字、透视文字、等）

一、在Word中对文字进行动态设置是比较简单电脑操作，过程如下：

1、输入或选择要添加七彩霓虹的文字；

2、从菜单中格式（或是右击鼠标）找到字体；

3、弹出如图所示的对话框，其中就有你想要的七彩霓虹。

二、了解动画设计的主要软件Flash界面和时间轴，认识时间轴的作用和用法。

第三节 ：

动作动画

（一）位置、旋转、大小等变化而产生的动画

一、初步认识Flash界面以及工具栏:

1.选择工具:

选择目标和修改形状的轮廓.

2.部分选取工具:

调节节点位置或曲柄改线条的形状.

3.线条工具

4.套索工具:

选择目标形状

5.钢笔工具:

以节点方式建立复杂选区形状

6.椭圆工具:

7.矩形工具

8.铅笔工具:

使用线条绘制形状

9.刷子工具:

填充绘制图形

10.变形工具:

调整大小,旋转等变形操作

11.渐变工具:

渐变填充色的方向及距离.

12.墨水瓶工具:

填充轮廓线条的色彩

13.颜料桶工具:

填充封闭形状的内部色彩

14.吸管工具:

提取目标色彩为填充色彩.

基本绘图工具使用：

Flash提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色，现在我们来实践一下。

【直线工具】，【颜料桶】和【刷子工具】的用法

例1：

画一片树叶:

1.在“树叶”图形元件编辑场景中，首先用【线条工具】画一条直线，设置【笔触颜色】为深绿色

2.用【选择工具】将它拉成曲线

3.再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点

4.用【选择工具】将这条直线也拉成曲线

5.一片树叶的基本形状已经绘制出来了，现在我们来绘制叶脉，先在两端点间绘制直线，然后拉成曲线

6.再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单的树叶就画好了

7.要移动选中的线条，就用鼠标拖动它，要删除它，就直接按键盘上的Delete键。

按住Shift键的同时连续单击线条，可以同时选取多个对象。

也可以用【选择工具】框选对象，被框选起来的对象将都被选中。

如果要选取全部的线条，按键盘上的快捷键Ctrl+A，就可以将其全部选中了

8.给树叶上色:

这片树叶填上颜色。

在工具箱中看到这个【颜色】选项了吗？

9.单击【填充色】按钮，弹出一个调色板，同时光标变成吸管状如果你觉得调色板的颜色太少不够选，那么单击调色板右上角的【颜色选择器】按钮，此时会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选择的颜色添加到自定义颜色中在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边选择你喜欢的颜色，上下拖动右边颜色条上的箭头，拖动鼠标到你需要的颜色上，单击【添加到自定义颜色】按钮，这种颜色就被你收藏起来了。

下一次要使用时，打开【颜色】对话框，在【自定义颜色】中可以方便的选取你中意的颜色。

10.现在我们在调色板上选取绿色，单击工具箱中的【颜料桶工具】，在画好的叶子上单击一下【颜料桶工具】能在一个封闭的区域中填色。

按快捷键Ctrl+Z，取消刚填充的颜色，现在我们用【橡皮擦工具】将线条擦出一个缺口，再填充右下角的区域。

绘制树枝

（1）旋转树叶

选择【任意变形工具】后，单击舞台上的树叶，这时树叶被一个方框包围着，中间有一个小圆圈，这是变形点，当我们进行缩放旋转时，以它为中心,变形点是可以移动的。

将鼠标移近它，鼠标右下角会出现一个圆圈，按住鼠标拖动，将它拖到叶柄处，便于树叶绕叶柄进行旋转,再将鼠标移动到方框的右上角，鼠标变成旋转圆弧状，表示这时就可以进行旋转了。

向下拖动鼠标，叶子绕变形点旋转，到合适位置时松开鼠标

（2）复制树叶

用【选择工具】选中树叶图形，执行【编辑】|【复制】命令，再执行【编辑】|【粘贴到中心位置】命令，这样就复制出了树叶图片

（3）变形树叶

将粘贴好的树叶拖到旁边，再用【任意变形工具】进行旋转。

使用【任意变形工具】时，也可以像使用【选择工具】一样移动树叶的位置。

拖动任一角上的缩放手柄，可以将对象放大或缩小。

拖动中间的手柄，可以在垂直和水平方向上放大缩小，甚至翻转对象。

将树叶适当变形

（4）创建“三片树叶”图形元件再复制一片树叶，用【任意变形工具】将三片树叶调整三片树叶图形创建好以后，将它们全部选中，然后执行【修改】|【转换为元件】命令（快捷键为F8），将它们转换为名字为“三片树叶”的图形元件。

（5）绘制树枝

以上的绘图操作都是在“树叶”编辑场景中完成的，现在返回到主场景：

场景1，在时间轴的右上角有一个【场景1】按钮，如图2-1-44所示，单击它，这样就切换到了场景1。

单击【刷子工具】，选择一种填充色，在工具箱下边的【选项】中，选择【刷子形状】为圆形，【刷子大小】自定，单击按钮，选择【后面绘画】模式，移动鼠标到场景中，画出树枝形状

（6）组合树叶和树枝

执行【窗口】|【库】命令（快捷键为Ctrl+L），打开【库】面板，你可以看到，【库】面板中有两个刚制作完图形元件，分别为“树叶”和“三片树叶”，单击“树叶”图形元件，将其拖放到场景的树枝图形上，用【任意变形工具】进行调整。

元件【库】中的元件可以重复使用，只要改变它的大小和方向，就能制作出纷繁复杂的效果来。

二、使用变形面板:

（1）.使用工具箱中的矩形工具在舞台中画出一个矩形

（2）.使用工具箱中的选择工具选中矩形边框.

（3）.点击”窗口/设计面板/变形”

（4）.输入矩形的旋转角度为10

（5）.点击变形面板中的”复制并应用变形”

3、

例1：

学做运动的小圆球。

（1）新建一个flash空白文档。

（2）选择菜单栏中的“修改——文档”，设置影片属性。

（3）利用绘图工具在舞台左边画一个黄色的圆形，选中该圆形，利用菜单“修改——转换成组件”，将绘制的圆形转化为圆形组件，命名为“圆形”。

（4）小技巧：

请同学们翻到书17页小技巧，简单介绍组件的定义。

（5）在时间轴第25帧处插入关键帧，将第25帧上的小圆球拖到舞台右边。

在第1帧上右击，选择快捷菜单中“创建补间动画”命令，形成动画效果。

（6）学生自由练习，教师巡视辅导。

（7）优秀学生示范制作，教师点评。

四、例2：

（1）制作射门动画。

（2）改变进球的速度和角度。

（3）拓展任务：

为影片添加缩放文字。

5、小节本课

1、运动渐变动画的特点：

（1）一个对象。

（2）发生的动作可以是位置的移动、缩放和旋转。

2、运动渐变动画的制作方法：

绘制第一关键帧，插入最后关键帧，调整最后关键帧，形成补间动画。

第四节：

动作动画

（二）色彩、透明、亮度等变化而产生的动画图片淡入淡出效果

1、导入图片到库，并转换为元件；

2、在图层1的第1帧拖入元件至场景左侧，选中元件在属性中的颜色选项中选择Alpha把值调至0%；

3、在第35帧按F6，移动图片到场景中间，并把图片的Alpha值调至100%；

4、在第1帧和第35帧之间创建补间动画，实现淡入效果；5、在第70帧按F6，移动图片到场景右侧，并把图片的Alpha值调至0%

6、在第35帧和第70帧之间创建补间动画，实现淡出效果。

第五节：

形状补间动画案例（蛋生鸡、变幻的字母、奇妙的七彩文字）

例1：

小球变大（形变动画练习）

1、绘制一个小球，选取第20帧，F6键（设为关键帧），利用【比例】钮将小球变大，点选【属性栏】，选【中间】框的下拉钮【形状】。

创建了【形变动画】的渐变。

2、Ctrl+Enter键看效果。

例2：

大球变小（动变动画和图形元件练习）

1、定义影片属性：

“修改”——“影片”，W（宽）：

400，H（高）：

200。

2、画一大圆，选取它，F8键，名称框为“ball”，“作用”框为“图形”，确定钮。

3、点击第二十帧，选“插入关键帧”，利用“比例”钮将大球变小。

4、点击第一帧，选“创建动画动作”。

CTRL+ENTER键看效果。

例3：

字母变形

1、定义影片属性：

“修改——影片”，宽：

400，高：

200，背景色：

蓝色。

2、单击工具栏上的“A”钮，在第一层中插入文本“海角”，字号为48。

颜色为粉红色。

3、选取对象，“修改”—“分离”：

打散才能实现形变动。

4、在第30帧中插入关键帧，删除“海角”，输入文本“天涯”，选取对象，“修改”—“分离”。

5、在第60帧中插入关键帧，删除“天涯”，输入文本“归根”，选取对象，“修改”—“分离”。

6、在1—60帧中，制作两个形变动画的过渡。

 第六节：

引导动画案例（会飞的蝴蝶等）

一、小球沿曲线运动（引导层练习）

1、在第一层中画一个小球，颜色为红，选取小球，“插入”菜单，“转换成元件”命令，输入“ball”作名称，类型为“图形”.

2、设40帧为关键帧，将小球的位置略改变。

3、在“1——40”中任一帧上点击，选取“创建动画动作”，做一过渡动画。

4、加一个引导层：

点击图层左下角的“添加引导图层”钮，出现引导层。

5、用鼠标点击引导图层的第一帧，然后在编辑区内绘制一曲线。

回到第一层，在第1帧中将球的中心位置移到曲线的首端，在第40帧中将球的中心位置移到曲线的末端，Ctrl+Enter键看效果。

 第七节：

遮罩动画 书画漫卷（遮蔽图层练习）

例1、书画漫卷

1、在第一层中画一根木棍，设置它的颜色：

红—黄—红，利用“文件”中的“导入”命令导入一幅山水画，单击第40帧，F5键。

选取小木棍，单击“复制”钮。

2、单击“插入图层”钮增加一图层，选“编辑”菜单中的“粘贴”命令，木棍出现在第二层，将它放置在第一层木棍的右边，紧靠第一层的木棍；把它定义成“图形”（F8键），单击第40帧，F6键，将小木棍水平向右移动到一定位置，单击第一帧，选取“创建动画动作”，做一过渡动画。

3、又加一图层：

选取矩形工具，绘制一矩形，盖住第二层和第一层的木棍，选取矩形“修改”——“转换为元件”，在第40帧插入关键帧，拖动矩形右边框，使它紧靠第二层的木棍左边。

4、点击第一帧，定义“形变”渐变，将第三层的位置移到第二层下，点击现在的中间图层，选取“遮蔽”。

第八节：

按钮制作 创建按钮元件

例1、创建按钮元件

1、“插入”——“新建元件”，名称框为“a”，“行为”框为“button”.

2、这时，按钮元件编辑窗口被打开，在时间线控制栏中有四个连续标记：

“弹起”、“指针经过”、“按下”、“点击”，其中第一帧“弹起”是一个空白的关键帧。

3、在被编辑元件的第一帧（弹起）中绘制一个有黑色边框的兰色实心圆；

4、在第二帧（鼠标经过）的位置上新建一个关键帧。

5、用绘图工具栏中的“油漆桶”工具，将舞台中的兰色矢量图形变为红色。

6、在“按下”的位置上新建一个关键帧，将舞台中的兰色矢量图形变为绿色。

7、如果需要另外设置鼠标激活区域，则在第四帧（点击）位置上新建一个关键帧，并用绘图工具绘制一个覆盖激活区域的矢量色块图：

如果不设置“反应区”帧，则以前一个关键中的对象所占区域为激活区域。

8、执行菜单命令“编辑——编辑文档”，将编辑窗口转换为舞台编辑界面。

9、执行菜单命令“窗口”——“库”，用鼠标拖曳新建的按钮元件到舞台中，执行菜单命令“控制——测试影片”，然后在舞台中测试按钮效果。

第九节：

插入声音

例1、追捕

1、“插入”—新建元件，命名为“警车”，类型为图符，“文件”—“导入”，选相关文件。

2、“插入”—新建元件，命名为“匪车”，类型为图符，“文件”—“导入”，选相关文件。

3、导入“警车声音”文件：

“文件”—“导入”，选相关声音文件。

4、建四个图层：

最上的为“路径”图层，按下来为“匪车”，再下来为“警车”，最下面是“声音”图层。

5、在路径图层中，绘制一路径，延长到第20帧，点击该图层标志，选“引导线”。

“匪车”和“警车”图层为“添加引导线”，“匪车”层和“警车”层要“动变过渡”。

6、选取“声音”图层的第一帧，将“声音”元件从库中拖到场景中。

点击第一帧，“属性”面板，单击“效果”框中的下拉钮，选“淡入”，再单击“同步”框中的下拉钮，选“资料流”。

测试。

试增加一个背景。

7、输出为动画文件：

文件/导出影片，取名为追捕，格式为swf，放置于“我的文档”中。

第十节：

交互动画 

例1、我心永恒MTV”遮罩动画（歌词同步）

1、制作“我心永恒MTV”遮罩动画（歌词同步）1、单击“文件——导入——导入到库”。

导入声音文件。

2、单击“插入——新建元件”，在“创建新元件”对话框中设置：

名称为“图片1”，类型为“图形”，单击“确定”按钮。

3、单击“文件——导入——导入到舞台”。

用“选择工具”，调整“图片1”到中心点。

然后打开属性面板，解锁，设置高为480，宽为640，上锁，按CTRL+L调出对齐面板，进行调整

4、重复第2、3步骤，导入“图片2”、“图片3”、“图片4”……等。

5、单击“插入——新建元件”，在“创建新元件”对话框中设置：

名称为“MTV片段”，类型为“影片剪辑”，单击“确定”按钮。

6、连续单击“插入图层”按钮7次，得到图层1至7，自下而上修改层名称分别为“背景层”、“歌曲层”、“动画层”、“歌词原”、“歌词罩”、“命令层”、“按钮层”。

7、单击“歌曲层”第1帧，打开属性面板设置：

声音为导入的声音文件，同步为数据流，其它默认。

8、单击“歌曲层”第110帧，按F5延长帧。

第十一、十二节：

创作作品 

第十三节：

作品交流