《flash课程》PPT课件.ppt

一、什么是FLASH？ 二、为什么用FLASH？ 三、FLASH的特点。 四、FLASH的现状。,FLASH 简 介,什么是FLASH?,Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。 它是一种交互式动画设计工具，用它可以将音乐声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。,为什么用FLASH？,第一，FLASH动画一般比较短小，情节和画面上往往更夸张起伏。 第二，FLASH动画具有交互性优势，可以让欣赏者通过点击、选择等动作决定动画的运行过程和结果。 第三，FLASH动画的制作相对比较简单:一套电脑软件，一个人，一台电脑就可以制作出一段有声有色的动画片段。,第四，FLASH动画可以放在网上供人欣赏和下载。 第五，FLASH有新的视觉效果，比传统的动漫更加轻易与灵巧,更加的“酷”。 第六，用FLASH制作动画会大幅度降低制作成本，减少人力，物力资源的消耗。同时，在制作时间上也会大大减少。 第七，FLASH制作的动画可以同时在网络与电视台播出，实现一片两播。,FLASH的特点,1. 使用矢量图形和流式播放技术。 与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。,2、生成的动画(.swf)文件非常小。 通过使用关键帧和元件使得所生成的动画文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且下载迅速，使得动画可以在打开网页很短的时间里就能播放。,3. 把音乐，动画，声效，交互方式融合在一起。 目前Flash已被作为网页动画设计的首选工具，创作出了许多令人叹为观止的动画(电影)效果。支持MP3的音乐格式，并且加入音乐的动画文件仍能保持小巧的“身材”。,4. 强大的交互功能。 通过ACTION和COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与最流行的网页设计工具Dream weaver配合默契，可以直接嵌入网页的任一位置，非常方便。,FLASH的现状,联合创新的老总冯嵘曾提到：“中国有1000万人喜欢看flash，有七八十万人喜欢做flash”。 截至去年年底，全球有超过三亿六千三百万的在线安装用户FLASH PLAYER，即时观看FLASH动画内容。 “闪客”，也指经常使用flash的人。“闪客”这个词源起于“闪客帝国”个人网站。关于闪客，一位研究者这样描述：每当夜幕降临，他们选择了“闪光”，用一种叫Flash的软件，把隐藏在心里那些若隐若现的感觉做成动画，也许是段MTV，也许是段伤感的故事，也许仅仅是一个幽默。这些作品传播到网上，博得大家开怀一笑，或是赚取几滴眼泪。日复一日，乐此不疲。,随着网络多媒体制作技术的发展，音乐、动画、文字实现互相穿插链接已成为一个迫近的趋势，FLASH将会作为一个产业渗透到音乐、传媒、IT、广告、房地产、游戏等各个领域。 过去：FLASH动画驰骋网络世界 现在：FLASH动画走进电视屏幕 未来：FLASH动画深入互动电视,1、动画的制作原理：视觉原理,医学证明:人类具有“视觉暂留”的特性，就是说人的眼睛看到一幅画或一个物体后，在1/24秒内不会消失。 利用该原理，在一幅画还没有消失前播放下一幅画，就会给人造成一种运动错觉。,Flash动画常识,最著名的发明： 1832年： 约瑟夫.柏拉图 幻透镜 1834年： 乔治.霍纳 西洋镜,2、动画的定义,所谓动画，就是指通过以每秒若干帧的速度顺序地播放静止图像帧以产生运动错觉的艺术。,没有运动也可以有动画 物体的形变 物体的色彩变化 环境光强的变化 任何随时间发生的视觉变化都可以归属为动画.,传统动画 也叫手拉的动画, 通过手绘完成，是动画的最旧和历史上最普遍的形式。 传统动画片是用画笔画出一张张不动的、但又是逐渐变化着的连续画面。,3. 动画的类型,计算机动画 指采用图形与图像的处理技术，借助于编程或动画制作软件生成一系列的景物画面。 计算机动画分为：二维动画和三维动画。,1、3ds max 2、Maya 3、 SOFTMAGE1/XSI 4、Lightwave 3D,三维动画设计软件：,Flash动画的分类,逐帧动画,补间动画,交互式动画,重点补充内容,逐帧动画,时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。,逐帧动画在时间帧上表现为连续出现的关键帧，如图所示：,逐帧动画的缺点： 制作过程较为复杂，制作效率非常低，动画占用的空间比较大。,所谓补间动画:是指只要做好开始桢和结束帧的图像，FLASH会自动补上中间的动画过程。,补间动画又分为：动作补间动画 形状补间动画,补间动画,交互式动画,交互式动画是需要通过在Flash动画中增加程序代码的一类动画。 主要用于实现更为复杂逼真的动画效果。, 位图与矢量图,一、 位图 （bitmap）,重点补充内容,1、位图的定义：,也叫点阵图、像素图像。由排列成网格的成为像素的点组成。 位图就好像在巨大沙盘上画的画,从远处看，画面细腻多彩，但当你非常靠近时，就能看到组成画面的每粒沙子以及每粒沙子单纯的不可变化的颜色。,2、位图的优点：,（1）色彩变化丰富； （2）可以改变任何形状区域的色彩显示效果。,3、位图的缺点：,（1）缩放会失真； （2）文件比较大； （3）与输出设备本身的分辨率有关。,二、矢量图 （vector）,1、矢量图的定义： 在数学上定义为一系列由线连接的点。 矢量图就好比画在质量非常好的橡胶膜上的图，不管对橡胶膜怎样的长宽等比成倍拉伸，画面依然清晰，不管离的多近，也不会看到图形的最小单位。,2、矢量图的优点：,（1）文件比较小； （2）缩放不失真； （3）轮廓的形状更容易修改和控制； （4）与输出设备的分辨率无关。,3、矢量图的缺点：,（1）对单独的对象色彩上变化的实现不如位图来得方便直接； （2）支持矢量格式的应用程序较少。, 导出文件类型,1、生成 swf 文件,（1）在制作影片的过程中，可以按Ctrl+Enter键测试影片，程序自动生成；,（2）文件 导出 导出影片,重点补充内容,2、生成图像文件,将Flash文件生成图像文件后，原有的交互式操作与声音就会丢失，只保留当前帧中所示的图像信息，保存的文件格式有GIF、BMP、JPEG和PNG等。,具体操作：,选中图像所在的帧，使图像出现在工作区中，执行： 文件 导出 导出图像,SWF文件,SWF文件是FLASH生成影片的默认文件格式。其优点是：体积小，易于传播。 但播放SWF文件需要指定的播放器，也就是说，如果浏览者的机器中没有指定的播放器，就不能观看影片。,EXE文件,EXE文件就是以.exe结尾的程序文件,它本身自带一个播放程序,不需要另外下载其他程序就可以直接观看影片. EXE文件相对比较大,在浏览下载的过程中会比较慢.,文档选项卡：,“舞台”位于工作界面的正中间部位，是放置动画内容的区域。这些内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。 默认状态下，“舞台”的宽为550像素，高为400像素.,1.3.1 关于舞台,修改文档,FLASH提供了3种辅助工具： 标尺、辅助线、网格 。,1、网格 对于“网格”的应用主要有“显示网格”、“编辑网格”和“对齐网格”三个功能。执行【视图】|【网格】|【显示网格】命令，可以“显示或隐藏网格线”，如图：,执行【视图】|【网格】|【编辑网格】命令，打开编辑【网格】对话框，在对话框中可编辑网格的各种属性。,完成“网格”的编辑后，制作一些规范图形将变得很方便，可以提高工作效率。,2、标尺 使用“标尺”来度量对象的大小比例。执行【视图】|【标尺】命令，可以显示或隐藏【标尺】。舞台的左上角为“标尺”的“零起点”。,执行【修改】|【文档】命令，打开【文档属性】对话框，在【标尺单位】下拉菜单中可选择合适的单位。,3、辅助线 首先要确认“标尺”处于显示状态，在“水平标尺”或“垂直标尺”上按下鼠标并拖动到舞台上，“水平辅助线”或者“垂直辅助线”就被制作出来了，【辅助线】默认的颜色为“绿色”。,在【辅助线】对话框的【对齐精确度】中可设置“辅助线”的“对齐精确度”.,1.3.2 时间轴,1.3.4 使 用 帧,1. 时间轴的显示设置,帧视图,播放头,时间轴是组织动画的地方，主要任务是显示和控制帧。在影片播放时，时间轴上的“播放头”将按照一定的帧速率沿时间线运动，“播放头”经过哪帧，影片就显示哪帧中的内容。在编辑影片的过程中也是如此，场景中仅显示“播放头”所在帧中的内容。,利用“帧视图”可以更改帧在时间轴中的显示方式。 前五项均用于调整帧的显示宽度，默认为“标准”；其中“预览”和“关联预览”，均用于将帧中的对象以缩略图的方式显示；“彩色显示帧”选项，可以使帧从灰色显示变成彩色显示；“较短”选项，可以减少帧单元格的高度。,2. 帧的分类,帧是决定物体运动的核心，是构成一部影片的基础，它决定着影片中的对象何时出现以及对象的运动方式。,1)、关键帧。用实心圆表示，代表该帧中含有对象。 2)、普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。,3)、空白关键帧。用空心圆表示，代表该帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。 4)、一般空白帧。代表空白区域中没有任何对象。 5)、运动渐变帧。用底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。 6)、形状渐变帧。用底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。,7)、错误渐变帧。用虚线表示，代表这个区域存在错误的补间动画。 8)、加入帧标签的帧，标签类型为名称、注释、锚记。 9)、加入声音的帧。 10)、加入脚本语言的帧。,5.1.3 帧的操作,1、插入帧或关键帧,插入 时间轴 帧/关键帧/空白关键帧； 或者在需要插入帧的位置单击右健。 同时选中多个帧，按F6键，可以在选定的位置中同时插入多个关键帧。,2、选择帧或关键帧,选择单个帧，单击即可； 选择多个图层上的多个连续帧，按左键拖动即可。,3、删除和修改帧或关键帧,编辑 时间轴 删除帧； 或者在选中的帧上单击右键。,4 移动帧，选中，按住鼠标拖动； 5 在两个关键帧之间插入多个普通帧，按住Alt键拖动关键帧； 6 编辑 时间轴 复制帧/粘贴帧 7 将关键帧转换为帧： 修改 时间轴 清除关键帧 8 翻转动画序列： 修改 时间轴 翻转帧,1.4 库 面 板,库面板就是一个影片的仓库。所有元件都会被自动载入到当前影片的库面板中，以供用户随时调用。另外，还可以从其他影片的库面板中调用元件，然后根据需要建立自己的库面板。 打开库面板： 窗口 库 （Ctrl+L）,使用库面板,库面板只能自动收集元件、位图、声音以及各种组件，可以通过文件夹来管理这些对象。 库面板包含5类信息：名称、类型、使用次数、链接以及修改日期，分别单击这5个按钮即可按照相应的顺序对库面板中的对象进行排序。,库项目与库文件夹,当库项目繁多时可以利用库文件夹对其进行分类整理，库面板中可以同时包含多个文件夹，但不允许重名。,2、将库项目移出库文件夹，选中将其拖 动到文件夹上方。 6、展开与折叠文件夹，右键列表中选择或直接双击。 4、双击重命名文件夹。 5、文件夹中允许包含下一级子文件夹。 6、删除文件夹将删除它包含的所有内容。,1、将库项目置于库文件夹中，选中将其拖动到文件夹下方。,在影片之间共享库项目,同时打开两个影片，再分别将两个影片的库面板打开，复制粘贴所需的库项目到另一个库面板。,公用库,Flash提供了6个包含大量库项目的公共库：学习交互、按钮、类。 执行：窗口 公共库 注意：公用库中的对象可以被随意调用，但不能在公用库中对库项目进行编辑，若要编辑，需要先将它添加到影片中，然后再在影