《多媒体技术 周苏 09-Flash初步》由会员分享,可在线阅读,更多相关《多媒体技术 周苏 09-Flash初步(109页珍藏版)》请在金锄头文库上搜索。
1、第9章 Flash初步,周苏 教授 Z 电话: 13805784515 Q Q: 81505050 http:/ (感悟人生),第9章 Flash初步,在第9、第10章中,我们以Adobe Flash CS4 Professional 10.0 版 (以下简称Flash) 为蓝本,来学习Flash动画的制作原理和方法。,第9章 Flash初步,二维动画制作软件Flash是原Macromedie公司的产品,Macromedie Flash 8是其最后一个版本,编程语言为as 2.0。此后,Adobe公司收购了Macromedie公司。现在Flash的最新版本是Adobe公司出的Adobe Fla
2、sh CS4 Professional,它用的是as 3.0语言,近似于C# 语言。读者可以在因特网上,或者到Adobe的官方网站下载Adobe Flash CS4中文版。,第9章 Flash初步,9.1 Flash的特色 9.2 Flash的工作环境 9.3 Flash绘图工具 9.4 实训与思考:Flash与移动渐变动画,9.1 Flash的特色,Flash是一个绘制矢量图形和开发互动式多媒体动画的软件,由于其形成的文件较小,适合网上浏览,在因特网上有着广泛的应用,也越来越多地以独立作品的面目出现。Flash还支持多种业界标准,如HTML、MP3、Unicode、XML和ECMAScrip
3、t等。使用Flash甚至可以创建完整的动态站点,包括内容显示、数据库连通以及视频调试等等。,9.1 Flash的特色,Flash包含一组常用的应用程序界面预置组件,包括滚动条、文本域、输入按钮、单选按钮和复选框、列表和组合框等。这些组件构架将大大加快开发速度,而且还可以确保界面组件在多个Flash应用程序中的统一。,9.1 Flash的特色,Flash用户界面包括可折叠的控制面板和属性面板。属性面板可以为当前选定的工具和对象显示关联选项。通过Flash灵活的开发环境,用户可以快速掌握其使用方法。,9.1 Flash的特色,Flash支持导入视频和按流媒体格式播放视频,可以导入的标准视频文件包括
4、MPEG、DV (数字视频) 、MOV (QuickTime电影格式) 和AVI等。对Flash中的视频对象可以操纵、缩放、旋转、偏移、使用遮罩效果、以及通过移动渐变实现动画等,还可以添加脚本使它们产生交互。,9.1 Flash的特色,Flash用户界面中的Answers (答案) 面板可以直接连接到开发工具,为开发人员提供实用信息。 Flash支持10多种语言,Flash创作工具和Flash播放器包含集成的Unicode字符标准支持,允许在演示内容中使用多种语言,而不必改变计算机的本地语言设置。对于多语种内容来说,用户不再需要嵌入字体外框,文件量也因此而显著减小。,9.1 Flash的特色,
5、Flash Player可以在运行时动态载入JPEG图像和MP3声音。这样可以优化文件量,也更容易对内容进行修改。Flash Player是网络上流行的播放器,绝大多数人通过操作系统平台来浏览Flash Web内容。凭借Flash Player、Flash开发环境和新的服务器技术等优势,应用程序开发人员可以建立新一代的Web应用程序。,9.2 Flash的工作环境,在Windows的“开始”菜单中,选择和启动Flash软件,屏幕显示Flash工作界面如图9.1所示。,9.2 Flash的工作环境,选择新建Flash文件类型为“Flash文件 (ActionScript 3.0) ”,屏幕进一步
6、显示Flash的主工作界面如图9.2所示。,9.2 Flash的工作环境,Flash的基本工作界面由标题栏、菜单栏、工具栏、时间轴窗口、工具箱、控制面板 (包括混色器、颜色、组件、组件检查器和行为等面板) 、舞台和工作区、属性面板等组成。,菜单栏,Flash菜单栏中有“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“控制”、“窗口”和“帮助”等子菜单 Flash的绝大部分功能都可以利用菜单栏中的命令来实现,工具栏,Flash工具栏包括主要栏、状态栏和控制器等 主要栏:包含一些常用命令按钮。可以将其移动到窗口中的合适位置上 状态栏:在操作过程中可以通过Flash的状态栏来查看系统对所
7、用菜单命令、工具按钮的各种说明 控制器:浮动出现在窗口中,主要用来控制动画的播放和预览等。可以将控制器移动到窗口中的合适位置上 在“窗口”菜单的“工具栏”命令项下,可选择打开和关闭工具栏各部分,工具箱,默认情况下工具箱放在主操作界面的左侧,可以根据操作需要移动工具箱 工具箱分绘图、查看 (视图) 、颜色和选项各部分 (嵌板) 选项嵌板用来对所选工具的属性做进一步的设置。所选工具不同,相应的工具选项也不同。其中,有一些工具没有调节选项,控制面板,Flash的面板包括控制面板和属性面板两种 在Flash中,有关对象和工具的所有相应参数被归类放置在不同的控制面板中。用户可以根据需要,将相应的面板打开
8、、关闭或移动。默认情况下只显示混色器、颜色样本、动作和组件等面板 通过“窗口”菜单中的命令可打开相应的面板,属性面板,属性面板是一个智能化面板,它可以根据用户当前所选定的工具或在舞台中所选定的对象,自动显示与工具或对象相关联的选项。 例如,单击工具箱中的文本工具时,属性面板将显示如图9.4所示的文本工具属性选项。,属性面板,而在舞台中选定线条对象时,属性面板显示如图9.5所示的线条属性选项。用户可以在属性面板中对工具或对象属性直接进行设置。,属性面板,没有选择对象时,属性面板中显示的是影片的整体属性 (图9.6) 。当在“大小”按钮上单击时,可以修改舞台的设计属性;单击“发布”按钮可以修改影片
9、的输出属性。 属性面板中有几个三角形标记,分别表示属性面板是折叠还是展开的。,时间轴,时间轴 (图9.7) 可以用来对层和帧中的动画内容进行组织和控制,使动画内容随着时间的推移而发生相应的变化。层就像多个电影胶片叠放在一起,每一层中包含着不同的图像,它们同时出现在舞台上。时间轴中最重要的组件就是层、帧、帧标题和播放头。,时间轴,动画中层的名称列表出现在时间轴窗口的左边,每一层中包含的帧出现在层名称的右边。帧标题出现在时间轴窗口的上边,可以显示动画的帧数。时间轴的播放头可以在时间轴中随意移动,指示显示在舞台上的当前帧。播放头有红色标记。 在时间轴窗口的底部还有一个状态栏。该栏显示的是当前帧数、用
10、户在影片属性中设置的帧频以及播放到当前帧所需的时间等。,时间轴,1. 改变时间轴的位置或外观 可以将时间轴窗口拖动到Flash主界面的底部或边缘位置使之固定,也可以使之成为一个独立的窗口或直接隐藏它。 可以重新调整时间轴窗口的大小,改变层和帧的显示数目。如果时间轴中包含过多的层而显示不下时,其右侧将显示滚动块,拖动滚动块即可显示其他层。,时间轴,2. 改变时间轴中帧的显示 用户可以改变时间轴中帧的大小,使用着色的方格来显示帧序列。此外,在时间轴中还可以显示帧内容的缩略图预览,这些缩略图对于了解动画的内容是非常有用的,但是它们需要占用更多的屏幕空间。,时间轴,要改变时间轴中帧的显示,可按以下步骤
11、操作: 1) 单击时间轴右上角的“帧视图”按钮,出现“帧视图”菜单。 2) 在“帧视图”菜单中从以下选项选择: 要改变时间轴中帧的显示宽度,可选择“很小”、“小”、“标淮”、“中等”和“大”。“大”选项对于查看声音的波形细节特别有用。 要降低帧的显示高度,可以选择“较短”。 要使帧显示色彩,可以选择“彩色显示帧”。 要将动画内容缩微显示在时间轴中,可以选择“预览”。这些缩微图可以让用户对整个动画中所有的帧一目了然。 选择“关联预览”命令,将缩微显示动画的第一帧。这对于考察对象的移动变化非常有用。,时间轴,3. 处理时间轴中的帧 在时间轴中,用户可以使用菜单或快捷菜单,按照自己的需要处理帧和关键
12、帧。例如,安排帧中对象的出现顺序、通过拖动关键帧改变渐变动画的长度等。,时间轴,为在时间轴中插入帧,可以执行以下操作之一: 插入一个新帧,可在“插入”菜单中单击“时间轴”“帧”命令。 创建一个新的关键帧,可在“插入”菜单中单击“时间轴”“关键帧”命令。 插入一个新的空白关键帧,可在“插入”菜单中单击“时间轴”“空白关键帧”命令。,时间轴,为在时间轴中删除或修改帧以及关键帧,可执行以下操作之一: 删除帧、关键帧或帧序列,可以先选中所需帧、关键帧或帧序列,然后在“编辑”菜单中单击“时间轴”“删除帧”命令。 移动关键帧或帧序列及其内容,可以将关键帧或帧序列拖动到目标位置。 扩展关键帧的持续时间,可以
13、按住Alt键将关键帧拖动到所需的位置。,时间轴,复制和粘贴帧或帧序列,可以选中帧或帧序列,然后在“编辑”菜单中单击“时间轴”“复制帧”命令,然后选择要粘贴的位置,单击“粘贴帧”命令。 将关键帧转换为普通帧,可以选中该关键帧,然后在“修改”菜单中单击“时间轴”“清除关键帧”命令。,场景,场景是Flash提供的组织动画的工具。例如,第一个场景作为动画的片头,等待全部动画下载完毕再播放下一个场景。当动画中包含多个场景时,Flash将按照“场景”面板中的顺序播放。例如,如果动画中包含两个场景,每个场景包含10帧,则第二个场景中的帧将被编号为第11 20帧。 在“窗口”菜单中单击“其他面板”“场景”命令
14、,可显示场景面板 (图9.8) 。,场景,在场景面板的有下方有3个操作按钮,分别是: 1) 重制场景:重制 (复制) 的场景名为原场景名后加一个“拷贝”字样。 2) 添加场景:默认的名称是“场景”后顺序添加一个数字。 3) 删除场景:删除操作时将弹出一个对话框,提醒用户这个操作是不可恢复的。 使用“场景”面板可以方便地管理场景。单击“场景”面板中任何一个场景名称,将进入该场景的编辑状态。,场景,以下方法可以在各个场景之间跳转: 1) 在“视图”菜单中单击“转到”命令,从中进一步选择要转到的场景。 2) 在时间轴上方有一个“编辑场景”按钮,通过它也可以选择场景。 如果要改变各个场景之间的顺序,只
15、需要在“场景”面板中上下拖动相应的场景名称就可以了。,舞台和工作区,在时间轴的下方是动画编辑舞台 (简称舞台) ,也称为“绘图工作区”。 1. 舞台 舞台是指绘制和编辑图形的区域,它是用户创作时观看自己作品的场所,也是对动画中的对象进行编辑、修改的惟一场所;那些没有特效效果的动画可以在这里直接播放。,舞台和工作区,2. 工作区 工作区是指舞台周围的灰色区域,通常用作动画的开始和结束点的设置,即动画播放过程中,对象进入舞台和退出舞台时的位置设置。,舞台和工作区,3. 标尺 在动画制作过程中,用户可以通过标尺来了解对象在舞台上的位置。当在舞台上移动、缩放或者旋转对象时,左标尺和上标尺将分别出现表示
16、对象的宽度和高度的直线。 在“视图”菜单中单击“标尺”命令,标尺将出现在工作区的左边和上边。,舞台和工作区,标尺刻度的默认单位是像素。为改变标尺刻度的单位,需进行如下操作: 1) 在“修改”菜单中单击“文档”命令,弹出对话框如图9.9所示。 2) 单击“标尺单位”选项右边下拉箭头,在弹出的标尺刻度单位列表中选择即可。,舞台和工作区,4. 网格 如果标尺不足以在绘图中精确定位,还可以设置在舞台中显示灰色网格。这些网格协助绘图,用于精确地对齐、缩放和放置对象。在作品实际发布时,这些网格不会出现。 在“视图”菜单中单击“网格”“显示网格”命令,即可显示网格。,舞台和工作区,通过以下步骤可以对网格线的间距和颜色进行设置: 1) 在“视图”菜单中单击“网格”“编辑网格”命令,打开“网格”对话框 (图9.10) 。,舞台和工作区,其中的网格设置选项包括: 颜色:单击颜色方框,将出现一个调色板,可在其中选择网格线的颜色。 显示网格:选择是否显示网格。 对齐网格:选择是否启用贴齐网格功能。 网格间隔:设置网格之间的