Flash动画的设计与制作-第一章Flash基础知识

1、动画的设计与制作东北大学 艺术学院 讲师 高路Flash课程计划课程内容备注1Flash入门界面介绍，绘制功能的使用2Flash动画基本原理动画12条原则，小动画3Flash短小动画制作1角色、场景、内容、背景音乐、动作4Flash短小动画制作25Flash MV制作1角色、场景、内容、背景音乐、动作、歌词6Flash MV制作27Flash网站设计按钮、页面效果8Flash游戏设计交互设计9作业展示110作业展示2Flash动画设计及制作 东北大学 艺术学院 讲师 高 路2 知之者不如好之者， 好之者不如乐之者。 Who likes is better than one knows, who

2、 enjoys is better than who likes. 论语雍也第六 3 第一章Flash基础知识 4Flash动画设计及制作 东北大学 艺术学院 讲师 高 路第一章Flash基础知识Flash软件的发展历程Flash软件的特点Flash软件的应用领域Flash动画制作相关矢量图与位图Flash操作界面Flash文件基础操作应用Flash资源Flash的学习方法5Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.1Flash软件的发展历程Flash发展时间列表Future Splash Animator六人组Macromedia公司介绍Aodobe公司介绍6Flash动

3、画设计及制作 东北大学 艺术学院 讲师 高 路1.1.1Flash发展时间列表时间版 本简 介11996年Flash1Macromedia购买Future Splash Animation,更名Flash21997年Flash2Flash引入库概念31998年Flash3增添影片剪辑、JavaScript插件、透明度和独立播放器41999年Flash4增添变量、文本输入框，增强Action Script，流媒体MP3支持52000年Flash5增添JavaScript、智能剪辑、对HTML文本格式支持62002年FlashMX增添Unicode、组件、XML、流媒体视频编码支持72003年Fl

4、ashMX 2004增添文本抗锯齿、Action Script2.0的支持。增强流媒体视频和行为82003年FlashMX 2004 Pro在FlashMX 2004基础上，Web Services、Action Script2.0的面向对象编程、媒体播放组件92005年Flash8增强为移动设备开发功能，方便创建Flash Web，增强网络视频功能。102007年FlashCS3被Aodobe公司收购，首推版本。将AS2.0编程语言更新为AS3.0112008年FlashCS4更换全新用户界面，增添创建角色动画的骨骼工具、支持三维动画等。12FlashCS571.1.1Flash发展时间列表

5、8Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.1Flash软件的发展历程Future Splash Animator六人组9乔纳森盖伊(Jonathan Gay)Future Splash Animator迪斯尼微软Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.1Flash软件的发展历程Macromedia公司介绍 1984年美国芝加哥，MacroMind公司成立。公司致 力于高质量的音频和视频和动画在艺术领域的 软件开发。 1992年MacroMind，Paracomp和Authorware三家 公司合并变成为Macromedia。 2002年发布MX产品线

6、，Macromedia诞生10年。同 时，Flash开始向Mobile进军 10Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.1Flash软件的发展历程Aodobe公司介绍 11Thomas Knoll John Knoll Adobe公司总部 加利福尼亚州圣荷塞市2005年4月18日Adobe以34亿美元收购 Macromedia公司Flash动画设计及制作 东北大学 艺术学院 讲师 高 路Flash的特点Flash被大量应用于互联网网页的矢量动画设计。 因为使用向量运算Vector Graphics的方式，产生出来的影片占用存储空间较小。 使用Flash创作出的影片有自己的

7、特殊档案格式(SWF)， 该公司声称全世界97%的网络浏览器都内建Flash播放器(Flash Player) Flash是Macromedia提出的“富因特网应用”(RIA)概念的实现平台121.2Flash软件的应用领域网页制作网络广告二维动画音乐MTVFlash贺卡Flash游戏Flash相册课件13Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.1网页制作14Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.2网络广告15Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flas

8、h软件的应用领域1.2.3二维动画16Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.4音乐MTV17Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.5Flash贺卡18Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.6Flash游戏19Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.7Flash相册20Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.2Flash软件的应用领域1.2.8课件

9、21Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3Flash动画制作相关Flash动画原理Flash动画制作过程Flash动画类型22Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3Flash动画原理“视觉暂留” Visual staying phenomenon23宋朝 走马灯手翻书连续播放一系列画面，给视觉造成播放的一系列画面Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.1Flash动画原理Flash动画是一种交互动画格式，通过计算机与动画开发软件相结合的制作而成的。24逐帧动画原理逐帧动画，每一帧是一幅画面，一帧一帧显示。显示帧1显示

10、帧2显示帧3Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.1Flash动画原理25渲染并显示帧在播放该动画时，Flash Player将读取这些信息，根据这些信息进行渲染，显示该帧。渲染帧1显示帧1渲染帧2显示帧2Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.1Flash动画原理26脚本动画对脚本动画而言，没有第一帧、第二帧的概念。渲染过程通过代码来完成。每一帧都可以结合需要特定代码。获取初始化信息渲染帧显示帧执行代码Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.2Flash动画制作过程第一步第二步第三步 27构思与创意添加、制作设计

11、素材编辑部合成动画剧本分镜头设计 （故事板）角色设计背景设计前期录音电子故事板动画制作 （原画与动画）动画绘制、上色镜头画面校对配音字幕制作动画校对输出测试调整发布Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.3Flash动画类型补间动画传统补间反向运动补间形状逐帧动画28Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.3.4Flash 动画与传统动画比较29Flash动画传统动画 制作程序简单复杂 参与人员个人/团队团队制作时间短长运营成本低高发布快、广慢特点描述1矢量绘图永远保持清晰2高超的压缩性能小文件，传播快3优秀的交互功能 新的叙事方式Flash动画

12、设计及制作 东北大学 艺术学院 讲师 高 路1.3.5Flash 的三重含义301、FLASH英文本意为“闪光”；2、它是全球流行的电脑动画设计软件；3、它代表用上述软件制作的流行于网络的动画作品。 Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.4矢量图与位图矢量图位图31Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.4.1矢量图矢量图： 是以数学公式来表达内容的图形，图形文件中的每一条险段、每一条颜色都会对应一个数学符号或公式，这些符号或公式会记录线条坐标位置、粗细和颜色等信息。优点：文件小、便于网络传播。缺点：不适合表现色调丰富、变化细腻的内容。32Flas

13、h动画设计及制作 东北大学 艺术学院 讲师 高 路1.4.2位图33位图： 由像素点构成，位图图像的文件需要记录每一个像素点的信息，像素点越大，图像质量越高。优点：色彩丰富、细腻。缺点：文件大，处理慢。在Flash中可以将位图转换为矢量图，进行进一步处理。Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.5Flash操作界面34菜单栏工具箱面板时间轴编辑栏文件标签栏舞台与工作区域主工具栏Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.6Flash文件基础操作应用创建一个全新的文件利用Flash自带的模板新建文件保存文件打开文件关闭文件设置文件属性35Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.7Flash资源素材的导入导入文件的格式36Flash习方法 1.8Flash的学习方法做自己活学活用模仿+创新大量的实例练习勤 奋37Flash动画设计及制作 东北大学 艺术学院 讲师 高 路1.8Flash的学习方法38Flash动画设计及制作 东北大学 艺术学院 讲师 高 路名称网址相关介绍1闪客帝国老牌flash站2闪吧提供各种flash学习资料及素材等。3TOM flash提供各种flash动画的欣赏4蓝色理想flash论坛/forum-4-1.html学习flash编程的理想论坛。5闪维动画著名的flash专业制作团