灵活的交互动画教案（共五篇）

第一篇：灵活的交互动画教案

灵活的交互动画

教学目标:

1、学会使用椭圆工具、任意变形工具、颜料桶工具、文本工具。

2、学会创建并调用按钮元件。

3、学会对按钮元件实例或帧添加简单动作命令。

4、学会根据需要选择命令。

教学重点：创建并调用按钮元件、对按钮元件实例或帧添加简单动作命令。

教学难点：对按钮元件实例或帧添加简单动作命令。教学过程：

一、复习导入：

1、打开上节动画，回顾是如何对元件实例或帧添加简单动作命令的。

2、看动画示例“电子相册”，导入本节内容。

二、学习新课：

1、新建逐帧动画，测试影片。

2、分析如何修改为如示例的相册。（1）先有停止命令。

（2）对按钮的操作应该是“单击后转到下一帧并停止”。

3、引导学生看课本32页的图1-8-11“代码片断”面板，体会其中各项的意思，看有没有对本节动画制作有用的选项。

4、试做动画。

提示：先给帧添加停止命令，测试后再给“下一页”按钮添加命令，测试后再给“上一页”按钮添加命令。

三、课堂练习：

1、刚才只是导入了3-5张图片，现在将其余的图片导入，看看效果如何？

2、如何做到第一张时看不到“上一页”按钮，最后一张时看不到“下一页”按钮？

四、课堂小结：

交互动画是在原来动画的基础上通过帧命令、按钮操作等方法产生信息交互的形式。一般要先创建按钮元件，再给第一帧添加“停止”命令，再根据需要为按钮选择代码片断（其实也是命令）。

第二篇：交互动画式网站设计应用论文

摘要：基于信息化时代背景下，网络的普及性应用以及多媒体技术的不断发展促使交互动画逐渐成为了网络传播的一大主流形式。通过对图像、声音以及视频等的整合处理，能够以多样化的表现形式来实现产品信息的个性化且高效化传递，并强化感官上的刺激以吸引消费者的注意力，强化产品营销的效果。本文首先阐述了交互动画网站的具体设计，其次针对交互动画网站设计的具体应用进行分析，以供参考。

关键词：交互动画；网站设计；应用探讨

计算机动画作为一种全新的交互动画形式，随着互联网应用技术的不断发展而逐渐成为了一种全新的网络信息传播方式，交互动画利用多媒体技术的下的Java等技术手段，通过对声音以及视频图片的整合来实现人与动画间的交互性[1]。

1基于交互动画的网站设计

1.1设计的原则

第一，信息的准确传达性。第二，人性化。第三，适合传播的途径。第四，将艺术性融入到设计的目的性中[2]。

1.2设计的思路

本交互动画设计以服装主题网站为例，在实际设计的过程中，基于这一类型的网站所涉及到的产品类型较多，通过需要明确主次，定位主打服装以强化宣传效果，以设计内容为出发点，需要明确如下三个部分的设计：第一，要从整体出发，实现网站页面的规划设计。需要针对店铺的基本信息、产品的类型、服饰的分类以及搭配等进行页面构架，明确网站页面的特色，凸显出自身的风格特色。第二，单个物品的展示设计。以交互动画形式来展现单个物品，通过真实互动来确保浏览者真实且全面的了解产品。第三，实现页面交互动画设计，包括首页与各级页面。

1.3设计的实现

第一，整体规划设计的实现。指的是实现网站的页面构架的规划，具体落实的过程中，需要实现风格的设计以及具体背景颜色等的填充，进而实现网站页面的个性化设计。在实际设计的过程中采用CorelDraw/Photoshop等软件来进行设计，在定位交互设计平台的基础上，需要首先页面的元素的手绘设计，以此为参照通过相应设计元件来实现效果的设计，以构建出设计蓝图。完成之后需要以Jpeg等文件格式来实现保存，其中PNG保存格式下背景进行透明处理，相应像素与分辨率要符合全屏显示之需。第二，单个物品设计的实现。在落实这一交互设计内容的过程中，一般可以采用三维建模的方式亦或者是二维全景图拍摄的方法来进行，在此基础上来实现二维与三维形式的交互设计，相应设计软件可采用3dsmax/VRToolbox等软件进行设计，在分类处理、调整后实现效果图的输出。具体设计步骤[3]为：首先，在3dsmax中进行建模处理，实现对文件大小的有效控制，在此基础上，以Cult3D来实现3D格式的输出，并加入相应的互动形式，进而到处相应的播放文件进行压缩处理，为发布应用奠定基础。其次，以二维图片进行三维动画拼接的过程中，需要在相应的刻度旋转平台上按照每十度一张凸显来进行图片采集，导入后以相应的修图软件进行图片处理，并转化成相应像素下的文件格式，在此基础上以VR软件来实现全景的拼接，进而制作成影视动画形式下的互动动画。最后，页面设计。包括首页以及各级页面的交互动画设计，这一设计是凸显整个网站风格的关键所在，需要以用户体验需求为出发点，融入设计的艺术与趣味性等，迎合浏览者的审美需求。[4]在具体落实设计的过程中，首先，要设计元素的整合，然后，实现各级页面的具体设计，并确保各级页面中具备单个产品交互动画展示的空间，最后，实现主页面的设计，并制作出相应的导航页面，通过相应语言软件进行编程，调试后来确认最终的效果图。第四，页面整合设计。首先，以Photoshop等软件进行静态页面的制作与修饰，加入文字内容，融入所需插入的交互动画，并确保其格式与大小上符合要求，并进行保存；然后，以Flash软件来实现动画设计，插入相应背景等，并以Dreamweaver软件实现单个物品与网站各级页面的链接设计，最后进行浏览并实现有针对性的调式，以确保交互动画的成功发布。

2基于交互动画网站设计的应用

2.1应用的作用分析

第一，创新产品营销手段。以交互动画设计的应用来实现产品的营销，通过互联网这一媒介能够实现产品信息的高效流通与传播，并以交互动画的独特设计理念来迎合消费者的实际需求。交互动画设计能够进一步细化产品的展示细节，并通过明确的主题与个性化设计理念的融入来吸引浏览者的注意力，进而为产品的营销与推广开辟了新途径。同时，这一设计形式的应用也是对传统网站设计的一种补充，相应信息内容更加的丰富且具体，效果更好。第二，强化信息传递效果。交互动画下通过动画设计与人的有效互动，能够强化消费者的体验感，并在参与的过程中强化与消费者的沟通与交流，进而强化了信息的传递效果。第三，强化了情感上的交流。通过交互动画设计的应用能够通过这一平台来吸引浏览者的注意力，并且以消费者心理需求为出发点的设计理念下能够激发情感的共鸣，通过艺术性与趣味性等进一步融合来强化情感上的沟通与交流。

2.2应用过程中所呈现出的问题与解决对策

第一，应用过程中所呈现出的问题。主要表现在如下两点：一是设计理念不完善，缺乏创新性，且在设计制作过程中技术落实不到位；二是交互动画设计的整体性存在不足，难以体现出交互动画设计的价值，有待进一步的优化与完善。第二，对策。立足于当前网络营销推广发展形势下，交互动画设计的应用要想充分的体现出交互动画的价值，则就需要以设计构思为出发点，把握住整体构思理念，在此基础上，进一步提升设计能力与水平，按部就班的落实各个设计环节，并要突出强调交互动画设计的交互性及趣味性。

3结束语

综上所述，交互动画网站的设计与应用已成为当前网络营销与推广的主要途径之一，在实际落实设计的过程中，需要在明确设计原则的基础上，进行设计的构思与实现，同时要明确网站交互动画应用意义的同时，结合所呈现出的问题来明确总体解决方向，以确保实现网站交互动画的完善设计与应用。

参考文献：

[1]王静.网络广告中交互动画的设计应用研究[D].西安:西安理工大学,2008.[2]朱举英.基于交互学习的精品课程网站设计与开发研究[D].兰州:西北师范大学,2012.[3]汪翠义.基于感性的教育网站页面设计研究[D].芜湖:安徽师范大学,2013.[4]古乐娟.动画制作专题站的设计与开发[D].济南:山东师范大学,2011.

第三篇：动画教案

《综合动画制作》教案

[教学课题]

综合动画制作

[教学目标]

1.知识目标：

（1）了解混色器的各种使用方法；（2）了解直线工具+选择工具的用法；（3）了解引导线动画的动画原理；（4）掌握图层的顺序排列。（5）了解影片发布；

2.技能目标：初步掌握综合动画制作方法与技巧。

3.德育目标：通过教学激发学生探索学习现代科学知识的主动性。

[重点难点]

1.教学重点：混色器的使用 2.教学重点：多图层动画的制作 3.教学重点：影片发布

4.教学难点：引导线动画的制作

[教学方法]

讲授法＋直观演示法＋任务驱动法

[教学手段] 多媒体课件＋课堂直观演示＋课堂练习

[教学时数]

2课时

[教学内容]

一、导语设计（培养学生学习兴趣，引入新课）

1.用动画实例演示： [此处为情景法将学生导入课程]

二、授课内容（突出重点、化解难点）

1、混色器的使用方法

混色器主要是调色，一个动画的美观主要由色彩决定。具体的使用方法：（1）绘制一个图形（闭合图形）（2）选择颜料桶工具

（3）在混色器面板的类型中选择“线性”

（4）在色彩滑块上设置颜色（如何增添色彩、如何删除色彩）

（5）把鼠标移至绘制的闭合图形上，按住鼠标拖动（拖动的起点不同效果不同、终点不同效果不同、拦的线的长度不同效果也不同，建议学生多练习）

2、直线工具+选择工具

（1）选择直线工具

（2）在场景1里绘制一条直线

（3）选择选择工具，将鼠标移上直线，当有一个弧形时可以拖动

3、实例制作

1、渐变图形的制作

（1）新建立一个空白文件

（2）选择矩形工具，前填充色设为蓝色，在“场景 1”里任意绘制一作矩形（3）将绘制的矩形选中，打开“对齐”面板，将其与舞台匹配大小

（4）选择直线工具，在舞台下部约三分之一处绘制一条比较长的直线（直线穿过矩形）（5）从左下角绘制作一条直线（斜线与直线相交）

（6）选择颜料桶工具，并改变颜色，再进行填充上部、左部和右下部。（7）在第60帧处加入关键帧。

（8）那么默认的“图层 1”就可以作为背景了（可以将其锁定）。

2、引导线动画的制作

（9）新建一个图层（即为图层 2）

（10）新建立一个影片剪辑元件，将此元件命名为“太阳”，并进行填充（11）进入” 场景 1”，把元件“太阳”拖进“场景 1”

（12）在“图层 2”的第60帧处插入关键帧。

（13）在“图层 2”的第一帧处设置补间为“动画”，并将“调整到路径、同步、对齐”选中。

（14）新建引导线图层，在引导图层的第1帧处单击鼠标（15）在引导线图层绘制一条斜线，并将其变成弧形。

（16）点击“图层 2”的起点、终点帧，分别把起点终点的元件的中心挂在线上。

3、“太阳”的发光效果

（17）点击“图层 2”和第1帧，再单击“太阳”元件，在属性面板中选择“滤镜”，添加“发光”，进行设置。

4、发布设置 Flash 8可以将文件以多种文件格式输出，这里详细介绍几种常用的文件格式：Flash(.swf)文件、HTML(.html)文件、GIF图像(.gif)文件、JPEG图像(.jpg)文件、Windows放映文件(.exe)和QuickTime（.mov）文件。

学习本节需要重点掌握“发布设置”对话框的使用以及Flash(.swf)文件、HTML(.html)文件和Windows放映文件(.exe)的输出方法。

[指导与训练方案]

1、课堂练习：（培养学生动画制作技能）（1）题目：制作一个情景动画。（2）教师活动：巡视指导

2、点评：（反馈教学效果）

3、小结：这节课我们学会制作综合动画。在日常生活中我们见过很多现象，我们要学会用自己的知识去解释生活中的现象，可以把生活中的细节用我们所学的知识进行展现。

4、作业：（引导学生自学，激发学生探索学习现代科学知识的主动性）制作简单的MTV。

第四篇：动画教案

花瓣动画

一、复习回顾（2-3分钟）

在前面的课程中，我们已经学习了脚本的基本语法结构，了解了脚本应用的基础环境，知道了如何制作简单的游戏动画。请2位同学来回顾一下之前学习的if结构 问题1：if在什么情况下使用

问题2：脚本可以添加在哪些对象上

二、导入新课

1、任务展示（5分钟）

刚才同学们也说了，脚本可以应用在关键帧上，按钮上，除了这两种对象以外，脚本还可以应用在影片剪辑的实例上。如何应用呢，我们先来看一下这个动画效果 教师展示鼠标拖动以及“花瓣动画”的最终效果。

播放的同时提醒学生仔细观察动画效果中 包含哪些元素，分别设置为什么类型比较合适 结束后 提问1位同学

继续深入讨论这种效果能不能用单纯的补间动画来完成，如果不能，在哪里会需要设置脚本，脚本完成的功能是什么？2分钟讨论 教师来进行上述问题解答。

教师分析动画效果的具体设计，提出新旧知识点。该动画主要新知识点： a)如何拖动元件实例 b)如何复制影片剪辑 c)For循环的结构要求

d)影片剪辑上如何添加脚本 任务分解简化

教师展示花瓣动画初级效果。知识点提炼

鼠标的显示隐藏用法 影片剪辑的复制 For循环的语法规则 花朵图形元件的画法

三、任务演示

步骤一：绘制和拖动花朵实例 花朵动画元件的制作（5分钟）直接请学生来制作元件。绘制过程中注意提醒学生课本步骤有小错误，中心点位置必须注意移动。

拖动函数的用法讲解（5分钟）

学生实验1：完成场景布置，花朵图形元件，花朵影片剪辑元件的拖动（10分钟）转播学生机器两到三位

步骤二：复制花朵实例（for循环和复制函数的用法讲解）（10分钟）

花朵元件已经制作完成，也能够拖动了，但是一个花朵实例太单调，我们需要复制更多的实例。讲解for循环和复制函数的结构。如果我们有一些任务是需要重复执行的，可以使用for循环结构，这样们可以设置一个花朵的大小，位置和属性，其他的都可以交给for循环完成。

输入第一帧脚本，观察效果 引导学生发现，第一帧复制以后，并没有出现很多实例，为什么？

启发学生，复制的实例位置需要自己来设定。此时打开第二帧脚本，给1分钟，然后请学生逐行分析功能。（5分钟）学生实验2：添加脚本

提醒学生注意元件实例名称修改，后面不要有空格。（15分钟）

四、拓展升级（10-15分钟）

展示花瓣效果最终效果，引导学生观察，开始的页面，花朵是整齐的排列，比较枯燥，如何而做到花朵随机排放呢。

可以在复制每个实例以后，随机赋予坐标值。

让学生自己实验，观察修改了随机坐标值以后能不能完成预期的效果。（不能）（5分钟）教师讲解解决办法，由于第一帧定义了随机坐标值，第二帧紧接着又重新定义了，所以我们看不到随机的效果，解决的办法就是第一帧能够停住，需要跟随鼠标的时候再整齐排列。那么问题来了，如何在第一帧和第三帧之间定格呢，怎样去控制他们之间的切换呢 可以通过鼠标点击按下来控制 教师演示效果

五、教学总结（5分钟）

归纳课程的知识点，以及学生实验中遇到的问题、拖动函数 复制影片剪辑 For循环

六、展示课外思考效果 动画花瓣的随机跟随

第五篇：动画教案

动画教案

2016上学期教学计划

（一）课程目标：

知识与技能：

1、了解动画片的发展历史、当今的文化潮流、以及动画片的分类、各国动画特色等，培养学生创新精神，体会动画创作的乐趣。

2、知道动画的制作过程，熟悉每一阶段的工作。

3、培养学生对动画绘画的兴趣，欣赏经典动画并进行分析，了解一些动画绘画知识、掌握动画绘画的技巧

4、动画故事情节的编写

5、学习动画绘画突出的形象特点，学习人物脸部、手脚四肢、表情的绘画技巧，动物的绘画方法，背景及中间画的添加。

6、学习拍摄图片并进行电脑合成制作

7、掌握动画制作方法并能独自设计制作简单的动画作品 情感态度与价值观：

1、感受动画艺术的魅力，弘扬现代文化，激发对动画艺术的兴趣，培养审美意识。

2、体验制作动画带来的快乐，获得对动画的制作、创作的持久兴趣，提高学生的绘画造型能力和创新的能力

3、多观察生活，从生活中发现创作素材，进行有创意的、趣味化的构思与表现

4、在动画艺术的制作过程中感受电脑艺术的特色，培养吃苦耐劳、勇于创新的精神。

课程着重点：

本课程既独立成为课程，又是美术教育课程的补充和延伸。要求参与学生热爱美术，具有一定的造型能力。

1、注重对学生审美能力的培养，教学中遵循审美规律，从单纯的技能、技巧学习，拓展到美术文化的学习，多给学生感悟艺术作品的机会，引导学生开展想象，通过欣赏、比较、讨论、创作等方法，引导学生体验、思考、鉴别、判断，努力提高他们的审美情趣，感受现代文化的博大。

2、在制作过程中，注重培养学生的合作精神和良好的意志品质。在教学过程中，为学生创设合作学习的情境，指导合作交流的方法。在制作过程中，鼓励学生战胜遇到的困难，培养耐心、细心的良好品质。

3、学习应从单纯的技能、技巧学习层面提高到美术文化学习的层面，通过创设一定的文化情境，增加文化内涵，加深对艺术的社会作用的认识，树立正确的审美观。

过程与方法：

1、通过欣赏了解动画片的发展历史、当今的文化潮流、以及动画片的分类、各国动画特色，制作过程等。

2、通过欣赏、讲解、示范、指导等方法，初步掌握绘画动画的制作过程。

3、通过小组合作，一起动手创作来掌握动画的制作方法。

4、实际参与到日漫美漫的动画制作中来。

（二）核心课程：

1．设计构成

课程目标：使学生能够掌握平面构成、色彩构成、立体构成等三大构成。要求学生掌握平面设计的基本要素和色彩的正确表现方法，提高三维空间想象能力，综合了解各种抽象的造型语言，结合电脑平面作业，为今后的设计课程打下坚实的理论和实践基础。

2．动画运动规律

课程目标：本课程所讲授的是动画初步制作环节中的一个关键阶段。能使学生具备比较系统的运动规律理念，熟练掌握运动力学原理、动画中常见的运动规律、人物的运动规律、动物动态运动规律、自然形态的运动规律、动画中的特殊运动技巧、典型动画动作欣赏，逐步培养创造运动、表现运动的思维，从而使设计构思到艺术实现的途径更加通畅。为日后的动画制作，尤其是中间画环节，打下良好的基础。

3．PaintMan动画制作

课程目标：PaintMan 是高效率，功能强大的上色工具 PaintMan 用于为描线后的铅笔动画稿上色，或直接通过数字手写板绘制动画，而不通过铅笔稿和扫描。线条和颜色保存在不同的层里，这样在上色时可以保护轮廓线。你可以从多达1千6百万种颜色中选取颜色制作你自己的颜色表。或使用颜色模块，进行高速上色，自动修补断线，颜色替换和轮廓线颜色改变功能。拥有世界第一的自动喷笔工具。PaintMan用于大部分日漫美漫的动画制作，实用性极高。

4．动画剧本创作

课程目标：让学生掌握动画剧本创作的基础知识及工具，编写动画剧本的具体步骤,如何销售动画剧本作品。使那些有抱负的动画作家能够正确面对“白纸”的恐惧,变得对创作动画剧本充满自信,能够按部就班地在动画写作的道路上前进。给学身组织想法所需要的工具,把它们填充成结构丰满的故事,发展有趣的角色,再把所有这些变成专业的剧本。

5.影视编辑

课程目标：有了前面课程的铺垫，学生对于二维动画制作有了一个较为详细的了解。到了这个阶段，更多的是让学生把自己创作的动画合成完整的作品，这里会结合AE PR这些主流影视编辑软件，对学生进行系统的教学。让学生能全面发展，能够独立完成动画片头片尾、配音、字幕这些的工作。

（三）课程安排： 总计300课时，每日6-8课时。具体时间调配以学校规章制度为准。

课程详细课时安排： 设计构成：

课时安排：40课时

课程要求：要求学生熟悉艺术设计的要素与技法，培养学生科学的抽象思维和形象思维方式、感知和创新能力。良好的把握构图。掌握现代构成设计的规律，具有交叉和综合应用的设计表现能力，具有分析、评价优秀设计作品的初步能力。教学重点：点、线、面的本体特征；点、线、面在设计中的运用。色彩的构成、对比、混合。教学使用软件：PS 主讲教师：于辉

动画运动规律：

课时安排：40课时

课程要求：运动规律在动画制作的重要性，数值动画制作原理及制作流程，会用电脑作业绘制简单的连续动作。

教学重点：动画运动的合理性与连贯性，让学生熟知动漫的定义以及分类。教学使用软件：PS 主讲教师：于辉

PaintMan动画制作：

课时安排：150课时

课程要求：要求学生熟练掌握这款主流动画软件，赏析优秀国外动画作品，学习优秀画师的中间画制作。让学生能够亲自体验真正的动画制作。，享受动画制作的快乐。

教学重点：动画运动的合理性与连贯性，让学生熟知动漫的定义以及分类。教学使用软件：Paintman 主讲教师：宋立成

动画剧本创作：

课时安排：20课时

课程要求：作。要求学生认识动画特性、动画种类、动画功能，掌握动画剧本的创作原理、方法和技巧。让学生掌握如何画好分镜。教学重点：概括能力、镜头表现 主讲教师：于辉

影视编辑： 课时安排：150课时

课程要求：明确本课程主要学习内容与学习目的，适当增加作品观摩量，学习在影视编制中进一步严格地控制画面和声音的知识与技巧。赏析各种风格动画片头片尾制作。这一阶段的课程是整个二维动画制作课程的收官课程，除了要学好本课程还要熟悉运用之前的课程进行结合。让每一个学生都能与小组合作完成一部完整的动画作品。

教学重点：熟练掌握剪辑技巧，能够跟着剧情和BGM的律动进行剪辑。详细讲解各类镜头语言的应用。教学使用软件：AE PR 主讲教师：于辉