动画设计校本课程教材编写Word文件下载.docx

动画设计校本课程教材编写Word文件下载.docx

《动画设计校本课程教材编写Word文件下载.docx》由会员分享，可在线阅读，更多相关《动画设计校本课程教材编写Word文件下载.docx（14页珍藏版）》请在冰豆网上搜索。

达生强。

五、活动时间和地点

时间：

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

地点：

综合楼二楼微机教室。

目录

第一节：

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

第二节：

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

第三节 

：

动作动画

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

第四节：

动作动画

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

第五节：

形状补间动画 

案例（蛋生鸡、变幻的字母、奇妙的七彩文字）

第六节：

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

第七节：

遮罩动画 

第八节：

按钮制作 

第九节：

插入声音 

第十节：

交互动画 

第十一、十二节：

创作作品 

第十三节：

作品交流

第一节：

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

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

2、Ctrl+Enter键看效果。

例2：

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

1、定义影片属性：

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

400，H（高）：

200。

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

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

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

CTRL+ENTER键看效果。

例3：

字母变形

“修改——影片”，宽：

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键看效果。