AnimateCC二维动画设计与制作-第一单元：课程概述.pptx

1、二维动画设计与制作二维动画设计与制作主讲人：潘博电子与信息工程学院二维动画设计与制作二维动画设计与制作课程目录第一单元：课程概述第二单元：基本工具的使用第三单元：基本动画制作第四单元：图层的应用第五单元：声音与视频的应用第六单元：使用脚本语言制作交互动画第七单元：动画基础知识与运动规律第八单元：发布与输出第九单元：综合项目制作二维动画设计与制作二维动画设计与制作第一单元：课程概述1.1课程分析与职业素质训导1.2软件初识与入门案例二维动画设计与制作1.1：课程分析与职业素质训导v 内容大纲n课程分析n动画概念n动画制作软件n动画应用领域n动画制作基本流程n制作动画要具备的能力n动画作品欣赏n学

2、习材料推荐与学习建议4二维动画设计与制作1.1：课程分析与职业素质训导一、课程分析1.课程在专业课程体系中的地位2.课程标准解读3.授课计划（56学时，每周4学时）4.考核标准（形成性考核、期末网络考核、期末实务考核）5.纪律要求：上课不迟到早退，有事请假。上课不带早餐进教室，不在教室内吃零食。上课不睡觉，不玩游戏，未经同意不上网。5二维动画设计与制作1.1：课程分析与职业素质训导二、动画概念动画是通过连续播放一系列画面，给视觉造成连续变化的图画。它的原理与电影、电视一样，利用了人的“视觉暂留”效应。动画形成的案例（视觉暂留效应用）：美赞臣奶粉广告。广义动画：包括传统动画、UI动效、新媒体动画

3、、小游戏、动态广告、网站动画等形式狭义动画：传统的有故事情节的动画片6二维动画设计与制作1.1：课程分析与职业素质训导三、典型二维动画制作软件l 传统专业级：RETAS（如海贼王、火影忍者、机器猫）ANIMO，如埃及王子Softimagel 互联网应用级：Adobe Animate CC（Flash）HTML5+CSS+JavaScriptiH5、易企秀、兔展、MAKA等7二维动画设计与制作1.1：课程分析与职业素质训导四、广义动画的应用领域l 新媒体页面l 网络或电视上的广告动画l 网络或电视上的情节故事短片l 桌面端或移动端的小游戏l 电子贺卡或相册l 辅助教学课件l 简单网站l 移动端小

4、应用程序开发l UI动效8二维动画设计与制作1.1：课程分析与职业素质训导五、动画制作的基本流程剧本（策划）故事板（分镜头）场景设计角色设计动画形成音响输出9二维动画设计与制作1.1：课程分析与职业素质训导六、制作二维动画要具备的能力l 对事物的观察能力l 软件操作能力l 创意能力与表现能力l 大量动画的阅读经历10二维动画设计与制作1.1：课程分析与职业素质训导七、动画作品欣赏l 网上优秀Animate/Flash动画l Animate/Flash故事短片欣赏l Animate/Flash新媒体动画欣赏l Animate/Flash交互动画欣赏l 往届学生优秀作品欣赏11二维动画设计与制作1

5、.1：课程分析与职业素质训导八、学习材料推荐与学习建议1.学习材料推荐：l Adobe官网https:/ Creatjs博客http:/ W3c schoolhttps:/ 去图书馆借一两本实例型的Animate书籍 多去相关的教程网站上学习 多去模仿与练习，并尝试创造13二维动画设计与制作二维动画设计与制作第一单元：课程概述1.2软件初识与入门案例二维动画设计与制作1.2：软件初识与入门案例v 内容大纲nAnimate 的安装nAnimate工作界面nAnimate文档类型与文件操作nAnimate入门案例制作n课后练习布置15二维动画设计与制作1.2：软件初识与入门案例一、Animate

6、的安装nAnimate软件简介nAnimate发展历程nAnimate主要功能、特点nAnimate的安装16二维动画设计与制作1.2：软件初识与入门案例二、Animate工作界面n菜单栏n文档标签n舞台（场景）n时间轴n工具栏n面板组n其它n界面布局的设置与调整17二维动画设计与制作1.2：软件初识与入门案例三、Animate文档类型与文件操作1.文档类型nHTML5 CanvasnWebGLnActionScript 3.0三种文档类型在Animate中的操作方式基本一样，源文件格式都为.fla格式，只是发布的文件类型不一样。18二维动画设计与制作1.2：软件初识与入门案例三、Animat

7、e文档类型与文件操作1.文档类型nHTML5 CanvasHTML5 Canvas是Animate 新增的文档类型，可以使用传统的时间轴、工作区及工具来创建动画内容，而生成的是 HTML5 输出，以便跨平台地发布动画。Canvas 是 HTML5 中的一个新元素，它提供了多个 API，可以动态生成及渲染图形、图表、图像及动画。19二维动画设计与制作1.2：软件初识与入门案例三、Animate文档类型与文件操作1.文档类型nWebGLWebGL 是一个无需额外插件而可以在任何兼容浏览器中显示图形的开放 Web 标准。WebGL 完全集成到所有允许使用 GPU 加速进行图像处理的 Web 标准浏览

8、器中，并作为 Web 页面画布的一部分发挥作用。WebGL 元素可以嵌入其他 HTML 元素中并与页面的其他部分实现合成。20二维动画设计与制作1.2：软件初识与入门案例三、Animate文档类型与文件操作1.文档类型nActionScript 3.0Flash时代的主要文档类型，可以生成集合图像、文本、音视频、动画、交互功能于一体的swf文件，需要flash player插件播放，故在移动端已被弃用，PC端还可以使用。21二维动画设计与制作1.2：软件初识与入门案例三、Animate文档类型与文件操作2.文件操作n新建与打开文件n保存文件n源文件与发布文件的格式n文档类型的转换22二维动画设计与制作1.2：软件初识与入门案例四、Animate入门案例制作n新建文件，设置舞台属性n导入背景图像并设置n绘制地面、山坡和云朵n导入角色并制作其动画n制作角色和白朵的移动动画n导入声音并添加声效n发布文件23二维动画设计与制作1.2：软件初识与入门案例五、课后练习参照案例效果，制作一个小球弹跳的动画或卡通人物行走的动画。24