FlashCS3基础知识与实例教育资料.doc
《FlashCS3基础知识与实例教育资料.doc》由会员分享,可在线阅读,更多相关《FlashCS3基础知识与实例教育资料.doc(93页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第一课 Flash CS3 工作环境Flash CS3 以便捷、完美、舒适的动画编辑环境,深受广大动画制作爱好者的喜爱, 在制作动画之前,先对工作环境进行介绍,包括一些基本的操作方法和工作环境的组织和 安排。 1.11.1 工作环境简介工作环境简介 1开始页 运行 Flash CS3,首先映入眼帘的是“开始页” , “开始页”将常用的任务都集中放在 一个页面中,包括“打开最近的项目” 、 “新建” 、 “从模板创建” 、 “扩展”以及对官方资源 的快速访问。如图 1-1 所示。 图 1-1 开始页 如果要隐藏“开始页” ,可以单击选择“不再显示”对话框,然后在弹出的对话框单击“确 定”按钮。
2、如果要再次显示开始页,可以通过选择“编辑”|“首选参数”命令,打开“首选参数”对 话框,然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。 2工作窗口 在“开始页” ,选择“创建新项目”下的“Flash 文件” ,这样就启动 Flash CS3 的工 作窗口并新建一个影片文档。如图 1-2 所示。图 1-2 Flash CS3 的工作窗口Flash CS3 的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、 工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏” ,自左到右依次为控制菜单按钮、软件名称、当前编辑的文 档名称和窗口控制按钮。 “标题栏”下方是“菜
3、单栏” ,在其下拉菜单中提供了几乎所有的 Flash CS3 命令项。 “菜单栏”下方是“主工具栏” ,通过它可以快捷的使用 Flash CS3 的控制命令。 “主工具栏”的下方是“文档选项卡” ,主要用于切换当前要编辑的文档,其右侧是文 档控制按钮。 “文档选项卡”下方是“编辑栏” ,可以用于“时间轴”的隐藏或显示、 “工作区布局” 的切换、 “编辑场景”或“编辑元件”的切换、舞台显示比例设置等。 “编辑栏”下方是“时间轴” ,用于组织和控制文档内容在一定时间内播放的图层数和 帧数。 时间轴左侧是图层,图层就像堆叠在一起的多张幻灯胶片一样,在舞台上一层层地向 上叠加。如果上面一个图层上没有内
4、容,那么就可以透过它看到下面的图层。 Flash 中有普通层、引导层、遮罩层和被遮罩层 4 种图层类型,为了便于图层的管理, 用户还可以使用图层文件夹。 图 1-3 时间轴“时间轴”下方是“工作区”和“舞台” 。Flash CS3 扩展了舞台的工作区,可以在上 面存储更多的项目。舞台是放置动画内容的矩形区域,这些内容可以是矢量插图、文本框、 按钮、导入的位图图形或视频剪辑等。如图 1-4 所示。 图 1-4 舞台工作时根据需要可以改变“舞台“显示的比例大小,可以在“时间轴”右上角的“显 示比例”中设置显示比例,最小比例为 8%,最大比例为 2000%,在下拉菜单中有三个选项, 【符合窗口大小】
5、选项用来自动调节到最合适的舞台比例大小;【显示帧】选项可以显示 当前帧的内容;【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素。选择工具箱中的【手形工具】,在舞台上拖动鼠标可平移舞台;选择【缩放工具】, 在舞台上单击可放大或缩放舞台的显示;选择【缩放工具】后,在工具箱的【选项】下会显示出两个按钮,分别为【放大】和【缩小】,分别单击它们可在“放大视图工具” 与“缩小视图工具”之间切换,如图 1-5 所示。选择选择【缩放工具】后,按住键盘上的 Alt 键,单击舞台,可快捷缩小视图。图 1-5 缩放工具的选项 图 1-6 工具箱窗口左侧是功能强大的“工具箱” ,它是 Flash 中最常用到
6、的一个面板,由“工具” 、 “查看” 、 “颜色”和“选项”四部分组成。在 Flash CS3 中,工具箱可以自由地安排为单 列或双列显示,单击工具箱上方的三角按钮可以在两种状态之间变换,如图 1-6 所示, 是显示为双列的状态。 多个“面板”围绕在“舞台”的下面和右面,包括常用的【属性】/【滤镜】/【参数】 面板组,还有【颜色】面板组和【库】面板等。 面板是 Flash 工作窗口中最重要的操作对象,下面我们逐一进行介绍。 1.21.2 面板面板 1面板的基本操作 (1)打开面板 可以通过选择“窗口”菜单中的相应命令打开指定面板。 (2)关闭面板 在已经打开的面板标题栏上右击,然后在快捷菜单中
7、选择“关闭面板组”命令即可, 或者也可直接单击面板右上角的“关闭”按钮。 (3)重组面板 在已经打开的面板标题栏上右击,然后在快捷菜单中选择“将面板组合至”某个面板 中即可。 (4)重命名面板组 在面板组标题栏上右击,然后在快捷菜单中选择“重命名面板组”命令,打开“重命 名面板组”对话框。在定义完“名称”后,单击“确定”按钮即可。 如果不指定面板组名称,各个面板会依次排列在同一标题栏上。 (5)折叠或展开面板 单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。(6)移动面板 可以通过拖动标题栏区域或者将固定面板移动为浮动面板。 (7)将面板缩为图标 在 Flash C
8、S3 中,面板的操作增加了一项新的内容,这就是“将面板缩为图标” ,它能 将面板以图标的形式显现,进一步扩大了舞台区域,为创作动画提供了良好的环境。 (8)恢复默认布局 可以通过选择“窗口”菜单中的“工作区布局”|“默认”命令即可。 2 “帮助”面板 “帮助”面板包含了大量信息和资源,对 Flash 的所有创作功能和 ActionScript 语言 进行了详尽的说明。 “帮助”面板可以随时对软件的使用或动作脚本语法进行查询,使用户 更好地使用软件的各种功能。如图 1-7 所示。 图 1-7 “帮助”面板如果从未使用过 Flash,或者只使用过有限的一部分功能,可以从“使用 Flash”选项 开
9、始学习。在其上方有一组快速访问的工具按钮,在文本框中输入词条或短语,然后单击 “搜索”按钮,包含该词条或短语的主题列表即会显示出来。 3 “动作”面板 “动作”面板可以创建和编辑对象或帧的 ActionScript 代码,主要由“动作工具箱” 、 “脚本导航器”和“脚本”窗格组成。如图 1-8 所示。关于此面板的详细应用,我们会在 后面的章节中具体讲解。 图 1-8 “动作”面板 4 “属性”面板 使用“属性”面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性,从 而加快了 Flash 文档的创建过程。如图 1-9 所示。 当选定对象不同时, “属性”面板中会出现不同的设置参数,针对此
10、面板的使用在后面 的课里会陆续介绍。 图 1-9 “属性”面板 5 “滤镜”面板 滤镜对制作 Flash 动画产生了便利和巨大影响,Flash CS3 又新增了复制和粘贴滤镜 的功能,使滤镜的使用达到了前所未有的便捷。默认情况下, “滤镜”面板、 “属性”面板 和“参数”面板组成一个面板组。如图 1-10 所示。针对此面板的使用在后面的章节里会详 细介绍。 图 1-10 “滤镜”面板 7 “对齐”面板 “对齐”面板可以重新调整选定对象的对齐方式和分布,如图 1-12 所示。图 1-12 “对齐”面板“对齐”面板分为 5 个区域:【相对于舞台】:按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方
11、式和分布; 如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。 【对齐】:用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底 对齐。 【分布】:用于调整选定对象的顶部、水平居中和底部分布,以及左侧、垂直居中和 右侧分布。 【匹配大小】:用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。 【间隔】:用于调整选定对象的水平间隔和垂直间隔。 8 “颜色”面板 在 Flash CS3 中已经找不到以前版本的“混色器”面板,替代它的是“颜色”面板, 如图 1-13 所示。用“颜色”面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。默认为 RGB 模 式,显示红、绿和蓝的颜色值, “
12、Alpha”值用来指定颜色的透明度,其范围在 0%100%,0%为 完全透明,100%为完全不透明。 “颜色代码”文本框中显示的是以“#”开头十六进制模式 的颜色代码,可直接输入。可以在面板的“颜色空间”单击鼠标,选择一种颜色,上下拖 动右边的“亮度控件”可调整颜色的亮度。图 1-13“颜色”面板 9 “公用库”面板 “公用库”面板提供了一些公用的元件,包括学习交互、按钮和类。可以通过执行 “窗口”菜单中的“公用库”级联菜单下的相应命令开启它们。如图 1-15 所示是打开的 “按钮”公用库面板。 10 “库”面板 Flash 文档中的“库”可存储用户在文档中使用而创建或导入的媒体资源,还可以包
13、 含已添加到文档的组件,组件在“库”面板中显示为编译剪辑。如图 1-16 所示。 在 Flash CS3 中延用了“单一库面板”功能,可以使用一个“库”面板来同时查看多个 Flash 文档的库项目。 图 1-15 “公用库”面板 图 1-16 “库”面板11, “场景”面板一个动画可以有多个场景组成, “场景”面板中显示了当前动画的场景数量和播放的先 后顺序。当动画包含多个场景时,将按照它们在“场景”面板中的先后顺序进行播放,动 画中的“帧”是按“场景”顺序连续编号的,例如:如果影片中包含两个场景,每个场景 有 10 帧,则场景 2 中的帧的编号为 11 到 20。单击“场景”面板下方的三个按
14、钮可以执行 “复制” 、 “添加”和“删除”场景的操作。双击“场景名称”可以重新命名,上下拖动 “场景名称”可以调整“场景”的先后顺序,如图 1-20 所示。图 1-17 “场景”面板 1.31.3 影片文档的基本操作影片文档的基本操作旅游风光宣传片特效旅游风光宣传片特效对于初步接触 Flash 的读者来说,掌握 Flash CS3 制作动画的工作流程,掌握 Flash 影片文档的基本操作方法是最迫切的一个要求。 1.3 范例简介本例利用时间轴特效制作一个旅游风光宣传片特效,通过这个宣传片特效的制作过程, 让读者了解 Flash CS3 制作动画的整体过程。范例效果如图 1-18 所示。图 1
15、-18 范例效果通过本例的学习,读者主要可以掌握如何新建 Flash CS3 影片文档,如何设置文档属 性,如何保存文件,如何测试影片,如何导出影片,如何打开文件,如何修改文件,认识 Flash CS3 工作环境,认识 Flash 所产生的文件类型以及了解导入位图和设置时间轴特效 等。 1.3.1 制作步骤 1新建影片文档和设置文档属性 (1)启动 Flash CS3,出现“开始页” , 选择“创建新项目”下的“Flash 文件” ,这 样就启动 Flash CS3 的工作窗口并新建一个影片文档。 (2)展开“属性”面板,单击“大小”右边的“文档属性”按钮, 弹出“文档属性”对话框。(3)在“
16、标题”文本框中输入“旅游风光宣传片” ,在“描述”列表框中输入对影片的 简单描述,设置“尺寸”为 600400 像素,设置“背景颜色”为浅蓝色,其他保持默认, 如图 1-19 所示。图 1-19 “文档属性”对话框 2导入位图和设置时间轴特效 (1)选择“文件”|“导入”|“导入到舞台”命令,在弹出的对话框中选择位图(文 件路径:素材第 1 课1.gif) 。接着在弹出对话框中选择“是”按钮,如图 1-20 所示, 把准备好的 3 张风景图片导入到舞台中。图 1-20 导入位图(2)单击选中场景中的图片,选择“插入”|“时间轴特效”|“效果”|“模糊”命令, 在弹出的【模糊】对话框中单击“确定
17、”按钮,完成第 1 张图片的特效制作。按照相同的 方法,为第 2、3 张图片加上模糊特效。 3保存和测试影片 (1)选择“文件”|“保存”命令(快捷键 Ctrl+S) ,弹出【另存为】对话框,指定 影片保存的文件夹,输入文件名,单击“保存”按钮。这样我们就将影片文档保存起来了, 文件的扩展名是 fla。 注意:为了安全,在动画制作过程中要经常保存文件。按 Ctrl+S 键,可以快速保存文件。 (2)选择“控制”|“测试影片”命令(快捷键 Ctrl+Enter) ,弹出测试窗口,在窗 口中可以观察到影片的效果,并且还可以对影片进行调试。关闭测试窗口可以返回到影片 编辑窗口对影片继续进行编辑。(3
18、)打开“资源管理器”窗口,定位在影片文档保存的文件夹,可以观察到两个文件, 如图 1-21 所示。右边是影片文档源文件(扩展名是 fla) ,也就是第(1)步保存的文件。 左边是影片播放文件(扩展名是 swf) ,也就是第(2)步测试影片时自动产生的文件。直 接双击影片播放文件可以在 Flash 播放器中播放动画。图 1-21 文档类型 4导出影片 (1)选择“文件”|“导出”|“导出影片”命令,弹出“导出影片”对话框,指定导 出影片的文件夹,输入导出影片文件名,单击“保存”按钮, 弹出【导出 Flash Player】对话框,如图 1-22 所示。 图 1-22 【导出 Flash Play
19、er】对话框(2)在这个对话框中可以设置导出影片的相关参数。这里我们不做改动,保持目前的 默认参数。单击【确定】按钮,导出影片。导出的影片文件类型是播放文件,文件扩展名 为 swf。 5关闭和打开影片文档 (1)单击影片文档窗口右上角的关闭按钮,关闭影片。(2)在“开始”页面,选择“打开最近项目”下的“打开”按钮,弹出“打开”对话 框。在“查找范围”中定位到要打开影片文件所在的文件夹,选择要打开的影片文件(扩 展名为 fla) 。单击“打开”按钮,这样就把影片文档打开了。(3)按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果,我 们得到一个具备动态模糊效果的位
20、图特效影片。 教学后记教学后记:第二课 绘制基本形状线条是最简单的图形,它是复杂图形的基础。本节中将学习绘制基本形状如三角形、 星星、月亮、十字花、圆环、扇形等的方法和技巧。 2.12.1 绘制三角形绘制三角形三角形的绘制有很多种方法,这里介绍比较常用的两种方法。一是运用线条工具(或 铅笔、钢笔工具)进行线条组合绘制,二是运用多角星形工具直接绘制。首先学习运用线 条工具绘制三角形的方法。绘制步骤如下:(1)选择“文件”|“新建”命令或按快捷键 Ctrl+N,新建一个 Flash 文档。(2)首先绘制一个直角三角形。选择“线条”工具,在“笔触颜色”区域选择笔触颜 色为“蓝色” ,(3)展开“属性
21、”面板,设置笔触高度为“10” ,笔触样式为“实线” ,端点为“方型” ,尖角为“20” ,接合为“尖角” ,如图 2-1 所示。图 2-1 设置线条属性(4)按下 Shift 键,同时按下鼠标左键在工作区中画出一条垂直的直线,接着再画一 条水平的直线,使其与垂直的直线相交。如图 2-2 所示。图 2-2 绘制相互垂直的直线(5)松开 Shift 键,再画一条直接,将垂直线与水平线封闭起来,形成一个直角三 角形。如图 2-3 所示。图 2-3 直角三角形(6)选择“颜料桶”工具,在“填充色”区域选择填充色为黄色,在封闭的三角 形中单击鼠标。填充三角形如图 2-4 所示。图 2-4 填充颜色接下
22、来学习通过复制的方法快速绘制锐角和钝角三角形的方法。(1)单击选择工具箱中的“选择工具” ,在已经绘制好的直角三角形周围拖动框选图 形。(2)按住 Ctrl 键的同时,拖动鼠标快速复制一个三角形。如图 2-5 所示。图 2-5 快速复制三角形(3)在舞台的空白区域单击鼠标取消对图形的选择,接着将鼠标指针靠近三角形的端 点,当指针变为直角时,拖动鼠标改变端点的位置,如图 2-6 所示,完成钝角三角形的绘 制。图 2-6 绘制钝角三角形(4)运用同样的方法可以快速绘制出锐角三角形。绘制完成的效果如图 2-7 所示。图 2-7 绘制好的三角形以上是绘制三角形的第一种方法,即线条组合法,它是通过线条来
23、组合绘制三角形的。 下面学习使用多角星形工具快速绘制三角形的方法。(1)在工具箱的“矩形工具”上按住鼠标数秒,弹出工具下拉列表,在其中选择最下边的“多边星形工具”。如图 2-8 所示。图 2-8 矩形工具下拉列表(2)在属性面板中设置笔触颜色为蓝色,填充颜色为黄色,笔触高度为“10” ,笔触 样式为“实线” ,端点为“方型” ,尖角为“20” ,接合为“尖角” ,如图 2-9 所示。图 2-9 设置多角星形工具的属性(3)单击属性面板中的“选项”按钮,在弹出的【工具设置】对话框中设 置“样式”为“多边形” , “边数”为“3” ,如图 2-10 所示。图 2-10 设置多角星形工具的属性(4)
24、在舞台中拖动鼠标绘制三角形,方向和大小均可以通过鼠标指针来控制。绘制完 成的效果如图 2-11 所示。图 2-11 绘制三角形 2.1.3 绘制星星星星是 Flash 动画作品中比较常见的图形,绘制时一般使用“多角星形工具” ,这个工 具可以任意设置边数、顶点大小等,从而绘制出多种形状的星星。绘制步骤如下:(1)选择”文件”|“新建”命令或按快捷键 Ctrl+N,新建一个 Flash 文档。设置舞 台背景色为黑色,其他参数保持默认值。(2)在工具箱的“矩形工具”上按住鼠标数秒,弹出工具列表框,在其中选择最下边的“多角星形工具”。如图 2-12 所示。图 2-12 选择多角星形工具(3)在属性面
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- FlashCS3 基础知识 实例 教育 资料
限制150内