第1章 Flash CS3基础知识 本章要点本章导读本章任务上机实训本章要点1.1 Flash CS3概述 传统动画和Flash动画 Flash动画的优势 Flash动画的应用领域 关于Flash文件 Flash动画的制作流程 学习Flash“三步曲” 1.2 Flash CS3操作界面 菜单栏 工具面板 时间轴 舞台 常用面板 其他面板本章要点1.3 Fl ash 常用术语 对象 帧 图层 场景 元件 实例 动作脚本1.4 Flash CS3 基本操作 启动与退出Flash Flash文件的操作知识拓展 标尺、网格、辅助线的使用本章导读 Flash CS3 是Adobe公司开发的一款集动画设计、Web网页开发等功能于一体的优秀软件。从简单的动画到复杂的交互式Web应用程序,从丰富的多媒 体支持到流媒体FLV视频文件的在线播放,Flash给了人们足够的想象空间和技术支持,可以结合美妙的创意制作出令人叹为观止的动画效果 。本章任务1.了解传统动画与Flash动画的制作原理;2.了解Flash动画的特点和应用领域;3.掌握Flash常用的文件类型;4 .掌握Flash动画制作流程及学习技巧;5.了解Flash CS3工作界面,能熟练进行面板操作;6.掌握Flash的常用术语;7. 掌握Flash文件的基本操作;8.掌握标尺、网格、辅助线的使用技巧。1.1 Flash CS3概述 传统动画有完整的制作流 程,要求绘制者有一定的美术基础,并懂得动画运动规律,但因为工序复杂,制作人员多,导致成本投入非常大。 传统动画原理是一切动画 的基础,Flash二维动画也遵循这个原理,同时对手工传统动画进行了改进,也就是将事先手工制作的原动画输入计算机,由计算机辅助完成描 线上色的工作,并由计算机控制完成记录工作,制作过程变得非常简单。1.传统动画与Flash动画1.1 Flash CS3概述 使 用矢量图形和流式播放技术。画面无论放大多少倍都不会失真,具有体积小、传输和下载速度快的特点,并且可以边下载边播放。 Flash动 画比传统的动画更加灵巧,可以使音效和动画融合在一起,创作出类似电影一样的精彩动画,具有强烈的艺术感。 拥有自己的ActionSc ript脚本语言,可以实现交互性,具有更大的设计自由度。 具有跨平台性和可移植性。无论处于何种平台,只要安装了支持Flash的P layer,就可以保证最终显示效果的一致。2.Flash动画的优势1.1 Flash CS3概述 现在,Flas h的舞台已经不局限于互联网,电视、电影、移动媒体、教学课件、MTV音乐电视等都是它展示的舞台。Flash动画借助这些媒体已经深入人 心,看Flash动画已经成为互联网时代一种新的休闲方式。轻松的幽默剧、好玩的交互游戏、精彩的网站片头、实用的Flash广告、寓教于 乐的Flash课件、美轮美奂的Flash MTV等都是Flash动画的表现形式。 如下图所示的为两副Flash动画的截图。3.Fl ash动画的应用领域 1.1 Flash CS3概述 Fla文件 该文件是Flash中的主要文件类型,它包含Fla sh文档的三种基本类型信息:媒体对象、时间轴和脚本信息。 SWF文件 该文件是FLA的编译版本,是能在网页上显示的文件。 当用户发布FLA文件时,Flash将创建一个SWF文件。 AS文件 该文件指ActionScript文件,用于将部分或全 部ActionScript代码放置在FLA文件以外的位置。4.关于Flash文件1.1 Flash CS3概述 一部动画的制作 如同制作电影一样,无论是何种规模和类型,都可以分为三个步骤:前期策划、创作动画、测试及发布动画。前期策划阶段主要进行一些准备工作, 包括主题的确定、动画脚本的编写、素材的准备等工作。创作动画阶段主要是根据预先编写的Flash动画脚本,对动画的各元素进行造型设计, 在舞台和时间轴中排列这些媒体元素,及添加各种动画效果等。测试及发布动画阶段主要是从内容、界面、素材、性能等多个方面对动画进行测试、 排错,确认没有问题后,将其进行发布,以便在网络或其他媒体中使用。5.Flash动画制作流程1.1 Flash CS3概述 Flash作为一款优秀的矢量动画制作软件,要想快速掌握它的使用方法和技巧,先来了解一下学习Flash的“三步曲”。 步骤1— 要理解Flash最基本的概念:帧、层、时间轴、元件和实例等,深入理解这些概念的功能是掌握Flash的关键。 步骤2—动手做一 些使用属性面板来调整对象的属性的练习。 步骤3—结合自己的创意,开始学习制作实例、一步步进行练习了。6.学习Flash三步曲 1.2 Flash CS3操作界面 启动Flash CS3后,它的操作界面如下图所示,分为菜单栏、工具箱、时间轴、舞台、属性 面板和重叠浮动面板等六个部分。 1.2 Flash CS3操作界面1.菜单栏 菜单栏的外观如下图所示,在编辑文档时,菜单栏中 一共有11个菜单。这些菜单的功能简述如下 : 文件菜单:可以执行创建、打开、保存、关闭和导入导出等文件操作。 编辑菜单:可 以执行剪切、复制、粘贴、撤消、清除与查找等编辑操作。 视图菜单:可以执行放大、缩小、标尺与网格等有关视图的操作。 插入菜单 :可以执行插入新元素,例如帧、图层、元件、场景及时间轴特效等操作。 修改菜单:可以执行元素本身或元素属性的变换操作,例如将位图 转换为矢量图,将选中的对象转换为新元件等。1.2 Flash CS3操作界面1.菜单栏 文本菜单:可以设置与文本有关的属性,例 如设置字体、设置字距与检查拼写等。 命令菜单:可以执行与运行程序相关的操作,可以管理和运行命令,实现批处理的目的。 控制菜单: 可以执行影片测试有关的命令,例如测试影片、测试场景、播放与停止等。 调试菜单:可以调试发现影片中的错误。 窗口菜单:可以对窗口 和面板进行管理,例如新建窗口、展开或隐藏某个面板、将窗口作特定排列等。 帮助菜单:可以提供工作过程的支持。1.2 Flash C S3操作界面2.工具面板 位于工作界面左边的长条形状就是工具箱,工具箱是Flash中最常用的一个面板,用鼠标单击即可选中其 中的工具,如右图所示。1.2 Flash CS3操作界面2.工具面板 执行菜单“编辑→自定义工具面板”命令,打开“自定义工具 栏”对话框,可以自定义工具面板中的工具,可根据需要重新安排和组合工具的位置,如下图所示。 1.2 Flash CS3操作界面3.时 间轴 时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数,它的基本组成如下图所示。1.2 Flash CS3 操作界面3.时间轴 在时间轴面板上,多帧编辑和绘图纸外观模式是在制作动画中最常使用的辅助功能。做动画时,很多时侯都需要参考 当前帧与前后帧的内容来辅助处理当前帧的内容,这个时侯就需要采用绘图纸外观模式来达到这个目的。绘图纸外观模式可以让我们看到当前帧以外 的其他帧的内容,这样就可以方便的对照着进行动画的编辑了,如下图所示即为绘图纸外观及绘图纸外观轮廓的样图。1.2 Flash CS3 操作界面4.舞台 舞台指的是编辑电影画面的矩形区域。使用Flash制作动画就像导演在指挥演员演戏一样,当然要给他们一个演出 的场所,在Flash中称为舞台。真实的舞台由大小、音响、灯光等条件组成,FLASH中的舞台也有大小、色彩等的设置。跟多幕剧一样,舞 台也可以不止一个,如图所示的是一个带有标尺和网格的舞台。1.2 Flash CS3操作界面5.常用面板 默认状态下,在舞台 的正下方和右侧有几个比较常用的浮动面板,如属性面板、滤镜面板和库面板等。只要单击面板的标题栏名称,即可展开该面板,再次单击该标题栏 ,可最小化面板。 (1)属性面板 属性面板用于显示和修改所选对象的参数,它随着所选对象的不同而不同,我们将在后面的章节 中具体应用,如下图所示。1.2 Flash CS3操作界面5.常用面板 (2)滤镜面板 滤镜面板提供了7种滤镜效果,可 以对文字、影片剪辑和按钮进行美化和修饰,使其更有趣味性,如下图所示的为发光滤镜效果的参数。1.2 Flash CS3操作界面5.常 用面板 (3)库面板 库面板用于存储和组织在Flash中创建的各种元件,它还用于存储和组织导入的文件,包括位图图形、声 音文件和视频剪辑等,如图所示。1.2 Flash CS3操作界面5.常用面板 (4)动作面板 动作面板是主要的“开发面 板”之一,是动作脚本的编辑器,我们会在后面的动作脚本章节中具体详解,如图所示。1.2 Flash CS3操作界面6.其他面板 (1)颜色/样本面板组 默认情况下,“颜色”面板和“样本”面板合为一个面板组。“颜色”面板可以创建、编辑“笔触颜色”和“ 填充颜色”,其默认为RGB模式,显示红、绿和蓝的颜色值。“样本”面板中存放了Flash中所有的颜色,单击“样本”面板右侧的按钮,从 弹出的下拉菜单中可以对其进行相关的管理。“颜色/样本”的面板如图所示。1.2 Flash CS3操作界面6.其他面板 (2) 对齐面板 对齐面板主要用于对齐同一个场景中选中的多个对象,如图所示。 1.2 Flash CS3操作界面6.其他面板 (3)信息面板 信息面板可以查看对象的大小、位置、颜色和鼠标指针的信息,而且还可以对其参数进行调整,如图所示。1.2 Flas h CS3操作界面6.其他面板 (4)变形面板 变形面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作,如图所示。 1.2 Flash CS3操作界面6.其他面板 (5)行为面板 利用行为面板,可以无须编写代码即可为动画添加交互性,如链 接到Web站点、载入声音和图像、控制嵌入视频的播放以及触发数据源。通过单击该面板上的添加行为按钮来添加相关的事件和动作,添加完的事 件和动作将显示在行为面板中,如图所示。1.2 Flash CS3操作界面6.其他面板 (6)调试器面板 执行调试影片 命令,可以激活调试器面板,使用该面板可以发现影片中的错误,如图所示。1.2 Flash CS3操作界面6.其他面板 (7)影片 浏览器面板 使用影片浏览器面板可以查看、组织文档的内容,并在文档中选择元素进行修改。用户可以设置或自定义在影片浏览器面板中要 显示文档中的哪些内容,单击“显示”右侧的六个按钮可进行分类显示,如图所示。1.2 Flash CS3操作界面6.其他面板 ( 8)组件/组件检查器面板 利用组件面板,可以查看所有的组件,并可以在创作过程中将组件添加到动画中。 在组件面板中,将组 件拖动到舞台上,可创建该组件的一个实例,选中组件实例,可以在组件检查器面板中查看组件属性,设置组件实例的参数等,组件/组件检查器面 板如图所示。1.3 Flash 常用术语1.对象 对Flash的操作界面有了初步的认识后,在真正动手做动画之前,先了解一下Fla sh的常用术语,好对Flash有一个概念性的了解。在Flash中创建的各种线条、图案、声音元素统称为对象。1.3 Flash 常用 术语2.帧(Frame) 我们知道一段动画(电影)是由一幅幅的静态的连续的图片所组成的,在这里称每一幅的静态图片为“帧”。一 个个连续的“帧”快速切换就形成了一段动画,帧是Flash中最小的时间单位。根据帧的作用区分,可以将帧分为普通帧(包括普通帧和空帧) 、关键帧(包括关键帧和空白关键帧)、过渡帧(包括形状过渡帧和运动过渡帧)三类,如图所示。1.3 Flash 常用术语3.图层(La yer) 图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,就可以透过它直接看到下一层,所以可以根据需要,在不同层 上编辑不同的动画而互不影响,并在放映时得到合成的效果。 在Flash中打开图层属性面板,如下图所示,可以看到图层有普通层、遮罩/ 被遮罩、引导/被引导层这五类。1.3 Flash 常用术语4. 场景(Scene) 电影需要很多场景,并且每个场景的对象可能 都是不同的。与拍电影一样,Flash可以将多个场景中的动作组合成一个连贯的电影。场景的数量是没有限制的,可以通过场景(Scene) 面板来完成对场景的添加/删除操作,并可以拖拽其中各场景的排列顺序来改变播放的先后次序,如图所示。1.3 Flash 常用术语5.元 件(symbol) 元件又称作符号,是指电影里的每一个独立的元素,可以是文字、图形、按钮、电影片段等,就象电影里的演员、道 具一样。一般来说,建立一个flash动画之前,先要规划和建立好需要调用的元件,然后在实际制作过程中随时可以使用,如图所示。1.3 Flash 常用术语6.实例(Instance) 当把一个元件放到舞台或另一个元件中时,就创建了一个该图符的实例,也就是说实 例是元件的实际应用。元件的运用可以缩小文档的尺寸,这是因为不管创建了多少个实例,Flash在文档中只保存一份副本。同样,运用元件可 以加快动画播放的速度。1.3 Flash 常用术语7.动作脚本(ActionScript) ActionScript是Fla sh的脚本语言,与JavaScript相似,ActionScript是一种面向对象编程语言。Flash使用ActionScript 给电影添加交互性。在简单电影中,Flash按顺序播放电影中的场景和帧,而在交互电影中,用户可以使用键盘或鼠标与电影交互。1.4 F lash 基本操作1.启动和退出Flash (1)启动Flash CS3 在成功安装了Flash CS3后,便可以启动Fl ash CS3了,常用的方法有两种: 方法一:执行“开始→所有程序→Adobe Creative Suite3→Adobe Flash CS3”命令,进入到Flash CS3的欢迎界面。在欢迎界面中,用户可以在“打开最近的项目”、“新建”和“从模板创建” 三个选项区中进行所需操作。 方法二:双击桌面的上Adobe Flash CS3快捷图标 或双击格式为FLA的文件可以快速启动 Flash CS3。1.4 Flash 基本操作1.启动和退出Flash (2)退出Flash CS3 如果要退出Flash CS 3,可以通过以下三种方法进行操作:方法一:执行菜单“文件→退出”命令,可退出Flash CS3。方法二:单击标题栏右侧的“关闭”按 钮 。方法三:双击标题栏上的Flash CS3图标 ,或者单击该图标,在弹出的控制菜单中选择“关闭”命令,如图所示。1.4 Fla sh 基本操作2.Flash文件的操作 (1)新建文件 启动Flash CS3后,执行菜单“文件→新建”命令或按Ctrl+ N组合键,弹出“新建文档”对话框,如图所示。在该对话框的“常规”选项卡中,可以创建各种常规文件;在“描述”项中,显示了该文件类型的 简单介绍。单击“确定”按钮,即可创建相应类型的文档。 用户也可以使用模板来创建新文档,其方法为:在“新建文档”对话框中,选择 “模板”选项卡,从“类别”列表中选择一个类别,并从“类别项目”列表中选择一个模板文档,即可。 1.4 Flash 基本操作2.Fl ash文件的操作 (2)保存文件 当动画制作好后,需要对文档进行保存。打开“文件”菜单,可以看到保存文档的方法有很多种,如下图 所示。1.4 Flash 基本操作2.Flash文件的操作 (2)保存文件 下面对几种最常用的Flash文档的保存方法进行简单 介绍。 “保存”命令 如果是第一次保存文件,则会弹出“另存为”对话框,在确定保存位置、文件名及类型后,单击“保存”按钮即可。 这儿有两种保存类型:一种是默认的Flash CS3文档(这是默认保存类型);另一种是Flash 8文档(为了和Flash 8兼容) 。如果文件原来已经保存过,则直接选择“保存”命令即可。 “另存为”命令 该命令可将已经保存的文件以另一个名称或另一个位置进行 保存,选择该命令将弹出“另存为”对话框。1.4 Flash 基本操作2.Flash文件的操作 (2)保存文件 “另存为模板”命令 该命令可以将文件保存为模板,这样就可以将该文件中的格式直接应用到其他文件中,从而形成统一的文件格式。选择该命令后将弹出“另 存为模板”对话框,如图所示。 “全部保存”命令 该命令用于同时保存多个文档,若这些文档曾经保存过,选择该命令后系统会 对所有打开的文档再次进行保存;若没有保存过,则系统会弹出“另存为”对话框,然后再逐个进行保存。1.4 Flash 基本操作2.Fl ash文件的操作 (3)打开文件 执行菜单“文件→打开”命令或按Ctrl+O组合键,可弹出“打开”对话框,如图所示。在“查 找范围”下拉列表框中选择要打开的文件的路径,然后选择要打开的文件,单击“打开”按钮即可。1.4 Flash 基本操作2.Flash 文件的操作 (4)关闭文件 执行菜单“文件→关闭”命令或按Ctrl+W组合键,可关闭文档;执行菜单“文件→关闭全部”命令或 按Ctrl+Alt+W组合键,可一次关闭所有文档。 另外,在打开的文档标题栏上,单击“关闭”按钮 ,或单击鼠标右键,在弹出的快 捷菜单中选择“关闭”或“全部关闭”命令,也可以关闭文件。知识拓展标尺、网格、辅助线的使用 1.使用标尺 在Flash中,若 要显示标尺,可以执行菜单“视图→标尺”命令,此时可以将标尺显示出来,如左下图所示。 默认情况下,标尺的度量单位为像素,用户可以对其进行更改。执行菜单“修改→文档”命令,打开“文档属性”对话框,在标尺单位下拉列表中选择一种合适单位即可,如右下图所示。知识拓展标尺、网格、辅助线的使用 2.使用网格 执行菜单“视图→网格→显示网格”命令,可以显示或隐藏网格线,如左下图所示。 另外,用户还可以根据需要对网格的颜色和大小进行修改,还可以设置贴紧至网格及贴紧精确度。执行菜单“视图→网格→编辑网格”命令,在弹出的“网格”对话框中进行相应的设置即可,如右下图所示。知识拓展标尺、网格、辅助线的使用 3.使用辅助线 如果显示了标尺,在垂直标尺或水平标尺上按住鼠标左键并拖动到舞台上,辅助线就被绘制出来了,它的默认颜色为绿色,如左下图所示。 通过执行菜单“视图→辅助线→编辑辅助线”命令,可以修改辅助线的颜色等如右下图所示。上机实训1.上机练习Flash文档的新建、保存、打开与关闭操作。2.熟悉Flash CS3的操作界面,练习各浮动面板的打开与关闭。3.利用学过的动画理论知识,练习制作“森林中的小兔”动画,效果如图所示。 |
|