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

二维动画设计与制作主讲人：潘博电子与信息工程学院二维动画设计与制作课程目录第一单元：课程概述第二单元：基本工具的使用第三单元：基本动画制作第四单元：图层的应用第五单元：声音与视频的应用第六单元：使用脚本语言制作交互动画第七单元：动画基础知识与运动规律第八单元：发布与输出第九单元：综合项目制作二维动画设计与制作第一单元：课程概述1.1课程分析与职业素质训导1.2软件初识与入门案例二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导v内容大纲n课程分析n动画概念n动画制作软件n动画应用领域n动画制作基本流程n制作动画要具备的能力n动画作品欣赏n学习材料推荐与学习建议4二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导一、课程分析1.课程在专业课程体系中的地位2.课程标准解读3.授课计划（56学时，每周4学时）4.考核标准（形成性考核、期末网络考核、期末实务考核）5.纪律要求：上课不迟到早退，有事请假。上课不带早餐进教室，不在教室内吃零食。上课不睡觉，不玩游戏，未经同意不上网。5二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导二、动画概念动画是通过连续播放一系列画面，给视觉造成连续变化的图画。它的原理与电影、电视一样，利用了人的“视觉暂留”效应。动画形成的案例（视觉暂留效应用）：美赞臣奶粉广告。广义动画：包括传统动画、UI动效、新媒体动画、小游戏、动态广告、网站动画等形式狭义动画：传统的有故事情节的动画片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移动端小应用程序开发lUI动效8二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导五、动画制作的基本流程剧本（策划）故事板（分镜头）场景设计角色设计动画形成音响输出9二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导六、制作二维动画要具备的能力l对事物的观察能力l软件操作能力l创意能力与表现能力l大量动画的阅读经历10二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导七、动画作品欣赏l网上优秀Animate/Flash动画lAnimate/Flash故事短片欣赏lAnimate/Flash新媒体动画欣赏lAnimate/Flash交互动画欣赏l往届学生优秀作品欣赏11二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.1：课程分析与职业素质训导八、学习材料推荐与学习建议1.学习材料推荐：lAdobe官网https:/ schoolhttps:/ 的安装nAnimate工作界面nAnimate文档类型与文件操作nAnimate入门案例制作n课后练习布置15二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.2：软件初识与入门案例一、Animate 的安装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：软件初识与入门案例三、Animate文档类型与文件操作1.文档类型nHTML5 CanvasHTML5 Canvas是Animate 新增的文档类型，可以使用传统的时间轴、工作区及工具来创建动画内容，而生成的是 HTML5 输出，以便跨平台地发布动画。Canvas 是 HTML5 中的一个新元素，它提供了多个 API，可以动态生成及渲染图形、图表、图像及动画。19二维动画设计与制作在日常生活中，随处都可以看到浪费粮食的现象。也许你并未意识到自己在浪费，也许你认为浪费这一点点算不了什么1.2：软件初识与入门案例三、Animate文档类型与文件操作1.文档类型nWebGLWebGL 是一个无需额外插件而可以在任何兼容浏览器中显示图形的开放 Web 标准。WebGL 完全集成到所有允许使用 GPU 加速进行图像处理的 Web 标准浏览器中，并作为 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