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

主编 副主编 课程简介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、 在160帧中，制作两个形变动画的过渡。第六节：引导动画案例（会飞的蝴蝶等）一、小球沿曲线运动（引导层练习） 1、 在第一层中画一个小球，颜色为红，选取小球，“插入”菜单，“转换成元件”命令，输入“ball”作名称，类型为“图形”.2、 设40帧为关键帧，将小球的位置略改变。3、 在“140”中任一帧上点击，选取“创建动画动作”，做一过渡动画。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帧，点击该图层标志，选“引导线”。“匪车”和“警车”图层为“添加引导线”，“匪车”层和“警