第1章Flash动画制作基础ppt课件.ppt

单击此处编辑母版标题样式,地址,:,北京百万庄大街,22,号,邮编,:,100037,编辑热线,:,[phone],单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,机 械 工 业 出 版 社,CHINA MACHINE PRESS,地址,:,北京百万庄大街,22,号 邮编,:,100037,编辑热线,:,[phone],单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,Flash CS5,动画制作案例教程,教学课件,Flash,动画概述,图像的基础知识,Flash CS5,的工作环境,Flash CS5,的基本操作方法,Flash,专业快捷键应用,本章要点,Flash CS5,动画制作,案例教程,第,1,章,Flash,动画制作基础,1.1Flash,动画概述,1.1.1,动画的概念与制作流程,动画是利用人的“视觉暂留”特性，连续播放一系列画面，给视觉造成连续变化的图画，如图所示。它的基本原理与电影、电视一样，都是视觉原理。,其中，“视觉暂留”特性是人的眼睛看到一幅画或一个物体后，在,1/24,秒内不会消失。利用这一原理，在一幅画还没有消失前播放出下一幅画，就会给人造成一种流畅的视觉变化效果。,1.1Flash,动画概述,制作流程,1.,前期策划与筹备阶段,前期策划包括,选题报告、形象素材筹备，故事脚本（文学剧本）角色与环境设定、画面分镜头初稿、生产进度日程安排图表。,2.,中期创作与制作阶段,主要包括原画、动画、背景绘制、扫描、修线填色、合成及编辑等。原画与动画以及背景主要依靠铅笔和纸绘出草稿再扫描数字化。现在开始使用无纸动画这一制作方式。即使用鼠标、压感笔和数位板。,3.,后期加工阶段,最终将二维动画软件的作品输出为视频文件再对这些视频文件进行一些合成以及剪辑工作就成为了动画片。,1.1Flash,动画概述,1.1.2 Flash,动画及特点,动画短小,Flash,动画受网络资源的制约一般比较短小，但绘制的画面是矢量格式，无论把它放大多少倍都不会失真。,交互性强,Flash,动画具有交互性优势，可以通过单击、选择等动作决定动画的运行过程和结果，是传统动画所无法比拟的。,具有广泛传播性,Flash,动画由于文件小、传输速度快、播放采用流式技术的特点，所以在网上供人欣赏和下载，具有较好的广泛传播性。,轻便与灵巧,Flash,动画有崭新的视觉效果，成为一种新时代的艺术表现形式。比传统的动画更加轻便与灵巧。,人力少，成本低,Flash,动画制作的成本非常低，使用,Flash,制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。,1.1Flash,动画概述,1.1.3 Flash,动画的应用领域,网络广告,注,:,本广告动画来自新浪网,1.1Flash,动画概述,1.13 Flash,动画的应用领域,网站建设,注,:,本图片来自中国网页设计联盟网 浏览网站,1.1Flash,动画概述,1.1.3 Flash,动画的应用领域,网站片头,注,:,本广告动画来自安踏运动鞋网站片头,1.1Flash,动画概述,1.1.3 Flash,动画的应用领域,网站短片,1.1Flash,动画概述,1.1.3 Flash,动画的应用领域,原理演示,1.1Flash,动画概述,1.1.3 Flash,动画的应用领域,原理演示,1.2,图像的基础知识,1.2.1,像素和分辨率,像素是构成图像的最小单位，它的形态是一个小方点。很多个像素组合在一起就构成了一幅图像，组合成图像的每一个像素只显示一种颜色。由于图像能记录下每一个像素的数据信息，因而可以精确的记录色调丰富的图像，逼真地表现自然界的景观。,1.2,图像的基础知识,分辨率是图像处理中一个非常重要的概念，它是指位图图像在每英寸上所包含的像素数量，单位使用每英寸的像素数,PPI,（,Pixels/Inch,）来表示。图像分辨率的高低直接影响图像的质量，分辨率越高，文件也就越大，图像也会越清晰，（,300PPI,）所示，处理速度也会变慢；反之，分辨率越低，图像就越模糊，（,72PPI,）所示，文件也会越小。,分辨率高的图像 分辨率低的图像,1.2,图像的基础知识,1.2.2位图与矢量图,位图又称为点阵图，是由许多点组成，这些点为像素（,pixel,）。当许多不同颜色的点（即像素）组合在一起后，便构成了一幅完整的图像。,位图可以记录每一个点的数据信息，因而可以精确地制作出色彩和色调变化丰富的图像，可以逼真地表现自然界的景象，达到照片般的品质。但是，它由于所包含的图像像素数目是一定的，若将图像放大到一定程度后，图像就会失真，边缘会出现锯齿，如图,1-4,所示。,位图的原效果与放大后的效果,1.2,图像的基础知识,矢量图形也称为向量式图形，它用数学的矢量方式来记录图像内容，以线条和色块为主，这类对象的线条非常光滑、流畅，可以进行无限的放大、缩小或旋转等操作，并且不会失真，如图所示。矢量图不宜制作色调丰富或者色彩变化太多的图形，而且绘制出来的图形无法像位图那样精确地描绘各种绚丽的景象。,矢量图的原效果与放大后的效果,1.3 Flash CS5,的工作环境,从模板创建,新建,学习,打开最近的项目,官方资源的快速访问,开始页,1.3 Flash CS5,的工作环境,面板组,舞台,工具栏,时间轴,菜单栏,文件选项卡,工作区,工作窗口,1.3 Flash CS5,的工作环境,时间轴,工具箱,1.3 Flash CS5,的工作环境,面板演示,“属性”面板,“库”面板,“库”面板,1.3 Flash CS5,的工作环境,面板演示,“信息”面板,“变形”面板,“变形”面板,1.3 Flash CS5,的工作环境,网格、标尺和辅助线,执行“视图”,“网格”,“显示网格”命令，可以显示网格线，如图所示,1.3 Flash CS5,的工作环境,网格、标尺和辅助线,执行“视图”,“网格”,“编辑网格”命令，打开“网格”对话框，如图所示,1.3 Flash CS5,的工作环境,网格、标尺和辅助线,选择“视图”,“标尺”命令，可以显示或隐藏标尺，如图所示,1.3 Flash CS5,的工作环境,网格、标尺和辅助线,标尺状态的辅助线，如图所示。,1.3 Flash CS5,的基本操作方法,1.4.1 Flash,动画的制作流程,1,准备素材,根据动画的内容需要准备一些动画素材，包括音频素材（声效、音效）、图像素材、视频素材等。一般情况下，需要对这些素材进行采集、编辑与整理，以满足动画制作的需求。,2,新建,Flash,影片文档,Flash,影片文档有两种创建方法。一种是新建空白影片文档，另一种是从模板创建影片文档。在,Flash CS5,中，新建空白影片文档有两种类型，一种是“,Flash,文件（,ActionScript3.0,）”，另一种是“,Flash,文件（,ActionScript2.0,）”，这两种类型的影片文档不同之处在于前一个的动作脚本语言是,ActionScript3.0,，后一个的脚本语言是,ActionScript2.0,。,1.3 Flash CS5,的基本操作方法,1.4.1 Flash,动画的制作流程,3,设置文档属性,在正式动画制作之前，要先设置好尺寸（舞台的尺寸）、背景颜色（舞台背景色）、帧频（每秒钟播放的帧数）等文档属性。这些操作要在“文档属性”对话框中进行。,4,制作动画,这是完成动画效果制作的最主要的步骤。一般情况下，需要先创建动画角色，可以用绘图工具绘制，也可以导入外部的素材，然后在时间轴上组织和编辑动画效果。,1.3 Flash CS5,的基本操作方法,1.4.1 Flash,动画的制作流程,5,测试和保存动画,动画制作完成后，可以执行“控制”,“测试影片”命令（快捷键,）对影片效果进行测试，如果满意可以执行“文件”,“保存”命令（或按,）保存影片。为了安全，在动画制作过程中要经常保存文件。按,可以快速保存文件。,6,导出和发布影片,如果对制作的动画效果比较满意了，组后可以导出或者发布影片。执行“文件”,“导出”,“导出影片”命令，可以导出影片。执行“文件”,“发布”命令可以发布影片，通过发布影片可以得到更多类型的目标文件,。,1.3 Flash CS5,的基本操作方法,1.4.1 Flash,动画的制作流程,制作第一个,Flash,影片,1.5,Flash,专业快捷键应用,1.3.1,快捷键指法应用,1,指法介绍,平面设计的中,Flash,软件的快捷键相当丰富，在这里举几个例子来说明快捷键的使用方法与技巧：,快捷键,的功能是选择全部。,操作含义：按下,键不松手，然后按一下,键，最后松开所有按键。,操作要点：按下第一个组合键时不可松手，确保在按下它的前提下，去按第二个组合键，同样在按二个组合键时第一个组合键不可松开。,操作指法（以左手操作键盘，右手操作鼠标为例），如图所示,快捷键的指法操作技巧,1.5,Flash,专业快捷键应用,1.5.2,常用快捷键,表,1-1 Flash,常用工具快捷键一览表,快捷键,功能与作用,快捷键,功能与作用,V,选取工具,A,部分选取工具,N,线条工具,L,套索工具,P,钢笔工具,T,文本工具,O,椭圆工具,R,矩形工具,Y,铅笔工具,B,画笔工具,Q,任意变形工具,F,填充变形工具,S,墨水瓶工具,K颜料桶工具,I,滴管工具,E,橡皮擦工具,H,手形工具,Z,缩放工具,1.5,Flash,专业快捷键应用,1.5.2,常用快捷键,表,1-2 Flash,常用快捷键一览表,快捷键,功能与作用,快捷键,功能与作用,Ctrl+N,新建图形文件,Ctrl+W,关闭当前图像,Ctrl+O,打开已有的图像,Ctrl+A,全部选择,Ctrl+S,保存当前图像,Ctrl+R,导入文件,Ctrl+C,拷贝选取的图像或路径,Ctrl+,放大视图,Ctrl+V,将剪贴板的内容粘到当前图形中,Ctrl+-,缩小视图,ctrl+Z,撤消上一步,Ctrl+B,打散组件,ctrl+K,对齐,ctrl+G,结合群组,ctrl+Shift+Alt+S,导出影片,F12,预览,ctrl+Shift+F12,发布设置,ctrl+F12,发布预览,ctrl+1,显示,100%,F8,转换为元件,ctrl+2,显示,100%,Ctrl+F8,新建元件,ctrl+3,显示全部,F5,插入帧,ctrl+Alt+T,显示时间轴,Shift+F5,删除帧,ctrl+Alt+Shift+0,显示标尺,F6,插入关键帧,ctrl+Alt+Shift+G,显示网格线,F7,插入空白关键帧,ctrl+Alt+G,靠齐,Shift+F6,清除关键帧,ctrl+Enter,测试影片,F9,打开动作面板,ctrl+Alt+Enter,测试场景,Shift+F2,显示,隐藏场景工具栏,1.6 小结,本章介绍了,Flash,动画概述、,Flash,动画及特点、,Flash CS5,的工作环境以及,Flash,的基本操作方法，通过一个实例系统的学习了,Flash,动画的制作导出发布的整个流程。,1.,7,项目作业,作业,谢谢大家,