第一讲入门基础课件.ppt

第一第一讲讲入入门门基基础础第1页，此课件共29页哦一什么是一什么是FLASHFLASHMacromedia Flash，简称为Flash，是美国Macromedia公司于1999年6月推出的优秀网页动画设计软件，是一种二维动画软件。通常包括Macromedia Flash，用于设计和编辑Flash文档，以及Adobe Flash Player，用于播放Flash文档。2005年Adobe公司耗资34亿美元并购了Mcromedia公司，现称为Adobe Flash，Flash文档的文件扩展名是.fla完成flash创作后，可以采用文件发布命令，创建一个扩展名为.swf的压缩版本，就可以独立播放。第2页，此课件共29页哦二、二、flashflash的历史版本的历史版本FutureSplash Animator(1995)-Flash的前身,由简单的工具和时间线组成 Macromedia Flash 1(1996-11)-Macromedia给FutureSplash Animator更名后为Flash的第一个版本 Macromedia Flash 2(1997-6)-引入库的概念 Macromedia Flash 3(1998-5-31)-影片剪辑,Javascript插件,透明度和独立播放器 Macromedia Flash 4(1999-6-15)-变量,文本输入框,增强的Actionscript,流媒体MP3 Macromedia Flash 5(2000-8-24)-Javascript,智能剪辑,HTML文本格式 Macromedia Flash MX(2002-3-15)-Unicode,组件,XML,流媒体视频编码 Macromedia Flash MX 2004(2003-9-10)-文本抗锯齿,Actionscript 2.0,增强的流媒体视频,行为 Macromedia Flash MX 2004 Pro(2003-9-10)-包括所有Flash MX 2004的特性,加上Web Services,ActionScript 2.0的面向对象编程,媒体播放组件 Macromedia Flash 8(2005-9-13)Macromedia Flash 8 Pro(2005-9-13)增强为移动设备开发的功能,方便创建Flash Web,增强的网络视频.第3页，此课件共29页哦2005年12月5日,Macromedia被Adobe公司以34亿美元的天价收购其旗下的网页三剑客也归属到Adobe旗下。Adobe Flash CS3 Professional（2007）推出符合OOP的Actionscript 3.0，新的AS3.0对XML的支持达到了100%。Adobe Flash CS3（2007-12-14）Adobe Flash CS4（2008-12）Adobe Flash CS5（2010-4-12）第4页，此课件共29页哦三三FLASHFLASH的特点的特点1.使用矢量图形和流式播放技术。使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。2.通过使用关键帧和图符使得所生成的动画通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。3.把音乐，动画，声效，交互方式融合在一起，把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材。4.强大的动画编辑功能强大的动画编辑功能 使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。第5页，此课件共29页哦四、四、flashflash的功能的功能1、美工设计可以进行图片处理2、动画制作看家本事（MTV、动画小品等等）3、交互游戏另一个重要特性（精致、复杂的FLASH游戏）4、教学课件我们重点讲述的内容5、FLASH网站从HTML升级而来，但功能比HTML强大很多。6、应用程序开发像使用VB一样，制作图形界面的应用程序。第6页，此课件共29页哦 Flash8的通用知识Flash以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排第7页，此课件共29页哦一、工作环境简介一、工作环境简介1 1开始页开始页 运行Flash 8，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近项目”、“创建新项目”、“从模板创建”、“扩展”以及对官方资源的快速访问。隐藏隐藏“开始页开始页”可以单击选择“不再显示此对话框”，然后在弹出的对话框单击“确定”按钮。再次显示开始页再次显示开始页可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“显示开始页”即可。第8页，此课件共29页哦2 2工作窗口工作窗口在“开始页”，选择“创建新项目”下的“Flash文档”，这样就启动Flash8的工作窗口并新建一个影片文档。如图所示。Flash 8的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。Flash 8的工作窗口第9页，此课件共29页哦标题栏菜单栏面板组舞台工具栏时间轴面板属性面板文件选项卡编辑栏第10页，此课件共29页哦“标题栏标题栏”：自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。“菜单栏菜单栏”：在其下拉菜单中提供了几乎所有的Flash 8.0命令项，通过执行它们可以满足用户的不同需求。“主工具栏主工具栏”：通过它可以快捷的使用Flash 8.0的控制命令。“文档选项卡文档选项卡”：主要用于切换当前要编辑的文档，其右侧是文档控制按钮。在“文档选项卡”上右击，还可以在弹出的快捷菜单中使用常用的文件控制命令。“编辑栏编辑栏”：可以用于“时间轴”的隐藏或显示、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。第11页，此课件共29页哦“时间轴时间轴”：用于组织和控制文档内容在一定时间内播放的图层数和帧数。时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。第12页，此课件共29页哦“工作区工作区”和和“舞台舞台”：Flash 8扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素。第13页，此课件共29页哦选择工具箱中的【手形工具】，在舞台上拖动鼠标可平移舞台；选择【缩放工具】，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和【缩小】，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换。选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。第14页，此课件共29页哦窗口左侧是功能强大窗口左侧是功能强大的的“工具箱工具箱”，它是，它是Flash中最常用到的中最常用到的一个面板，由一个面板，由“工具工具”、“查看查看”、“颜颜色色”和和“选项选项”四部四部分组成。分组成。第15页，此课件共29页哦二、面板面板是Flash工作窗口中最重要的操作对象，多个“面板”围绕在“舞台”的下面和右面，包括常用的【动作】面板、【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。第16页，此课件共29页哦 1面板的基本操作面板的基本操作（1）打开面板 可以通过选择“窗口”菜单中的相应命令打开指定面板。（2）关闭面板 在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可。（3）重组面板 在已经打开的面板标题栏上右击，然后在快捷菜单中选择“将面板组合至”某个面板中即可（4）重命名面板组 在面板组标题栏上右击，快捷菜单中选择“重命名面板组”命令，“重命名面板组”对话框定义完“名称”后单击“确定”按钮即可。如果不指定面板组名称，各个面板会依次排列在同一标题栏上。第17页，此课件共29页哦（5）折叠或展开面板:单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。（6）移动面板:可以通过拖动标题栏左侧的控点移动面板位置或者将固定面板移动为浮动面板。（7）恢复默认布局 ：选择“窗口”菜单“工作区布局”“默认”命令即可。第18页，此课件共29页哦2“帮助帮助”面板面板“帮助”面板包含了大量信息和资源，对Flash的所有创作功能和ActionScript语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。第19页，此课件共29页哦 3“动作动作”面板面板“动作”面板可以创建和编辑对象或帧的ActionScript代码，主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。第20页，此课件共29页哦 4“属性属性”面板面板 使用【属性】面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过程。第21页，此课件共29页哦5“滤镜滤镜”面板面板 Flash8新增了功能，大大增强了其设计方面的能力。这项新特性对制作Flash动画产生了便利和巨大影响。默认情况下，“滤镜”面板和【属性】面板、“参数”面板组成一个面板组。第22页，此课件共29页哦三、基本文档操作三、基本文档操作1、新建影片文档和设置文档属性、新建影片文档和设置文档属性（1）启动Flash8，）“开始页”，“创建新项目”下的“Flash文档”，启动Flash8的工作窗口并新建一个影片文档。（2）展开“属性”面板，单击“大小”右边的“文档属性”按钮 ，弹出“文档属性”对话框。（3）在“标题”文本框中输入“文字效果”，在“描述”列表框中输入对影片的简单描述，设置“尺寸”为300200像素，设置“背景颜色”为浅蓝色，其他保持默认，第23页，此课件共29页哦“文档属性文档属性”对话框中参数的含义：对话框中参数的含义：“标题”：设置文档的标题。“描述”：对创建的影片做一些简单的描述。“尺寸”：舞台的尺寸最小可设定成宽1px（像素）、高1px（像素），最大可设定成宽2880px（像素）、高2880px（像素）。另外，系统默认的尺寸单位是px（像素），可以自行输入“cm（厘米）”、“mm（毫米）”和“in（英寸）”等单位的数值，也可以在“标尺单位”中选择。“匹配”|“打印机”：匹配打印机，让底稿的大小与打印机的打印范围相同。“匹配”|“内容”：匹配内容，将底稿缩放成和画面上的对象大小一样。“匹配”|“默认”：使用默认值。“背景颜色”：设置舞台的背景颜色。“帧频”：默认的是12fps。这个速度很适合在网络上播放，一般情况下我们都保持这个帧频。在设计一些特殊效果的课件时，可以更改这个数值，数值越大动画的播放速度越快。“标尺单位”：标尺是显示在场景周围的辅助工具，以标尺为参照可以使我们绘制的图形更精确。在这里可以设置标尺的单位。“设为默认值”：将所有设定存成默认值，下次当再开启新的影片文档时，影片的舞台大小和背景颜色会自动调整成这次设定的值。第24页，此课件共29页哦2、创建文字、创建文字（1）在“工具箱”中选择“文本工具”。在“属性”面板中，设置“字体”为黑体，“字体大小”为45，“文本颜色”为白色，文字加粗显示，其他属性保持默认。（2）将鼠标移向舞台上单击，在出现的文本输入框中输入“基础与实例”。（3）在“工具箱”中选择“选择工具”，拖动文字到舞台中央位置。第25页，此课件共29页哦3、导入素材、导入素材有两种导入方式：（1）第一种导入方式：导入到库文件导入导入到库打开“导入”对话框选择文件导入到库中需要时，把库中的文件拖入到舞台上即可（2）第一种导入方式：导入到舞台 文件导入导入到舞台打开“导入”对话框选择文件直接导入到舞台上。修改大小：修改大小：右单击图片在快捷菜单中选择“任意变形”在图片上可以改变图形的大小和形状第26页，此课件共29页哦4、保存和测试文档、保存和测试文档 保存文档保存文档（1）选择“文件”“保存”命令（快捷键Ctrl+S）弹出【另存为】对话框，指定保存的位置输入文件名单击【保存】按钮即可。文件的扩展名是fla。注意：注意：为了安全，在动画制作过程中要经常保存文件。按Ctrl+S键，可以快速保存文件。测试文档测试文档 （2）选择“控制”“测试影片”命令（快捷键Ctrl+Enter）弹出测试窗口在窗口中可以观察到影片的效果并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。特别注意：特别注意：定位在影片文档保存的文件夹，可以观察到两个文件。左边是影片文档源文件（扩展名是fla），也就是第（1）步保存的文件。右边是影片播放文件（扩展名是swf），也就是第（2）步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。第27页，此课件共29页哦5、导出影片、导出影片（1）选择“文件”“导出”“导出影片”命令弹出“导出影片”对话框，指定导出影片的文件夹输入导出影片文件名单击“保存”按钮 弹出【导出Flash Player】对话框）在这个对话框中可以设置导出影片的相关参数（这里我们不做改动，保持目前的默认参数）单击【确定】按钮导出影片。导出的影片文件类型是播放文件，文件扩展名为swf。第28页，此课件共29页哦6、关闭和打开影片文档、关闭和打开影片文档 关闭：关闭：1）单击影片文档窗口右上角的关闭按钮，关闭影片。打开：打开：2）在“开始”页面，选择“打开最近项目”下的“打开”按钮，弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹，选择要打开的影片文件（扩展名为fla）。单击“打开”按钮，这样就把影片文档打开了。3）按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果。第29页，此课件共29页哦