Flash动画及软件简介讲解ppt课件.ppt
Flash网络动画,艺术与设计学院 董海斌,第一章 Flash网络动画 第一节 互联网第二节 Flash起源第三节 Macromedia 与Flash 第四节 Flash发展,Flash网络动画,第一节 互联网,Flash网络动画,互联网的英文名字是Internet,汉译音为因特网,泛指由多个计算机网络相互连接而成的网络集合,即是一个由各种不同类型和规模的、独立运行与管理的计算机,组成全球范围的计算机网络,组成Internet的计算机网络,包括局域网(LAN)、城域网(MAN)以及大规模的广域网(WAN)等。这些网络通过普通电话线、高速率专用线路、卫星、微波和光缆等通讯线路,把不同国家的大学、公司、科研机构和政府等组织的网络资源连接起来,从而进行通信和信息交换,实现资源共享。I互联网是在20世纪60年代末开始发展起来的,最初是美国用于军事研究的专用计算机网,后建立军用网(MIL-net)及欧洲的军用网。90年代中期,专用计算机网技术的迅速发展,使它变成了一个普及全球的信息网络。1992年以后,随着商业性网络进入互联网,互联网现已成为全球最大的商业电脑网络。我国从1994年4月起正式加入互联网。,在互联网初期,进入大众视野的网页多是平面的、静止地。随着时间的推移,人们已不能满足互联网平面的浏览模式 ,1995年美国人乔纳森.盖伊 (Jonathan Gay)设计出Future Splash Animator 矢量动画软件图(图21),这就是 Flash 的前身,第二节 Flash起源,Flash网络动画,这个软件具有众多的优点,其中最为称道的是它的流式播放、关键帧技术和矢量动画。一方面流式播放可以解决网络带宽的影响,一边下载一边播放;关键帧技术解决了传统动画中繁复的手工着色;矢量图像解决了传统位图在电脑制作过程中占用空间大的缺陷。在当时来说,这个软件从开始研发,就具有互联网气息。直到现在,这些仍然是 Flash的主要优势,Flash网络动画,第三节 Macromedia 与Flash,Future Splash Animator动画软件所具有流式播放、动画关键帧技术以及强大的交互性,1996年11月,被MM(M)公司收购,同时改名为Flash1.0 。1999年6月,Macromedia 公司推出了Flash4.0 ,并且推出了专门用于Flash的播放器,命名为“Flash Player4.0”播放器。2000 年 8 月,Macromedia 公司推出了 Flash5.0 。在原有菜单命令的基础上,采用 Jave Script 脚本语言的规范,发展出第一代 Flash 专用交互语言,命名为 Action Script1.0 。在 Flash5.0 发布时,Macromedia 将 Flash、 Dreamweaver 和 Fireworks 整合在一起,被称之为网页三剑客。在2002年3月Flash MX(Flash6.0)发布时,新增加了Freehand 10 和 Coldfusion MX 。新增加的这两个软件,2003 年 8 月,Macromedia 推出了 Flash MX 2004 2005年4月18日Macromedia被ADOBE公司收购,为Flash网络动画的发展带来了更大的契机。,四 Flash发展,Flash网络动画,Flash被称为是“最为灵活的前台”,由于其独特的时间片段分割和重组技术,结合Action Script的对象和流程控制,使得在灵活的界面设计和动画设计成为可能,同时它也是最为小巧的前台。Flash具有跨平台的特性,所以无论你处于何种平台,只要你安装了支持的Flash Player,就可以保证它们的最终显示效果的一致。同Java一样,它有很强的可移植性。最新的Flash还具有的手机支持功能,可以让用户为自已的手机设计喜爱的功能。当然首先必需要有支持Flash的手机,同时它还可以应用于Pocket PC。,1、应用程序开发:2、软件系统界面开发 :3、手机领域的开发: 4、游戏开发: 5、Web应用服务: 6、站点建设: 7、多媒体娱乐: 8、教学系统开发,Flash网络动画,第二章 Flash动画概述,Flash动画是指利用flash软件设计、制作发布的动画以及交互作品。Flash动画使用矢量图形,所以在输出动画方面更加适合于卡通动画制作,相应的文件数据要比位图动画小的多, Flash输出动画图像为真彩,能够较全面反应真实的色彩环境,另外Flash动画具有真正的多媒体意义。如:支持导入音乐文件,支持交互内容等等,是其他动画制作软件所不能比拟。,Flash网络动画,第一节 、Flash动画技术特点,1Flash动画短小精悍2Flash动画交互性优势,3传播迅速,容易接受。4高品质的动画。5Flash动画制作比较简单6跨媒体性,Flash网络动画,第二节 、flash动画题材,1 、网络动画Flash动画题材广泛,其最大的特点就是轻松、随意。其中作品数量最多、最受欢迎的要数搞笑类。具有代表性的作品有大话三国系列、韩国流氓兔系列等。,showgood工作室制作的大话三国 流氓兔系列,2、Flash商业广告、MTV 可口可乐 MTV,3、手机动画、QQ表情动画 火箭(手机动画) 彩信动画 QQ动画,Flash网络动画,第三节 Flash动画风格,按照绘画表现分为写实(照片)、抽象(手绘);按照影片题材分为现代、传统;按照动画制作难度分为简单动画和复杂动画等几种主要类型。,Flash网络动画,美国slambox公司 Flash作品,Flash网络动画,1、写实(照片)风格,FlashMTV,911,Flash网络动画,2、抽象(手绘)风格,抽象(手绘)风格,Flash网络动画,3、传统风格,第二章 Flash 8快速入门,内容概述 Flash是Macromedia公司推出一款网页动画制作软件,广泛应用于网页广告、MTV、游戏等领域,目前最新版本是Flash 8,该版本在以前基础上有了很大改进,在功能上也有所增强,使用户操作起来非常方便,该软件可以很好地完成目前大部分的动画制作需求。,Flash网络动画,教学目标,1. 熟悉Flash动画及其制作流程。2. 了解Flash 8的工作界面。3. 掌握如何设置Flash 8的工作环境。,Flash网络动画,3.1 Flash动画及其制作流程,1 Flash动画概述2 Flash动画的特点3 Flash的应用领域4 Flash动画的制作流程5 Flash 8的工作界面,Flash网络动画,3.1.1 Flash动画概述,使用 Flash,你可以使对象动起来,以使它们在舞台中显示时,能够移动或更改它们的形状、大小、颜色、不透明度、旋转和其它属性。你可以创建逐帧显示的动画,即在每一帧中可以创建单独的图像。也可以创建补间动画,即创建动画的第一帧和最后一帧,然后使用 Flash 创建中间的帧。也可以使用动作脚本(一种面向对象的编程语言)创建 Flash 动画。,Flash网络动画,3.1.2 Flash动画的特点,1. Flash中采用了矢量图形和流式播放技术2. 使用关键帧使得所生产的动画文件非常小3. 把音乐、动画、声效等以交互方式融合在一起4. Flash动画具有交互性5. Flash动画的制作程序简单,制作成本低廉,Flash网络动画,3.1.3 Flash动画的制作流程,1构思思路2准备素材3设计动画4后期处理5保存并发布作品,Flash网络动画,3.2 Flash 8的工作界面,Flash网络动画,Flash 8的工作界面,3.2.1 菜单栏 3.2.2 工具栏 3.2.3 工具箱 3.2.4 编辑栏,3.2.5 时间轴和帧 3.2.6 舞台 3.2.7 面板 3.2.8 库,Flash网络动画,3.2.1 菜单栏,1“文件”菜单,【新建 (N)】可以创建一个新的Flash文件。,Flash网络动画,2“编辑”菜单,“编辑”菜单,如图所示,此菜单中比其他软件具有特色的菜单命令是能对帧的复制与粘贴、以及编辑时的参数设置、自定义快捷键和字体映射都有很好的应用。 菜单中的剪切帧、拷贝帧、清除帧、粘贴帧是相对一个或者多个帧而操作的。【复制 (C)】:复制集成了复制和粘贴两个功能。,Flash网络动画,3“视图 ”菜单,“视图”菜单,如图所示,用于用户自己订制在屏幕上显示的内容,如:在影片预览时可以关闭浮动面板和时间轴的显示。,Flash网络动画,4“插入 ”菜单,“插入”菜单,如图1-2-6所示,这个菜单的命令使用率很高。元件是Flash中动画的基本个体。通过插入“图层”,来实现基本动画。具体的使用将在后面进行详细阐述。它主要包括层、帧和对象的插入删除等操作。,Flash网络动画,5“修改 ”菜单,Flash网络动画,6“文本 ”菜单,文字在动画中也占着很重要的位置。,Flash网络动画,7“命令 ”菜单,Flash网络动画,8“控制 ”菜单,在设计的过程中,我们要不停的测试影片,以符合自己的设计,所以说“控制”菜单是Flash当中重要的一环,Flash网络动画,9“窗口 ”菜单,“窗口”菜单用于控制各个窗口及面板的打开与关闭,Flash网络动画,10“帮助 ”菜单,“帮助”菜单是为初学用户提供教程和示例,是初学者学习的最佳途径。用户不但可以通过“帮助”菜单找到问题的答案,而且可以在菜单中的相关命令中连接到互联网上,以获得更多的帮助 。,Flash网络动画,3.2.2 工具栏,Flash的工具栏同其它软件一样,用图标表示 。,Flash网络动画,3.2.3 工具箱,工具箱提供多种绘图、修改和辅助工具。,Flash网络动画,3.2.4 编辑栏,单击“窗口”/“工具栏”/“编辑栏”菜单项将出现,单击【编辑栏】显示了当前编辑的状态:当前的视图为场景1,视图大小为100。单击“场景”可以切换到该场景的编辑视图中。单击【编辑场景】按钮可以在弹出的菜单中显示当前文档中所包含的场景的信息。单击【编辑场景】按钮可以在弹出的菜单中显示当前文档中所包含的场景。单击【编辑元件】按钮可以在弹出的菜单中显示当前文档中所包含的元件,单击菜单“元件”可以切换到该元件的编辑视图中。,Flash网络动画,3.2.5 时间轴和帧,时间轴就是一个以时间为基础的线性进度的安排表,让使用者很容易以时间的行进为基础,一步一步地安排每个动作。在时间轴中,可以处理帧和关键帧,将它们按照您想让对象在帧中出现的顺序进行排列。可以通过在时间轴中拖动关键帧来更改补间动画的长度 。,1时间轴,Flash网络动画,2帧,在 Flash 时间轴中操作时,帧会以不同形式的图标来显示,其代表的意义各不相同,如图所示,Flash网络动画,3.2.6 舞台,“舞台”是进行Flash创作的工作区域,见1-2-22图中的白色区域,在舞台中可以对当前帧进行编辑,只有在舞台的矩形区域中的内容才能被导出成为Flash作品。,Flash网络动画,3.2.7 面板,Flash的工作界面之所以非常友善,还有一个非常重要的原因就是提供了许多的功能面板,用户可以根据自己的需要,显示、隐藏和调整面板的大小,然后单击舞台。面板由标题和主界面两部分组成。标题栏由“拖动按钮”、“折叠按钮”、“面板名称”和“附加选项按钮”组成,Flash网络动画,常用面板,1属性面板,“属性”面板用来显示当前显示的所选对象的基本常用属性。调用属性面板可用快捷键,Flash网络动画,2库面板,“库”面板是存放元件的地方,它还用于存储和组织导入的文件,包括图形、声音文件和视频剪辑。调用“库”面板可用快捷键,Flash网络动画,3公用库面板,“公用库”的功能和库的功能是类似的,都是为影片提供元件,之所以称为公用,是因为库中集中了一些常用的元件。用户可以定义自己的公用库,Flash网络动画,4帮助面板,使用“帮助”面板可以快速的得到帮助信息,Flash网络动画,5对齐面板,“对齐”面板可以对一个或多个对象进行对齐、分布和调整等操作。调用对齐面板可用,Flash网络动画,6“混色器”色面板,“混色器”色面板。可以创建出任意颜色,它支持RGB,HSB以及十六进制模式,还可以制定Alpha 值来定义颜色的透明度,从而十分方便的设置线条的颜色、填充色以及填充方式。调用“混色器”色面板可用。,Flash网络动画,7“动作”面板,“动作”面板动作面板用于为影片添加动作脚本。调用“动作”面板可用F9,Flash网络动画,8“行为”面板,“行为”面板也是为影片提供交互信息的,Flash网络动画,3.2.8 库,单击“窗口”/“库”菜单项,或按下“F11”就可以打开“库”面板。用户可以在库中方便快捷的查询、组织以及调用资源,库面板提供了动画数据项的很多信息。库中的存储元素被称为元件,可以反复调用。,Flash网络动画,3.3 Flash 8的工作环境,3.3.1 设置场景属性3.3.2 设置标尺和辅助线3.3.3 设置网格,Flash网络动画,3.3.1 设置场景属性,1创建场景在Flash中创建场景可以通过两种方法实现,一种是使用菜单命令来添加场景,另一种是通过场景面板来增加场景。使用菜单添加场景,只需选择“插入”/“场景”命令,就可以添加一个新场景,并且自动切换到新场景中。使用场景面板添加场景的方法也十分简便,首先执行“窗口”/“设计面板”/“场景”命令,弹出“场景”面板,在“场景”面板中单击“添加场景”按钮,则会在“场景”面板中出现新场景,这时当前场景也将自动切换到新场景。在“场景”面板中双击场景的名称,将出现一个方括号,在方括号内可以输入场景的名称,按回车键就可以完成对场景的重命名。,Flash网络动画,2切换场景 当创建的动画包含多个场景时,修改动画中的对象就需要在多个场景中来回切换。在Flash中一般有三种方法切换场景。一种方法是单击编辑栏右上角的“编辑场景”按钮;另外一种方法是在“场景”面板中选择所要编辑的场景;还可以通过使用菜 单命令来切换场景首先选择“视图”/“转到”命令,在弹出的下拉菜单中选择所要切换的场景即可。如果要调整场景在动画中的顺序,在“场景”面板中直接单击并拖动场景到合适的位置即可。,Flash网络动画,3.3.2 设置标尺和辅助线,2. 当窗口中已经显示标尺时,用户可以从标尺处拖出水平辅助线和垂直辅助线,到舞台中间,到某个位置后松开鼠标,则在相应位置华出水平或垂直辅助线。,Flash网络动画,3.3.3 设置网格,1.标尺和辅助线帮助用户精确绘图和文字处理,在Flash中标尺一般出现在左侧和上方,单击“视图”/“标尺”或使用快捷健,可在显示和隐藏标尺之间切换。,Flash网络动画,本章小结,1、Flash软件是Macromedia公司推出的一款网页动画制作软件。使用Flash,可以使对象动起来,可以创建逐帧显示的动画,还可以创建补间动画。它采用了矢量图形和流式播放技术,具有文件小,较高的交互性,制作程序简单,制作成本低廉等特点。Flash 8在此基础上则有了进一步的改进,功能更强,操作更简单。良好的性能使Flash的应用领域非常的广泛,大体可概况为因特网领域、多媒体领域、CAI领域和视频领域等。2、Flash的制作流程非常简单,包括构建思路,准备素材和设计动画,后期处理,保存并发布作品五个阶段。3、Flash 8的工作界面由菜单栏、工具栏、工具箱、编辑栏、时间轴和帧、舞台、面板和库等几部分构成。4、一个Flash作品由若干个场景组成。Flash的工作场景部分含盖了创建场景,切换场景,设置标尺和辅助线,设置网络和设置快捷键等几部分构成。,Flash网络动画,