最新动画设计与制作教案
动画的设计与制作
教案内容：ImageReady CS软件使用
课时安排：三课时
教学目标：了解ImageReady，掌握ImageReady的动画制作方法
教学重点与难点： ImageReady的动画制作方法
ImageReady的工具使用
§4.1动画概述
动画的原理与电影、电视类似，都是快速显示多幅差别很小的图像，利用人眼的视觉暂留效应，给人图像运动的感觉。
GIF动画文件是由一系列画面组成的，每个画面都稍有别于前一个画面，当快速连续观看画面时，就能产生动画效果。
动画中的每个画面也叫做帧。
§4.2二维动画的制作
众所周知Photoshop是一个著名的静态图像处理软件，随着网络的发展，Adobe公司意识到网络上需要大量的动画文件，为满足此需求Adobe公司推出了二维动画制作软件ImageReady，ImageReady与Photoshop无缝连接，无需特意安装，只要安装了Photoshop，ImageReady就自动安装上了。Photoshop CS是Photoshop 的增强版，ImageReady CS是ImageReady 的增强版。
4.2.1 ImageReady CS工作界面
ImageReady CS的启动方法是选择菜单“开始→程序→Adobe ImageReady CS”。有时在Photoshop CS中处理好的图片，需要放到ImageReady CS中制作动画，在不退出Photoshop CS 的情况下只要单击工具箱下部的按钮，就可以跳转到ImageReady CS中进行动画制作。
ImageReady CS启动后，其工作界面如图4-1所示。它与Photoshop CS的界面风格一致，操作方法相似。
图4-1 ImageReady CS工作界面
4.2.2 ImageReady CS工具箱简介
ImageReady CS的工具箱如图4-2所示。其中大部分工具与Photoshop CS中的工具使用方法相同，凡是在第3章中介绍过的工具本章不再介绍，下面将ImageReady CS中特有的工具介绍如下：
图4-2 ImageReady CS的工具箱
1、图像映射工具组
单击工具箱中的“图像映射工具组”按钮不松手，弹出图像映射工具组。
选择“矩形图像映射工具”后，在图像上拖动可得到矩形图像映射区域，选择“椭圆形图像映射工具”后，在图像上拖动可得到椭圆形图像映射区域，选择“多边形图像映射工具”后，在图像上拖动可得到多边形图像映射区域，如图4-3所示。
图4-3 图像映射区域
所谓图像映射区域就是在图像上划出一块地方，将其设置成超链接，当鼠标滑过该区域时，鼠标变成手型，单击鼠标即可进入超链接所指的网页。图像映射工具组主要是为网络服务的。
2、图像映射选择工具
单击工具箱中的“图像映射选择工具”按钮，再单击已有的图像映射区，则该映射区域周围出现小方点，表示该映射区目前处于选中状态，选择菜单“窗口→图像映射”，在窗口右侧出现“图像映射”调板，如图4-4所示。
在“名称”中输入给图像映射区域所起的名字。
在“URL”中输入单击图像映射区域时所链接到的网址。
单击“Target” (“目标”)文本框的下拉按钮出现四个选项：
●_blank 表示在新窗口中显示链接文件，而将原始浏览器窗口保留为打开状态。
●_self 表示在原始文件的同一帧中显示链接文件。
●_parent 表示链接文件显示在当前父帧中。
●_top 用链接文件替换整个浏览器窗口，并移去全部当前帧。
在“Alt”文本框中输入的文本，可以起到解释和说明的作用，当用户将鼠标定位在图像映射区域上时，鼠标尾部出现该文本。
图4-4 图像映射操作面版
例4-1 使用图像映射工具为北京地图上的区、县设置超链接。
北京城区：https://www.360docs.net/doc/7410672565.html,
怀柔：https://www.360docs.net/doc/7410672565.html,
密云：https://www.360docs.net/doc/7410672565.html,
延庆：https://www.360docs.net/doc/7410672565.html,
平谷：https://www.360docs.net/doc/7410672565.html,
昌平：https://www.360docs.net/doc/7410672565.html,
顺义：https://www.360docs.net/doc/7410672565.html,
门头沟：https://www.360docs.net/doc/7410672565.html,
房山：https://www.360docs.net/doc/7410672565.html,
大兴：https://www.360docs.net/doc/7410672565.html,
通州：https://www.360docs.net/doc/7410672565.html,
操作步骤如下：
⑴打开“北京地图”图像文件。
⑵使用工具箱中的图像映射工具，在图像上要做超链接的地方拖动鼠标，得到图4-6图像映射区域。
⑶选择菜单“窗口”/“图像映射”得到图像映射调板，输入图像映射区域超链接的网址等信息，如图4-5所示。
图4-5 “图像映射”调板
图4-6 图像映射区域
3、凸耳、胶囊矩形工具组
单击工具箱中的“凸耳矩形工具”按钮，在图像上拖动鼠标，可画出凸耳矩形，单击工具箱中的“胶囊矩形工具”，在图像上拖动鼠标，可画出胶囊矩形，如图4-7所示。这两种形状的图形在网页设计中经常用到。
图4-7 凸耳矩形工具应用
例4-2 使用凸耳矩形工具和胶囊矩形工具做网页布局。
操作步骤如下：
⑴新建一空白图像，宽780像素、高420像素。
⑵选择菜单“视图→显示→网格”。
⑶选择工具箱上的凸耳矩形工具和胶囊矩形工具做网页布局，如图4- 8所示。
图4-8 网页布局图
4、切换图片可视性
单击工具箱中的“切换图片可视性”按钮，可在显示和隐藏图像映射之间切换。
5、切换切片可视性
单击工具箱中的“切换切片可视性”按钮，可在显示和隐藏图像切片之间切换。
6、预览文档
单击工具箱中的“预览文档”按钮，可切换到“文档预览”模式，直接在ImageReady 文档窗口中预览翻转效果。
7、在iexplore中预览
单击工具箱中的“在iexplore中预览”按钮，可在IE浏览器中观看图片。
4.2.3 ImageReady CS调板简介
使用ImageReady CS制作动画，通常都需要用到“动画”、“动作”、“优化”和“图层”调板，为了给后面使用ImageReady CS制作动画做好准备工作，下面分别讲解“动画”、“动作”和“优化”调板，“图层”调板在第3章中已有介绍，这里不再赘述。
1. “动画”调板
选择菜单“窗口→动画”，在ImageReady CS工作界面中，出现“动画”调板，如图4-9所示。利用“动画”调板，可以方便地制作出各种效果的优美动画。
图4-9 “动画”调板
在“动画”调板上的每一幅画面就叫一帧，帧左上角的数码是帧序号。
单击帧右下角的下拉箭头，会出现供用户“选择帧延迟时间”的列表，如图4-10所示。用户可以通过对不同的帧选择不同的延迟时间，调整动画播放速度，如果表中列出的延迟时间不能满足需要，可单击列表中的“其他…”，得到图4-11，用户可自行设置需要的延迟时间。
图4-10 帧延迟时间列表
图4-11 设置延迟时间
单击“动画”调板上的下拉按钮，得到
选择“一次”，动画只播放一次即停止；选择“一直有效”，动画循环播放，除非用户单击停止按钮，否则动画就一直播下去；选择“其它…”得到图4-12，在此处用户可自行设置动画播放的次数。
图4-12 设置循环播放的次数
在图4-9动画调板的下部，可对动画帧进行如下操作：
单击按钮，选择第1帧。
单击按钮，向前移动一帧。
单击按钮，向后移动一帧。
单击按钮，播放动画。
单击按钮，停止播放动画。
单击按钮，复制当前帧。
单击按钮，删除选定的帧。
单击按钮，弹出“插入过渡帧”对话框，如图4-13所示。所谓“过渡帧”就是在两个现有帧之间，由计算机自动产生的一系列帧，这些帧均匀地改变了两个帧之间的图层属性（位置、不透明度或效果参数）。“过渡帧”的出现，大大方便了用户。例如，要渐隐一个图层，则可将起始帧的图层不透明度设置为100%，然后将结束帧的同一图层的不透明度设置为0%。在这两个帧之间过渡时，该图层的不透明度在整个新帧上均匀减小。
单击“过渡”下拉按钮，选择过渡方向即从当前光标所在帧，过渡到哪一帧。
在中，输入要添加的过渡帧数目，默认数是5，该数越大，得到的动画越自然平滑，但文件也相应变大。本例用默认数5。
“图层”选项中，选择“所有图层”则改变所选帧中的全部图层；选择“选中的图层”则只对所选图层产生过渡变化。“选中的图层”只改变所选帧中当前选中的图层。
“参数”可设置动画过渡的内容。“位置”可在起始帧和结束帧之间，均匀地改变图层内容在新帧中的位置；“不透明度”可在起始帧和结束帧之间，均匀地改变新帧的不透明度；“效果”可在起始帧和结束帧之间，均匀地改变新帧的图层效果。
图4-13 插入过渡帧对话框
单击“动画”调板右上角的按钮，弹出关于“动画”调板的菜单，如图4-9所示。下面对菜单中的内容做一解释。
“停放到调板窗”：将“动画”调板折叠后，停放到选项栏右侧的调板窗，需要时，只要拖出“动画”调板的标签即可。
“新建帧”：新建一个帧，其作用相当于单击按钮。
“删除帧”：将选中的帧删除，其作用相当于单击按钮。
“删除动画”：保留第1帧，删除其余帧。
“拷贝帧”：就是拷贝图层的配置（包括每一图层的可视性设置、位置和其他属性）。
“粘贴帧…”：就是将复制的帧粘贴。选择“粘贴帧…”后，出现图4-14所示的对话框。
图4-14 粘贴帧
在图4-14中各项内容解释如下：
“替换帧”就是用拷贝的帧替换所选的帧。如果是将这些帧粘贴到同一图像，则没有新图层被添加到该图像；但是，目标帧中现有的每一图层的属性都将替换为所拷贝的每一图层的属性。如果是在不同图像之间粘贴帧，则将在图像中添加新图层，但是，在目标帧中只能看见粘贴的图层（现有图层被隐藏）。
“在选区之上粘贴”可将粘贴的帧内容添加为图像中的新图层。将这些帧粘贴到同一图像时，使用此选项可使图像中的图层数量加倍。在目标帧中，新粘贴的图层是可见的，原来的图层将被隐藏；在非目标帧中，新粘贴的图层被隐藏。
“在选区前粘贴”或“在选区后粘贴”可在目标帧之前或之后添加拷贝的帧。如果在不同图像之间粘贴帧，则在图像中添加新的图层，但是，在新帧中只有粘贴的图层是可见的（现有图层将被隐藏）。
如果想在“图层”调板中链接粘贴的图层，勾选“链接添加的图层”。
“选择全部帧”：将所有帧选中。
“过渡…”：其作用相当于单击按钮（前面已讲述）。
“反向帧”：反转帧的顺序。
“优化动画”：对动画进行优化设置。
“从图层建立帧”：选中要建立帧的图层，单击此菜单为这些图层建立帧。
“将帧拼合到图层”：可以将动画的帧拼合到图层中。为每一帧创建单个复合图层，它包含该帧中的所有图层，该帧中原来的图层被隐藏但被保留。
“为每个新帧创建图层”：勾选此菜单后，每次创建帧时，自动将新图层添加到图像中。新图层在新帧中是可见的，但在其他帧中是隐藏的。当创建的动画要求将新的可见图素添加到每一帧时，使用该选项可以节省时间。
“新建在所有状态/帧中都可见的图层”：勾选此菜单后，每次创建的图层在所有的帧中都是可见的。
“调板选项”：单击此菜单，弹出“动画调板选项”对话框，如图4-15所示，在这里可以选择“动画”调板中缩览图的大小。如果动画中的帧数比较多，可选择小缩览图，这样屏幕上可容纳更多的帧；如果动画中的帧数比较少，可选择大缩览图，这样缩览图显示得更清晰。
图4-15 “动画调板选项”
2. “动作”调板
选择菜单“窗口→动作”，在ImageReady CS工作界面中，出现“动作”调板。单击“动作”调板右上角的按钮，弹出关于“动作”调板的菜单，如图4-16所示。
在ImageReady CS的“动作”调板中，包括了一些预定义的动作，可以直接应用这些动作产生动画效果。
图4-16 “动作”调板
例4-3 为一幅图像应用“旋转放大”的动作效果。
操作步骤如下：
⑴打开一幅图像，在“动作”调板上选择“旋转放大”，如图4-17所示。
图4-17 在动作调板中选择“旋转放大”
⑵单击“动作”调板下部的“播放选区”按钮，得到图4-18，可以看到由计算机自动产生的这些帧。
⑶单击“动画”调板下部的“播放”按钮，观看动画效果。
图4-18 应用“旋转放大”动作
如果用户经常要用到某个动画效果，而ImageReady CS中预定义的动作没有它，那么可创建一个动作。
例4-4 制作一个不透明度渐变的动画效果动作。
操作步骤如下：
⑴首先打开一个图像文件。
⑵单击“动作”调板下部的“创建新动作”按钮，得到图4-19，输入新动作的名称“渐
变”，单击“记录”按钮。
图4-19 新建动作对话框
⑶单击“动画”调板上的“复制帧”按钮。
⑷调出“图层”调板，将“不透明度”调成0%。
⑸单击“动画”调板上的“过渡帧”按钮，得到图4-20，单击“好”按钮。
图4-20 动画帧过渡效果对话框
⑹单击“动作”调板下部的“停止记录”按钮。一个新的动作就做好了。在“动作”调板中可以看到这个新动作，单击“渐变”前的图标，可将该动作的细节展开，如图4-21所示，再单击“渐变”前的图标，可折叠该动作。
图4-21 新建“渐变”动作细节展示
3.“优化”调板
选择菜单“窗口→优化”，在ImageReady CS工作界面中，出现“优化”调板，单击“优化”调板右上角的按钮，弹出关于“优化”调板的菜单，如图4-22所示。
图4-22 “优化”调板菜单
“预设”：单击该项的下拉按钮，得到图4-23，GIF 格式适合于颜色比较单一和细节比较清晰的图像。文件中的颜色数量越少，GIF 图像文件就越小。用户可以根据自己的动画特点，选择一个预设的GIF文件格式。
图4-23 优化文件的“预设”列表“格式”：因为是动画文件，所以选GIF格式。
单击按钮，可将优化的设置存储为快捷批处理文件。
逐个单击图标，可将各项细节展开，如图4-24所示。
图4-24 展开的“优化”调板
4.2.4用ImageReady CS制作动画
下面通过一些实例讲解用ImageReady CS制作动画的方法。
1、逐帧动画
这是一种常见的动画形式，它的原理是在“连续的帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。
例4-5 将素材盘“郁金香”文件夹中的9个图像做成逐帧动画。
操作步骤如下：
⑴选择菜单“文件→导入→作为帧的文件夹”，得到图4-25。
图4-25 打开制作逐帧动画的文件夹
⑵选择“郁金香”文件夹，单击“确定”得到图4-26，这个逐帧动画就做好了。单击动画调板上的“播放”按钮，观看动画效果，如果感到动画太快，可调整帧的延迟时间。
图4-26 制作逐帧动画的工作界面
⑶最后保存动画文件，可先在“优化”调板中进行设置，然后选择菜单“文件→存储优化结果”，确定好存储位置和文件名，一个GIF动画就做好了。也可以选择菜单“文件→导出→Macromedia Flash SWF”，如图4-27所示，将动画存成SWF格式即Flash播放文件格式。
图4-27 导出动画文件成Flash播放文件格式的对话框
2、过渡帧
例4-6 制作升旗动画。
本例主要讲解在“过渡帧”中如何利用“位置”的变化而产生运动动画。
操作步骤如下：
⑴选择“窗口”菜单调出“动画”和“图层”调板，选择菜单“文件→新建”，弹出图4-28，在“名称”中输入“升旗”，“宽度”400，“高度”500，单击“好”按钮，得到一空白图像。
图4-28 新建空白文件对话框
⑵单击工具箱中的“设置前景色”按钮，在“拾色器”中选择灰色后，单击“好”按钮。
⑶单击工具箱中的“矩形工具”按钮，在空白图像上画出四个矩形表示旗竿和底座，如
图4-29所示。
图4-29 绘制旗杆和底座
⑷单击工具箱中的“设置前景色”按钮，在“拾色器”中选择红色后，单击“好”按钮。
⑸单击工具箱中的“矩形工具”按钮，并在选项栏上单击，在图像上画出一个红色矩形表示旗子。
⑹单击“动画”面板上的“复制当前帧”按钮，如图4-30所示。
图4-30 复制帧
⑺单击工具箱中的“移动工具”按钮，将将第2帧中的旗子移到上方，如图4-31所示，此时在动画面板中有两帧图像，单击动画面板中的“播放”按钮，观看动画效果。感到动画不自然，旗子是从下部一下蹦到顶部，看不到中间经历的过程，实际上旗子从下升到顶时中间要经过许多位置。
图4-31 将第2帧中的旗子移到上方
⑻为了使动画更逼真，要在当前的两帧图像之间增加一些过渡帧，单击“动画”面板下部的“过渡”按钮，出现图4-32。
⑼单击“过渡”下拉按钮，选择过渡方向
即从光标当前所在帧，过渡到哪一帧，本例中当前帧是第2帧，过渡方向选择“第一帧”或“上一帧”均可。
⑽在中，输入要添加的过渡帧数目，默认数是5，该数越大，得到的动画越自然平滑，但文件也相应变大。本例用默认数5。
⑾“图层”选项中，选择“所有图层”则对所有图层产生过渡变化；选择“选中的图层”只对所选图层产生过渡变化。
⑿“参数”可设置动画过渡的内容。本例勾选“位置”，表示该动画是由位置改变而产生的，单击“好”按钮。
图4-32 插入过渡帧对话框
⒀单击动画面板中的“播放”按钮，观看动画效果，感到动画太快，可以调整“动画”调板上每帧图像的下方的，选择合适的帧延迟时间，调整动画播放速度，如图4-33所示。本例中可将前6帧图像的延迟时间调整为0.2秒，最后一帧调整为1秒。再单击动画面板中的“播放”按钮，看动画效果是不是好多了。
最后设置动画播放次数，本例可选择“一直有效”就是循环播放。
图4-33 设置动画播放速度
下面介绍如何保存动画文件。
选择菜单“文件”/“存储”，弹出图4-34对话框，首先选择文件的保存位置，然后输入文件名，在这种保存方式下，保存类型只有一种，没有选择余地，单击“保存”按钮。这样保存出的文件是Photoshop默认的psd格式，这种格式适合于今后对文件继续编辑，但这种格式的文件不适合在网络上使用。
图4-34 存储文件对话框
下面再保存一个GIF格式的动画文件以供使用。选择菜单“文件”/“存储优化结果”，选择好文件保存位置，输入文件名，选择保存类型“仅限图像(.GIF)”单击“保存”按钮。有时会弹出图4-35所示对话框，只要单击“好”按钮，就可以了。
图4-35 存储文警告对话框
这样保存出的文件是GIF格式，GIF格式的文件非常小，在图4-36中，可以看到同一个图像，保存成GIF格式只有4KB，而保存成PSD格式则是417KB，文件的大小相差悬殊，这就是为什么当前非常流行GIF格式的图像文件，它在网络上大量使用的原因。
图4-36 不同格式图像文件大小的比较
例4-7 在“过渡帧”中利用“不透明度”的变化而产生渐隐渐现的动画效果。
操作步骤如下：
⑴选择菜单“文件→导入→作为帧的文件夹”，打开素材盘中“第4章”文件夹下的“逐帧动画图片”文件夹。
⑵分别复制两个帧得到图4-37。
图4-37在动画调板中复制帧
⑶在“动画”调板中，选择第2帧，如图4-38所示，在图层调板中，选择Sunset.jpg 图层，将“不透明度调成0%，如图4-39所示。
图4-38选择第2帧
图4-39调整图层不透明度
Flash动画制作实例——以地球的自转为例
Flash动画制作实例——以地球的自转为例 1教学诊断、课件选型 （1）教学诊断：学科特点，地球自转在初中地理教学中占有非常重要的地位，既是教学的重点，也是教学的难点所在。学生特点，对于刚进入初中的初中生来说，一下子要他们接受地球自转这一节抽象难懂的内容，对学生们来说是非常吃力的，所以急需一种简单易懂的教学方式来传授这节课的内容。 （2）Flash课件选题与选型 针对地球的自转是一节涉及地球的运动和变化的内容，所以选择动画的形式呈现给学生是再好不过了。 2教学目标确定及教学设计 教学目标：让学生们通过观察从南极与北极的上空观察到的地球自转方向来帮助学生学习和了解本节内容。 教学总体设计：本例是根据全日制普通初级中学教科书（人教版·地理）七年级上册“地球运行基本方式——自转和公转”一节中的内容制作的课件。因为本节课的内容涉及地球的自转运动和变化，内容抽象需要极强的空间想象能力，所以本课件将通过动画分别演示从南极与北极的上空观察到的地球自转方向来让学生学习南极上空看地球自转的方向是顺时针旋转的，而从南极上空看的时候是逆时针旋转的教学内容。 3 素材准备 构成本课件的基本元素包括课件封面、“北极动画”电影片段符号、“南极动画”电影片段符号组成。制作课件时，首先要创建相应的符号，再将符号拖入场景。 4 课件制作 下面将通过一个实例操作来演示整个Flash地理课件制作过程。 课件制作过程 4.1设置文件属性
在课件制作前，先设置好文件的属性。Flash文件属性主要包括动画的尺寸、背景颜色、动画播放速度等参数。 4.2文件保存 在课件制作的过程中，每隔一段时间，要单击“保存”按钮，保存对文件的修改，以免由于停电或死机等原因造成不必要的损失。 4.3制作课件封面 本课件运行界面由图形及文字构成。Flash中绘制的图形的边框线，称为线条或边框。线条的基本属性包括颜色、粗细、线型等。边框所包围的区域称填充区域，填充区域的颜色称为填充色。文字的输入是通过“文字”工具完成的，文字的属性包括字体、字号、文字颜色等。如图7，图8所示 图7 设置图形填充色图8 设置“信息”面板 4.4创建“北极”图形符号 符号是指一个可重复使用的图像、动画、按钮。可分为图形符号、按钮符号、电影片段符号三种。 色向外渐变成淡蓝的填充色。 ⑶按上述方法，第二个的半径设置为130，第三个和第四个为80、70，并使三个圆的中心点与符号编辑窗口中心店对齐，并将其中的两个圆改为虚线，如图10所示效果。单击“时间轴”面板layer1图层第1针将该帧所有图形选中，并按Ctrl+G键，将选中的图形组合起来，并将其锁定。
flash动画制作教案
信息技术兴趣小组活动教案 王德 亿利东方学校
第一周FLASH的基本知识 教学目标： 1、熟悉FLASH的界面。 2、掌握几个基本工具的使用：选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。 3、掌握几个基本术语：图层、元件 4、记住几个快捷键 5、完成四幅绘制图案 教学重点：应用工具画图 教学难点：复杂遮照的创建。 教学过程： 一、界面环境介绍 二、工具箱的介绍 工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏：“工具”栏、“查看”栏、“颜色”栏和“选项”栏，单击某个工具的按钮，即可激活相应的操作功能，以后把这一操作叫作使用某个工具。 （1）“工具”栏：工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。 （2）“查看”栏：工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。 （3）“颜色”栏：工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。 （笔触颜色）按钮：用于给线着色，也叫作描绘颜色。 （填充色）按钮：用于给填充着色。 （从左到右分别是：黑白、没有颜色和交换颜色）按钮：单击“黑白”按钮，可使笔触颜色和填充色恢复到默认状态（笔触颜色为黑色，填充色为白色）。在选择了椭圆或矩形工具后，“没有颜色”按钮才有效，变为，单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮，可以使笔触颜色与填充色互换。（4）“选项”栏：工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的，大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时，通常应当在选中绘图或编辑工具后，再对其属性和功能进行设置，才能顺利达到预期的效果。 三、动手用一下工具 1、使用工具制作一个“笑脸”或“哭脸” 2、渐变工具的使用：几个关键概念 颜色调板 填充变形工具的使用 3、用椭圆画个画环 操作步骤： 1、用填充色画圆，并设置笔触的粗细。 2、设置边线的填充色为“七彩色”。 3、将该线形圆环转换成填充色：修改－－形状－－将线条为填充。
Flash动画实例
Flash动画实例:柳枝,小鱼,涟漪与水波动画 本flash教程就是关于动画的制作,主要由柳枝的制作方法、小鱼制作方法、涟漪的制作方法、水波的制作方法几个部分组成,希望对您有所帮助！ 有一些朋友虽然有点绘画功底,但苦于没有扫描仪、手绘板等等专业工具,总不能得心应手。其实只要您有一只不错的鼠标,利用好Flash中自带的绘画工具,再加上细心与耐心,即使没有受过专业绘画训练,您也一样可以制作出很漂亮的动漫画效果。下面我们一起来瞧瞧Flash鼠绘春之恋的制作效果与绘制过程吧！ 新建550*400文档。 一、柳枝的制作 1、新建元件,图形,名称柳枝1。 用笔刷工具,颜色:A9A945,画一条柳枝,(也可以用直线等其她工具来画)。 再用笔刷工具画出叶子,放射状填充,左色标,009900,右色标99CC33。 图1 2、新建元件,影片剪辑,名称:柳枝动1。
从库中把柳枝1拖进来,点变形工具,把注册点移到柳枝的根部。第14与34帧插入关键帧,创建动画补间。 图2 在第14帧,把柳枝旋转一定的角度。 图3 3、按照上面的方法,再画2、3个不同的柳枝,然后制成柳枝动的元件,每个元件帧长短不一,旋转角度大小不一(但不要变化太大),这样柳枝飘动瞧起来自然些。 二、小鱼制作
1、新建元件,影片剪辑,名称:鱼1。 选择椭圆工具与矩形工具,笔触色任意,填充色禁止,把对象绘制点下去,在属性栏里,设置为极细,场景放大到800倍。 画一个椭圆与长方形。 图4 Webjx、Com 用黑箭头工具配合ALT键调整成鱼形。 Webjx、Com 图5 网页教学网 画眼,嘴,鳍等。 图6 全选中,ctrl+B打散,填充颜色, 鱼身,鱼尾,线性:左8C8C8C,中C8C8C8,右848484 鱼鳍,线性,左BBBBBB,右999999 眼,纯色,黑色,
ppt动画制作教案精
校本课程教案 《PPT自定义动画》教学设计 教学目标: 1、学生在摸索中掌握“自定义动画”的操作方法，培养团队合作能力； 2、通过《PPT设置对象动画》的学习，能独立制作具有动画效果的幻灯片。 教学重点与难点: 1、学会打开和使用“自定义动画”对话框； 2、掌握动画效果的制作及动画播放速度、播放顺序的调整。 课前安排： 教师准备： 1. 具有动画效果的课件； 2. 无动画效果的学生练习课件。 课时安排： 1课时 教学过程与设计意图： 一、激趣导入 师：今天，丽丽和她的朋友打算去动物园。路上太阳升起来了，白云飘来了。 出示具有动画效果课件 [设计意图]： 激发学生的好奇心，让学生发挥想像力，提高对设置幻灯片各种效果的兴趣。 师：大家想不想让你的太阳和白云也动起来呢？ 二.自主探究，交流分享 A、学生动手自我探索 给幻灯片里的操作对象设置动态效果。 （学生操作，教师巡视） [设计意图]： 这一环节，可以提高学生自我摸索，自我探究的能力，培养独立思考的习惯。 B、交流反馈 （1）总结学生操作中的问题； （2）提示正确的操作步骤：
①、选定要操作的对象。②、单击“幻灯片放映”菜单。 ③、单击“自定义动画”。④单击“添加效果”命令“飞入”，方向“自左侧”。 C、自我练习，掌握基本操作方法 [设计意图]： 在自我摸索、教师总结之后，学生已经掌握了自定义的动画的正确方法，再设置“自我练习”这一环节，可以让学生对这部分知识得到巩固。 2、掌握动画播放速度、播放顺序的调整。 师：丽丽和她的朋友要过马路，可是如果她们不注意一些问题，将会发生一件很危险的事。会发生什么事呢？生：车祸。师：如何修改才能避免这一事故的发生。 A、自我摸索 放手让学生自我摸索，探究方法，教师适当提示、指点。 B、讲解操作要领，并演示 （1）调整动画播放速度。 （2）调整动画播放顺序。 小组合作，自主研究，选择最合适的动画效果； C、学生再次练习，掌握基本方法 （教师巡视，指导学生操作，给足充分的操作时间。） [设计意图] 到这一环节，学生已经掌握了正确的设置动画方法。通过小组合作这一环节，不仅可以增进同学间的感情，更能培养学生团队合作的能力，提高合作意识。 E、交流反馈 全体学生观看提交的作品，进行探讨，相互学习。 三、实践创作，展示评价 1、师：经过大家帮助，丽丽她们终于来到动物园。可以动物园的动物都不动，你能利用学到的知识让它们动起来吗？ 作业：对《动物园》幻灯片进行动画设置。 [设计意图] 巩固加深对己学知识的练习。 2、学生作品展示评价。 四、梳理总结，拓展延伸 想一想这一节课我们学习了什么？希望大家利用我们学过的知识，制作更多更好的作品。
Flash8.0-动画制作实例教材
FLASH动画制作实例教材 一、熟悉Flash界面 二、动画的原理 看下面几幅画面: 图2-2 图2-3 图2-4 图2-5 图2-2中飞机位于图片的最左边， 图2-3中飞机位于图片的中间， 图2-4中飞机位于图片的最右边。当我们将这三幅画面依次按照一定速度播放的时候，给我们的视觉效果就是看上去感觉飞机在从左向右飞行，如图2-5所示。 动画就是由一系列近似的画面按照一定的顺序和速度进行播放而产生，它是欺骗人视觉效果的一种把戏。 三、帧/关键帧/空白关键帧 由动画的原理我们知道，动画就是画面的连续播放所产生的，电影是每秒播放24幅画面，电视则每秒播放25幅画面，Flash默认每秒播放12幅画面（可以修改）。每一幅画面我们都称它为一个帧， 记住： 一个帧就是一幅画面（暂不管这个画面是真实的还是虚幻的）！
如图2-6所示上面的每个小格子就是一个帧，每个格子都分别代表着一幅画面，播放时按照帧的先后顺序由左向右 进行。你也许会问：“上面帧怎么还不一样啊？”对了，正是因为它们不一样才有了帧、关键帧、空白关键帧（也 叫白色关键帧）这些名词。 空白关键帧 我们先看第一个小格子，它里面有一个白色的小圆圈，它就是空白关键帧，里面什么内容都没有，一片空白。用鼠标单击一下该空白关键帧，结果我们在下面的场景里看到的是一片空白区域如图2-7所示： 关键帧 第二个小格子里面是个实心的小黑点，它就是关键帧，里面有实际存在的内容，用鼠标单击该关键帧（或用鼠标按住帧上面红色滑块向后拖动到该帧），我们看到了一个黑色的圆，如图2-8所示： 看来，关键帧和空白关键帧的区别就在于关键帧有实际的内容而空白关键帧没有。空白关键帧+内容（比如画个圆）=关
PowerPoint 动画制作教案
PowerPoint 动画制作教案 教学内容： 1、设置进入动画 3、设置退出动画 4、自定义动画路径 5、调整动画顺序 6、设置背景音乐 7、设置动作按钮 8、设置强调动画 9、设置字幕式动画 10、设置超级链接 教学过程： 一、设置“进入”动画 动画是演示文稿的精华，在画中尤其以“进入”动画最为常用。下面我们以设置“渐变式缩放”的进入动画为例，看看具体的设置过程。 1、选中需要设置动画的对象，执行“幻灯片放映→自定义动画”命令，展开“自定义动画”任务窗格。 2、单击任务窗格中的“添加效果”按钮，在随后弹出的下拉列表中，依次选择“进入→其他效果”选项，打开“添加进入效果”对话框。 3、选中“渐变式缩放”动画选项，确定返回即可。 注意：如果需要设置一些常见的进入动画，可以在“进入”菜单下面直接选择就可以了。
二设置动画播放方式 如果一张幻灯片中的多个对象都设置了动画，就需要确定其播放方式（是“自动播放”还是“手动播放”）。下面，我们将第二个动画设置在上一个动画之后自动播放。 展开“自定义动画”任务窗格，双击第二个动画方案，单击“开始”右侧的下拉按钮，在随后弹出的快捷菜单中，选择“之后”选项即可。 注意：在“自定义动画”任务窗格中，还可以快速设置动画播放“速度”等选项。 三定义动画路径 如果对Powepoint演示文稿中内置的动画路径不满意，可以自定义动画路径。下面，我们以演示“布朗运动”为例，看看具体的实现过程。 1、用“绘图”工具栏上的“椭圆”按钮，在幻灯片中画出一个（或多个）小“质点”。 2、分别选中相应的“质点”，单击“自定义动画”任务窗格中的“添加效果”按钮，选择“动作路径→绘制自定义路径→自由曲线”选项（此时鼠标变成一支笔）。 3、自“质点”处开始，发挥你的想像随意绘制曲线。 4、然后在“计时”标签中，将“重复”项设置为“直到幻灯片末尾”。 四调整动画顺序
PS动画制作实例
PS动画制作实例： 听音乐的女孩 效果图片需要动的部分有音符、光碟、人物的手。这些都是同步的。制作动画之前需要把这这些动画场景设置出来，然后再同步设置动画。 1、打开图片，制作所需要的素材。 2、手部素材： 1)ps里打开，用“套索工具”和“仿制图章”等工具，去掉原图中的音符。然后，打开动 画面板(时间轴)，单击箭头所指小三角>文档设置>设定时间及帧数。这里设为2秒， 每秒25帧。 2)用“快速选择工具”选中人物手部。ctrl+J，得到图层2。用“矩形选框工具”在图中选 一个合适对象用作覆盖与原图对应的区域。如图1所示： 图1 3)ctrl+J，得到图层3；“移动工具”下，将图层3置于原图手部位置，调整至合适，然 后参考图示，移动参考点至红色箭头所指处，逆时针旋转9度左右，使手看起来有 种抬起的感觉。如图2所示：
图2 4)接下来给图层2添加蒙版，设前景色为黑色，用“画笔工具”涂去手部多余部分。完 成后，合并图层2和3，并命名为“变换的左手”。如图3所示 图3 3、唱片素材制作 1）再次用“快速选择工具”，选择唱片，注意唱机的针头——属性模式为“添加到选区”，全部选中对象后，按住ALT键选择针头，可减去针头选区。如图4所示。ctrl+J，得到复制对象图层后，将它命名为“唱片”。
图4 2）然后单击红框处，添加图层样式>渐变叠加——打开“渐变拾色器”，渐变效果和混合模式参考图示，其它默认。如图5所示 图5 4、音符素材制作 1）新建图层，选择“自定义工具”，参考图6中红框所示，依次绘制出各种音符。绘制时，距离可拉大，可边绘制边改变方向，使其看起来大小和方向呈不规则状。
制作简单的Flash动画教学设计.
制作简单的 Flash 动画教学设计 一、教学内容分析 1、课程标准内容 学会使用一种动画制作软件尝试制作简单的动画,了解动画生成的基本原理。 2、教材作用与地位 本节是江苏科学技术出版社 2007年出版的《信息技术》 (初中下册第 8单元动画制作中 Flash 部分的开端,设计为 2课时, 《制作简单的 Flash 动画》是第 2课时。这部分内容主要是让学生体验 Flash 动画制作的一般步骤, 初步理解 Flash 动画制作中的一些基本概念, 学会创建和调用图形元件。通过对制作过程的了解, 让学生消除动画制作的神秘感, 激发学生学习 Flash 动画制作的求知欲。在尝试制作的过程中理解基本概念, 形成正确、规范的制作习惯,为后续的深层次的学习打下坚实的基础。 二、学情分析 学生对 Flash 概念的认识是基于网络上流行广泛的各种动漫作品和 Flash 小游戏,因此, 体验活动仅仅是欣赏和娱乐。大多数学生没有去主动创作动画的意识, 对动画的制作有神秘感和距离感, 对动画制作的过程知之甚少, 甚至一无所知。通过上节课对源程序的分析学习,学生对一些基本概念比如:关键帧、图层、图形元件等已经有了一定的了解。学生产生了很强的实践欲望, 希望通过这节课亲手制作, 在制作过程中加深对基本概念的理解, 亲历制作的全过程。 三、教学目标 1、知识与技能 (1体验 Flash 动画制作的一般步骤;
(2初步理解 Flash 动画制作中的一些基本概念; (3学会创建和调用图形元件; (4常用图形工具、文本工具的使用方法; (5制作简单的补间动画; (6了解 Flash 动画制作的基本方法; 2、过程与方法 通过制作《打地鼠》简单动画,让学生了解通过导入位图制作动画的方法;通过制作《撞球》补间动画, 让学生了解利用绘图工具制作图形元件, 重复调用元件的方法。通过对 《撞球》中两个运动元素的动画制作, 让学生学会分析和分解运动过程, 并学会用已有的操作技能来恰当地表现这些运动。让学生体验了较为复杂动画制作的设计、制作过程, 初步领会 Flash 动画的基本设计、制作思路。 3、情感态度 排除学生的畏难情绪,激发学生学习动画制作的兴趣;培养学生规范的制作习惯和积极探究新知识的精神。 四、教学重点 (1体验 Flash 动画制作的一般步骤 (2了解 Flash 动画制作的基本方法 五、教学难点 (1理解 Flash 动画制作中的一些基本概念
Flash动画制作实例教程
Flash Flash Flash CS3 Flash
1.1
1.1.1
Flash
Flash
Flash
Adobe Flash
Flash
Internet
Flash
Dreamweaver
Fireworks
1.1.2 Flash
Flash 1 2 3 4 (.swf)
5 6 Flash .avi .gif .html .mov .smil 7 8 Action FS Command Dreamweaver Authorware Director FrontPage Flash .exe
gif
Flash
.fla Flash
1.1.3 Flash
Flash Flash 1-1
Flash
1-1
Flash
2
1-1
1.2
1.2.1 Flash CS3
Flash CS3
Flash CS3 Flash CS3 / 1-3 1-2 Flash
Flash CS3 Flash
3
1-2
Flash
1-3
Flash
5 Flash CS3
4
Flash 1-4
1-4
12
/ Flash
1.2.2 Flash
Flash Flash 1 / 1-5 Flash
1-5
Flash
2 / 1-6
5
浙教版高一Flash移动动画的制作的教学设计
浙教版高一《Flash移动动画的制作》的教学设计 温岭市新河中学狄卫红 邮编：317502 联系电话：8 电子信箱： 一、设计思想 从知识、能力思维两个方面对学生进行知识传授和能力培养，使学生运用所学知识，进行探究性的学习，培养学生的动手实践能力和创新意识。通过小组协作模式学习，开展信息技术学业性评价，提高学生的信息素养。 知识体系：复习原有知识（逐帧动画）→原有知识运用（“倒计时”逐帧动画）→逐帧动画的不足→引入新知识补间动画（移动动画和形状动画）→移动动画制作→移动动画剖析→移动动画运用→解决实际问题。 能力、思维体系：回忆原有知识（动手实践）→逻辑思维的培养（补间动画制作思想）→逻辑思维的培养（动手实践，制作从左往右移动动画）→发散思维的培养（修改为从上往下移动）→发散思维的培养（修改为从上往下，从下往上来回移动）→创新思维（大小缩放、颜色变化、旋转）→集合思维（发挥创意，制作一个移动动画）→发散思维（曲线轨迹运动）→情感教育（联系生活）。 二、教材分析 本节课是浙教版普通高中课程标准实验教科书高一信息技术选修模块《多媒体技术应用》第三章《二维动画制作》的内容，是利用Flash制作动画的入门课。从“逐帧动画”的不足之处开始，引入Flash的另一种动画类型——“补间动画”，补间动画有移动动画和形状动画两种类型。本节课主要学习移动动画，通过具体实例层层展现了移动动画的位置移动、大小缩放、颜色变化、旋转等效果，从而使学生学会移动动画的制作方法，制作出位置移动、大小缩放、颜色变化、旋转等效果的简单动画作品。 三、学情分析 在前面一节课中，学生已经学习了Flash的界面和基础操作，并理解了Flash动画中的时间轴、图层、帧、关键帧、面板等预备知识。如何利用Flash进行动画制作，制作出符合自己需要的动画是学生非常迫切想要知道和掌握的。学生这种强烈的求知欲成为一种动力，为本课的学习打下了良好基础。 四、教学目标 （1）知识与技能 1、理解补间动画的制作思想； 2、掌握移动动画的制作过程； 3、理解移动动画制作的三个必要条件； 4、了解关键帧、元件在动画制作中的作用； 5、学会移动动画制作过程中位置移动、大小缩放、颜色变化、旋转效果的处理。（2）过程与方法
动画设计教案设计
《动漫策划》课程整体设计方案课程名称动漫策划 课程代码 040813 所属学院（部）：艺术设计与传媒 适用专业艺术设计 总学分 4 总学时72 编制人胡拥军 审批人 2011—2012学年第一学期
《动漫策划》 一、课程性质 本课程是关于动漫策划、前期创意与设计的专业核心实训课程，是艺术设计（影视动画方向）与动漫设计与制作等专业和方向的专业核心课程之一。本课程适合所有艺术设计与动漫画设计与制作专业的学生和从业人员学习。学生可以通过本课程的理论知识的学习与实操技能的实训，能对动漫策划师与其相关的制作过程、方法和技能，有全面的了解和掌握。课程学习的主要内容有如何提高故事创作、选题、改编的专业水准，如何适应不同风格，如何获取灵感；在实践操作指南和互动练习的帮助下，学习如何开题、创作故事梗概、将故事概述改写成文字脚本，然后完成概念主体设计草图，再制作成分镜头脚本；能够创建专属自己的工作空间，找到进入专业动漫策划与设计师领域的途径，为今后从事动漫策划与设计职业奠定必要的专业理论知识与操作技能。 二、课程设计 （1）课程目标设计 使学生通过该课程学习和实训，能够把握动漫策划与前期创作艺术的审美特征，掌握一些动漫画作品的前期创作规和特殊性律以及绘制风格技巧，并完成毕业设计之前的开题与前期创作，而且争取使部分学生作品能够参加本学期内国内举办的“第六届全国动漫大赛”和“第四届金龙奖”的比赛。通过动漫策划与前期设计基础理论的讲授，让学生对视听语言原理与前期策划与创意有一个比较基础的了解，配合观摩具有代表性的经典动画影片以及漫画、商业插画作品，并针对知识点进行练习，让学生能够进行自己前期剧本创作以及角色设计、道具设计、场景设计以及分镜头的绘制，让学生对动画短片的前期策划创作有一个比较清晰的概念；了解动漫策划在影视动画创作中的地位和作用，运用不同的工具与材料、艺术语言、创作构思进行形象体现和实际操作，实施职业人员必备的思想、艺术修养和基本功训练；并模拟动漫企业运作的基本模式、工作流程以及基本岗位职责和分工，掌握在公司中的相关岗位工作所需的专业素质、职业素养、团队意识。 （2）课程内容设计 第1单元动漫策划概讲 一、策划职业和其重要性。 1、策划的重要性 2、策划职业 二、动漫品牌策划。 第2单元动画策划与监制过程 一、制作前的工作 1.“制前作业”前面的第一步——企划 2.交涉成功或企划通过后——找到投资者 3.如何计算制作经费 二、前期制作阶段（前期创作的工作） 1.故事版本写作 2.文字脚本
2019-2020年高中信息技术 FLASH+MX+动画制作综合实践教案 教科版选修2
2019-2020年高中信息技术 FLASH+MX+动画制作综合实践教案教科版选修2 一、基本说明 1、模块：高中信息技术选修（二）《多媒体技术应用》 2、年级：高中二年级 3、所用教材版本：广东教育出版社 4、所属的章节：第五章第二节 5、学时数：45分钟（机房授课） 二、教学设计 1、教学目标： 知识与技能：理解动画作品制作的基本流程；进一步掌握几种基本动画的制作方法；正确插入背景音乐。 过程与方法：培养学生自主学习能力、探索创新能力和综合运用知识的能力；提高学生的观察、总结能力。 情感态度价值观：体验利用信息技术制作作品的乐趣；养成自主学习的习惯；通过信息技术手段提倡中华传统美德教育，培养学生的感恩之心。 2、内容分析： 教材是以《快乐的校园》为例介绍了形状变化动画、运动动画、遮罩动画，但缺少完整的动画作品的制作过程。本节课教师提供给学生丰富的资源（动画作品欣赏和素材库），培养学生的动手能力和创新能力，让学生自己动手制作出“感父母恩”动画作品，给父母送上最真挚的祝福。 利用Flash制作一个完整的动画作品是本节课的重点 Flash中各操作的具体方法是本节课的难点。 3、学情分析： 学生在必修模块和前几节课中已学习过利用FLASH制作简单的动画，大部分学生能根据教师的演示和学习网站的提示完成教师布置的作业，并对背景音乐的处理、帧、组件、库、图层等已有了初步认识，同时，学生对学习FLASH动画制作兴趣浓厚。另一方面，学校在三月开展了关于感恩的一系列活动，学生们都积极参与相关活动，我感觉大部分学生心灵深处的真善美受到了不同程度的激发，在言行上也发生了明显的变化。
4、设计思路： 如果说母爱是船，载着我们从少年走向成熟；那么父爱就是一片海，给了我们一个幸福的港湾。五月和六月是父母的节日，我们有必要教会学生向父母表达自己的爱。本节课的设计是根据信息技术课程的教学目标、任务和学科特点，从学生终身发展的需要，以普通高中信息技术新课标准为出发点，以“为何做——如何做——动手做”思想进行教学设计，力求充分发挥教学过程中学生的主体作用和教师的主导作用。通过创设情境，激发学生的兴趣和求知欲，再提出学习任务和要求，培养学生自主学习和探究学习的能力，提高学生信息获取、信息加工处理和信息应用的能力，同时也要注重培养学生的创新精神和实践能力。 三、教学过程： （一）情境导入（为何做） （1）教师提问：同学们注意过每天坐在学校门口的那个衣衫褴褛的中年妇女吗？（给学生讲述身边的一个真实的母爱故事） （2）教师展示：播放flash作品《母亲》。 通过听教师所讲的故事和观看动画作品震撼学生的心灵，感受动画的生动、直观及其强大的表现力，引入本节课的主题，激发学生的学习兴趣。 （二）分组讨论（如何做） 教师提问：刚才这个动画中，你看到了哪些对象，听到了什么，他们是怎样呈现的？（再次播放作品） 学生：分小组按照动画的文字稿本展开讨论。 1．动画名称：母亲 2．表达意图：用动画展示母亲的艰辛和劳累 3．文字稿本 出场顺序对象所在图层呈现方式 1 文字由小到大，由文字变成人物图像（例） 请小组同学代表公布他们的讨论结果，对学生讨论结果作出总结，通过PPT展示结论。
动画角色设计教案
教案 一动画角色设计基础理论 （一）动画角色 1、含义：动画中的角色相当于一部影片中的演员，是动 画中以生命形式进行表演的主体，在字义的解释为 Animation character或是Cartoon character。（图 1） 动画角色是能够传达感情和意义的假定形象，是现实生 活中不存在的由艺术家创造的形象。动画角色可以是写 实的人物，也可以是动物、植物，或是没有生命的物体 （如汽车、玩具等），甚至是源于神话的各种形体的排列 组合（如悟空、邪魔等异类角色）。（图2） 动画角色是设计师创造的虚拟的卡通形象，它们源于生 活又高于生活，反映了人们对生活的态度和对理想的追 求。图3 2、分类：动画角色有主次之分：主要角色（主角）的活 动与故事情节主线相连；次要角色（配角）在故事中或 多或少有所涉及，并配合主要角色演绎故事。主角与配 角在动画中均不可缺少。图4 3、动画角色的视觉形象构成：动画角色的视觉形象由静、 动两方面组成：静，以角色造型为主；动，以角色动作 为主。图5
动画角色的造型，除了需要设计角色外部形象外，还要 使其性格特征在外形中显现，通过动作进一步表现角色 的个性。所以完整的动画角色的造型设计是需要动、静 结合，缺一不可的。（这个会在后面的课程详细讲解） 图6 4、制作动画片所需的基本元素：需要故事（剧本）、角 色、场景这三个基本元素。故事是动画片的精髓，故事 乏味的动画片很难引起人们的兴趣与关注；剧本是动画 片的基础，动画片制作的所有环节均围绕剧本展开（图 7）；场景是角色生存和活动的空间和场所，是界定故事 发生的位置和状况的空间，是帮助观众理解故事的重要 元素，也是动画片渲染气氛的重要手段。（图8）（二）动画角色设计 1、概念：动画角色设计是众多艺术造型方式中的一种，是指 综合运用变形、夸、拟人等艺术手法将故事剧本中的动画角色 设计为可视化形象，其目的是要对每一个动画角色赋予感染力 与生命力。（图9） 动画角色的创造需要设计者具有很强的想象力和幽默感，动画 角色夸、随意的表现手法和戏剧性的表演形式是一般的艺术作 品难以企及的。 2、动画角色设计的创意、构思步骤： A：研读剧本，提炼出角色信息：
动画制作教案设计
动画制作 第一节“动画基础知识”（第1课时）共2课时 一、学习目标 知识与技能： 1、了解动画制作的原理及动画技术的发展历程与现状。 2、学会从网上获取计算机动画的常用方法 3、了解常用的动画制作软件，学会用Ulead GIF Animator制作简单的GIF 动画。 过程与方法： 借助Ulead GIF Animator软件将一组相关图片合成动画，理解动画的原理，感受计算机动画技术的优越性，同时获得动画制作中的相关知识，为进一步学习打下基础。 情感态度价值观： 通过了解动画的原理和发展历程，体会中国传统动画的艺术精髓，产生强烈的民族自豪感；通过下载动画素材，增强获取信息的能力，提高欣赏动画的素养；通过了解动画制作软件并尝试制作动画，培养学习动画制作的兴趣。 行为与创新： 用Ulead GIF Animator制作简单GIF动画 二、学习重点难点
重点：动画制作原理 难点：用Ulead GIF Animator制作简单GIF动画 三、学习方法 观看演示、完成任务、自主探究、互帮互助 四、学习过程 1、引入 同学们喜欢看动画吗？你知道动画有那些分类吗？ 老师下面给大家播放三个动画，这三个动画分别对应着动画的两个分类，观看过程中请思考它是哪两个分类。 （播放“跳动的豹子.gif 、“喜羊羊与灰太狼8”、奇妙仙子） 看书第二页第一段落，教师总结： 在制作技术与手段上：传统动画与计算机动画 计算机动画：平面动画与三维动画 动画是如何制作成的呢？ 2、活动 活动1： 教师给出8张豹子图，使用软件Ulead GIF Animator将其拼命在一起，让学生观察效果。
总结动画原理：利用人眼具有“视觉暂留”的特性，让一系列渐变的图像在前一幅图像还没有消失前显示出下一幅图像，形成了动态的影像。 得出结论：动画是将一张张静态的图片通过软件连续地播放，产生影像的动态效果。 活动2：看看可以提供动画素材的网站。 看书并上网实践 活动3：下载GIF动画，并观察动画 下载flash动画 3活动4：阅读动画历史的材料，了解动画发展历史 中国动画发展历程（补充学习） 20世纪中国的动漫产业先驱万氏兄弟（万籁鸣、万古蟾、万超尘、万涤寰）就开始研究动画制作,第一部中国自制的人画合演出的《大闹天宫》就是他们制作的,1936年,中国第一部有声动画《骆驼献舞》问世。1941年，受到美国动画的影响，制作了中国第一部大型动画《铁扇公主》，在世界电影史上，它是名列美国《白雪公主》、《小人国》和《木偶奇遇记》之后的第四部动画艺术片，标志着中国当时的动画水平接近世界的领先水平。 1947年，我国制作了第一部木偶动画《皇帝梦》 1958年，拍摄了第一部剪纸动画《猪八戒吃西瓜》 1960年，完成了第一部水墨动画《小蝌蚪找妈妈》
flash 动画制作实例
Flash动画实例操作步骤： 一、绘图工具的应用例 1.电子贺卡制作步骤 2.长方体的绘制 3.金属质感小球的绘制： 1)新建文件并设置舞台的属性为500*300； 2)打开填充面板，选择放射式渐进色，并设置从左到右四个RGB调节钮RGB 值为：R：255 G：255 B：255 R：255 G：255 B：255 R：0 G：0 B：0 R：203 G：203 B：203 并保存此颜色选择圆形绘图工具，按住SHIFT键在舞台上绘制一个正圆，删除边框线； 3)在调色板的填充色中选2）中的颜色填充 4)移动渐变色的中心点和改变渐变色的形状 5)新建一层 6)用2到4同样的方法在新层上画小球，其位置与第一层重叠，可以第一层锁定。 其设定的渐变色为R：255 G：255 B：255 alpha：0% R：255 G：255 B：255 alpha：63% 二、动画 1.帧并帧动画 1)写字动画（p363的1到8步写“休”字的写字动画） 2.形变动画： 1)本例制作一段物体由一种形状平滑过渡到另一种形状的动画效果（如直线延长 动画）。下面以三角形变圆为例： 1.新建一个文件，在工具箱中选择直线工具，在场景中绘制作一个三角形。 2.单击工具箱中的油漆桶工具，然后单击填充色按钮，选择一种填充色。这 里，我们选择一种渐变填充色来填充三角形。 3.用鼠标分别选中三角形的3条边线，将它们删除，由此得到位于第1帧的 图形。 4.单击第一层的第20帧，然后按F7键，在此插入一个空白关键帧。在工 具箱中选择椭圆工具，单击框线颜色按钮，再单击按钮，将框线设为无色。 单击填充色按钮，选择一种渐变填充色，然后绘制一个带渐变填充色的圆 形。 5.单击选取第1帧，然后单击快速启动工具栏上的实例面板按钮，打开实例 面板。单击帧标签，选择形变下拉列表中的形状变化选项。 2)添加形状提示点的形变动画： 1.P368页的1到8步（大写“T”变大写“H”） 2.折叠动画（可以依据这个动画作翻书动画） a)新建文件并设置背景色为R：132 G：140 B：206 宽：500 高：350。 b)导入背景图片，锁定本层 c)添加一层，绘制矩形名为ABCD，并填充为白色，透明度为30%,外 框线为1.5的白色线条，画折痕线EF。 d)选择图形EFCD按下CTRL+G键进行组合。选择图形ABEF按下 Ctrl+X键，剪切它，新建一层,按Ctrl+Shift+V原地粘贴（注意：EF
计算机动画制作教案
盐城交通技师学院 公开课教学设计 课程名称彭大柱 章节名称计算机动画制作 授课对象平面1301 授课学期 2014年春学期 授课教师彭大柱 所在教研室专业一组 4.3计算机动画制作教学设计 一.教学内容： 本节课内容为《多媒体技术应用》（选修）第四章4.3节计算机动画的制作第1课时。 二.内容分析： ??? 本课内容是计算机动画制作的基础，以Flash为例学习了计算机动画的制作工具，介绍了动画制作的基本流程。让学生了解Flash 动画制作的原理，体会并理解Flash 中帧、图层、动画以及元件的概念。教学中培养学生的动手能力和创新意识，同时增强学生的信息素养。以熟练运用Flash 中的各种工具的操作为基本技能训练。重点是掌握Flash 动画中的几个基本概念，如帧、图层，难点是对图层的理解。 三.学情分析：
本节课的教学对象是高二的学生，在高一已经有了一定的基础，在前面两节课中，学生已经学习了动画的定义、视觉特征、分类、动画制作的步骤，以及计算机动画制作的基本原理。本节课将以Flash为例学习制作计算机动画的基础知识，通过一些简单动画的制作让学生掌握帧，图层，元件等基本概念，为学生自己动手制作动画预备知识。如何进行Flash动画制作，制作出符合自己需要的动画是学生非常迫切知道和掌握的，学生这种强烈的求知欲望成为学习本课的强大动力，为本课的学习打下了良好基础。 四.教学目标： 知识目标：1.熟悉Flash操作界面及工具箱的用法 2.理解Flash动画中的几个基本概念：帧，图层，动画，元件 3.了解Flash制作动画的基本流程 能力目标：掌握flash动画中的基本概念，能够制作几个简单的动画，培养自主学习与协作学习能力。 情感目标：1.培养学生积极探索，敢于实践、大胆创新的精神和意识； 2.培养学生尊重他人，发现别人长处，欣赏他人，相互学习的良好品质； 五.重点难点： 重点：掌握Flash 动画中的几个基本概念，如帧、图层、动画、元件。 难点：图层的理解和引导层的理解。 六.教学准备： 硬件准备：网络教室（一人一机）
动画《场景设计》教案
北京工业大学艺术设计学院 教案 2009—2010学年第二学期 部系 课程名称 授课时数 选用教材数字媒体艺术设计系 《场景设计》授课班级 授课日期动画2010年5月10日— 2010年5月19日每周16学时*周数2（再加周全专业课时）=总课时32自编讲义为主 《影视动画场景设计》编著： 韩笑海洋出版社 通过大量具有时效性的动画场景案例分析和动画场景设计的系统理论讲授，课上练习与作业辅导、讲评。 上课方式 教学内容 本课程的主要内容讲授影视动画场景设计概念及任务，场景在动画影片中的功能与特性，动画场景的专业要求、构思方法，动画场景的空间构成、转场变化，动画场景的色彩与光影的气氛处理，动画场景的陈设道具表现意义，场景设计图的制作，场景镜头画面的透视表现等动画场景系统专业理论与射击训练相结合。 课程效果完成动画场景和道具设计。
课程重点、难点 动画场景的专业要求、构思方法。 动画场景的空间构成、转场变化，内景和外景的设计。 动画场景的色彩与光影的气氛处理。 动画场景的陈设道具表现意义。授课顺序第1页场景设计 第一章影视动画场景设计概念 第一节“场景”与“背景” 背景是指图画上衬托的景物。 背景中“背”是背后的意思，是空间的概念。“景”是景物的意思，也是空间的概念。而场景是指戏剧、电影中的场面。场景中“场”是戏剧电影中较小的段落，故事中一个片段的意思，是时间的概念。“景”是景物的意思，是空间的概念。 所以“背景”指的是后面的空间，而“场景”则指的是时间中的空间。 第二节概念、任务 影视动画场景设计就是指动画影片中除角色造型以外的随着时间改变而变化的一切物的造型设计。 动画影片的主体是动画角色。 场景就是随着故事的展开，围绕在角色周围，与角色发生关系的所有景物，即角色所处的生活场所、陈设刀具、社会环境、自然环境以及历史环境，甚至包括作为社会背景出现的群众角色，都是场景设计的范畴，都是场景设计要完成的设计任务。 第二章场景在动画影片中的功能 一、交待时空关系
《动画基础知识》教学设计
《动画基础知识》教学设计 知识与技能：1、了解动画的制作原理和动画的分类。 2、了解从网上获取计算机动画的方式。 3、学会利用ulead GIF Animator 软件制作简单的GIF动画。 过程与方法：通过观看动画片，动手体验等环节，帮助学生了解动画的分类和理解动画的制作原理；通过学生交流和讨论，了解从网上获取计算机动画的方式。让学生利用ulead GIF Animator软件制作一个动画，感受计算机动画技术的优越性，学习动画制作的相关知识。 情感、态度与价值观：1、增强学生利用网络获取信息的能力。2、提高学生自学和探究的能力，培养学生学习动画制作的兴趣。 重点：动画原理的理解GIF动画的制作难点：GIF动画的制作 三、教学设计说明：动画片深受学生的喜爱，但是学生对于动画的基础知识和制作原理、制作方式的知识是比较缺乏的。因此本节课充分地发挥学生了的积极性，让学生随着学案所设置的环节，解决一个又一个的问题。而学案则是在尊重学生解决问题的思维过程方式的基础上设置的，注重学生的学习体验和情感的体验。整节课以学生为主体、教师为主导的架构下，搭建以生为本的情景学习平台，帮助学生自学、交流讨论、深入探究，以不断的解决问题为手段，一步步完成学习任务。 四、教学过程：（一）设置情境，引入课题 师：同学们喜欢看动画片吗？ 生：喜欢。 师：看来大家都非常喜欢看动画片，然而你们对动画片了解多少呢？今天这节课我们就一起走进动画的世界来学习动画的基础知识。 设计意图：动画片深受学生的喜爱，师抛出问题，激发学生的学习兴趣。 （二）新课学习环节一：观看动画片段，了解动画分类。 师：请同学们欣赏《哪吒脑海》、《海底总动员》两部动画片的片段，对比两部动画片各有什么特点及不同之处？ 播放片段，介绍《哪吒脑海》为我国一部优秀的传统动画片及中国动画片的悠久历史。《海底总
高中信息技术 Flash动画制作教案 1
FLASH中遮罩动画的制作 ——高中信息技术选修模块内容 一、基本说明 教学内容 1）教学内容所属模块：多媒体设计 3）所用教材出版单位：上海科技教育出版社 4）所属的章节： 5）学时数：45分钟 注：目前尚未拿到该课程的教材和教参 二、教学设计 1、教材分析及教学调整： FLASH作为目前最受欢迎的动画制作软件，能够很方便的做出各种动画效果，遮罩动画就是FLASH中的一种重要的动画类型，但是由于涉及到图层的操作，以及对遮罩概念的理解，需要学生在学会简单的遮罩效果后，自己总结，进一步深入理解复杂的遮罩效果。 由于一直没有高中信息技术选修模块的教材和教学参考，只能根据新课程的整体要求对课程进行设计，目的是让学生体会遮罩层强大功能，并能设计出一些效果特别的作品。 2、教学目标： 知识与技能：通过对遮罩图层的学习，让学生掌握遮罩图层建立的基本方法和常用的操作技巧，进一步深化对FLASH运用软件的认识，拓展学生的知识和能力。 过程与方法：学生通过制作探照灯动画、水中倒影动画等过程的学习，从而能更好的掌握和理解遮罩图层的含义。 情感态度、价值观：利用上机分组实践操作及作品评价，充分激活学生探究思维和创新思维，同时培养学生的协作精神。 3、教学重点、难点： 重点：了解遮罩图层含义及遮罩的制作过程，掌握遮罩的制作方法。 难点：理解遮罩层与被遮罩层的关系，灵活利用遮罩图层创作特殊的显示效果。 4、教学对象分析： 教学对象为高一年级学生，针对高中信息技术课操作性强的特点，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解遮罩动画的制作过程。
《动画作品设计制作》教案
动画作品设计制作》教案 第1 课时 教学目标： 1、了解动漫概念和动画原理； 2、通过对动画片的欣赏，激发学生对动漫制作产生浓厚的兴趣。 教学重点：了解动漫概念和动画原理。 教学难点：欣赏Flash 动画，了解电脑动画原理。 教学准备：Flash 软件、教学光盘资源及教学课件。 教学过程： 一、设置情景，导入新课 师：你们听过《大闹天宫》的故事吗？生讲故事。 你们是怎么知道这个故事的？学生欣赏电脑动画作品。师：今天我们一起来走进动漫世界吧！二、新授 1、动漫的概念：动画和漫画的简称。 2、动画原理：动画是利用“视觉残留”的原理，通过快速播放一系列连续的画面，使人产生运动或变化的感觉。 3、初步认识动画。 （1）动画的分类； （2）传统动画与电脑动画的区别？（学生自由讨论，教师归纳小结） 4、动画的历史及形成 皮影是动画的一种古老形式，原始的动画是一张一张画出来的，经过快速的播放，形成连续的动作。人的眼睛有视觉残留的现象，看到的物体的形象在1/24 内不会消失，所以每秒播放24 张以上的连续画面动作，看起来是连续的动作也就是动画片。 5、制作简单的传统动画 在书本的页脚上画一个花心，在下一张的书角上留下印痕，画好这个印痕再多画一个花瓣，如此每页多画一个花瓣，画满为止。用手轻轻滑过，在眼前就会形成动画，这就是古老动画片的制作方法。 三、欣赏Flash 动画学生上机实践： 启动Flash播放器，打开G:动画素材，欣赏电脑动画作品。
四、课堂小结 通过这节课的学习，动漫对同学们已经不再神秘，你想拥有自己心爱的、能展示自己个性的作品吗？希望在以后的学习中，同学们可以利用所学知识不断充实自己的作品，在学期结束时，相信同学们都会有很大的收获。 第2 课时 教学目标: 1、认识Flash 动画制作软件，学会在Flash 播放器中打开、播放与关闭动画。 2、利用Flash 软件制作简单的动画短片，认识逐帧动画。 教学重点: 1、认识Flash 动画制作软件，学会在Flash 中打开、播放与关闭动画。 2、利用Flash 制作简单的动画短片，认识逐帧动画。教学难点:利用Flash 制作简单 的动画短片，认识逐帧动画。教学准备: Flash 软件、教学光盘资源及教学课件 教学过程: 一、导入新课 师:大家对动画有了一定的了解，现在，老师给大家带来了一个动画作品，你们想不想欣赏呀？这节课我们一起来学习如何欣赏和制作Flash 动画，相信通过本节课的学习会带给你意想不到的惊喜。 二、新授 1、提出希望: ①希望大家认真听讲，仔细观察，大胆实践不怕失败。 ②希望大家在实践中遇到困难时主动和同学、老师交流讨论解决问题的方法。能做到吗？ 2、探究新知 ①欣赏动画《狼来了》。 师:要欣赏Flash 动画，需要先在电脑中安装Flash 播放器。教师演示打开Flash 播放器的方法。 师:大家想不想动手播放动画？提示:动画素材文件路径: G: 动画素材狼来了 学生播放，教师巡视。 师：做完了吗，你们会用Flash 播放器播放出动画了吗？下面我教大家用Flash 软件制作一个简单的动画短片，大家注意观察学习。 ②学生观看教师制作利用Flash 制作“龟兔赛跑”逐帧动画短片，同时讲解帧的知识。 学生操作，教师巡视。 选取好的作品提出表扬，指导学生保存作品。