Flash 8中文版实用教程(第2版) 01 初识Flash 8中文版.ppt

掌握动画的概念。了解常用的动画制作软件。了解Flash的发展史。掌握Flash 8的界面。,项目一 初识Flash 8中文版,任务一 动画的概念任务二 Flash 8简介 任务三【动画初尝】制作“过光文字”,本章大纲,任务一 动画的概念,动画是一门艺术，历久而弥新。在各种思想百花齐放的现代，动画更是取得了伟大的成就。可以说动画充溢着现代人的生活，在电视节目中，在彩屏手机上，在上网冲浪时都可以看到动画的身影。,一、【基础知识】动画的起源与发展,1、动画的定义 动画是一个范围很广的概念，通常是指连续变化的帧在时间轴上播放，从而使人产生运动错觉的一种艺术。图1-1所示为一组连续变化的图片，只要将其放到连续的帧上以一定的速度连续播放，就可以形成一个人物打斗的视觉效果，这便是动画最简明的诠释。,图1-1 动画的原理,2、动画的起源（1）动画的欲望。从原始社会以来，人类就一直试着透过各种形式的图形来表现物体的动作。例如，在西班牙北部山区的阿尔塔米拉洞穴（隶属于旧石器时代）的壁画上画着一头奔跑的8条腿的野猪，如图1-2（a）所示，这就是早期人类捕捉动画的尝试。而在我国青海马家窑发现的距今约四五千年的“舞蹈纹彩陶盆”上所描绘的手拉手舞蹈的人行中，每组最边上的两个人物手臂上画了两道线条，如图1-2（b）所示，这可能是我国祖先试图表现人物连续运动的最朴素的方式。在达芬奇的人体比例图中出现的四手四脚，如图1-2（c）所示，也反映了画家表现四肢运动的欲望。,（a）8条腿的野猪,（b）舞蹈纹彩陶盆,（c）人体比例图,图1-2 动画的欲望,（2）动画的雏形。在1824年，彼得罗杰特出版了一本谈眼球构造的小书移动物体的视觉暂留现象，其中提到了形象刺激在初显后，能在视网膜上停留短暂的时间（1/16s）。这一理论的问世，激发了动画雏形的产生。1832年由约瑟夫柏拉图发明的“幻透镜”（见图1-3（a），1834年乔治霍纳发明的“西洋镜”（见图1-3（b），都是动画的雏形，他们都是通过观察窗来观看旋转的顺序图画，从而形成动态画面。,（a）幻透镜,（b）西洋镜,图1-3 动画的雏形,（3）第一部动画片。随着科技的发展，具有现代意义的动画片逐步出现。在电影发明之后，1906年，美国人小斯图亚特布雷克顿制作出第一部接近现代动画概念的影片，名叫滑稽面孔的幽默形象，如图1-4所示。该片长度为3min，采用了每秒20帧的技术拍摄。,滑稽面孔的幽默形象,小斯图亚特布雷克顿,图1-4 第一部动画及其作者,4、动画的发展。传统动画的发展，1928年推出的汽船威利是第一部音画同步的有声动画，如图1-5所示，1937年制作的白雪公主，如图1-6所示。,图1-5 汽船威利,图1-6 白雪公主,对后世影响深远的有第一部彩色动画电影白蛇传，还有后来的传世之作，如铁臂阿童木和森林大帝等（见图1-7）。,图1-7 日本动画,白蛇传,铁臂阿童木,森林大帝,中国动画的发展。1926年，万氏兄弟摄制完成了中国第一部动画片大闹画室。1941年，万氏兄弟又摄制了亚洲的第一部动画长片铁扇公主，如图1-8所示。,图1-8 铁扇公主,中国动画片因为它鲜明的民族特色而屹立于世界动画之林，散发着它独特的艺术魅力。1979年中国第一部彩色宽银幕动画长片哪吒闹海问世，这部被誉为“色彩鲜艳、风格雅致、想象丰富”的作品，深受国内外好评，民族风格在它的身上得到了很好的延续，如图1-9所示。动画片三个和尚是继承了传统的艺术形式，又吸收了外国现代动画的表现手法，在发扬民族风格中做了一次新的尝试，如图1-10所示。,图1-9 哪吒闹海,图1-10 三个和尚,计算机动画的发展。从20世纪80年代开始，计算机图形技术开始用于电影制作，到了20世纪90年代，计算机动画特效开始大量用于真人电影，比较著名的有魔鬼终结者3、侏罗纪公园、魔戒，以及泰坦尼克号等，如图1-11所示。这些影片在电影市场上取得的巨大成功，都从一个方面反映了计算机动画的发展。,魔鬼终结者,侏罗纪公园,魔戒,泰坦尼克号,图1-11 三维动画影视作品,1、三维动画制作软件 目前最常见的三维动画制作软件有3ds Max、Maya、SoftImage、Lightwave等。2、交互式二维动画制作软件Flash 由于采用矢量图形和流媒体技术，用Flash制作出来的动画文件尺寸非常小，而且能在有限带宽的条件下流畅播放，所以Flash动画广泛用于网络领域。,（二）【基础知识】动画制作软件简介,任务二 Flash 8简介,在开始使用Flash 8制作动画之前，首先认识一下Flash这款软件。,一、【基础知识】Flash发展简介,经过9年的升级换代，2005年Macromedia推出Flash 8版本，同时Flash也发展成为全球最流行的二维动画制作软件，同年Adobe公司以34亿美元的价格收购了整个Macromedia公司，并于2008年发行Flash CS4。从此Flash发展到一个新的阶段。,（二）【基础知识】Flash 8界面介绍,1、欢迎界面 启动Flash 8进入如图1-12所示的初始用户界面，其中包括以下3个主要板块。【打开最近项目】：用于快速打开最近一段时间使用过的5个文件。【创建新项目】：用于选择新创建的内容。【从模板创建】：用于选择软件提供的模板创建新文件。,图1-12 初始用户界面,2、操作界面 单击图1-12中的 选项，新建一个普通Flash文档，进入如图1-13所示的默认操作界面。其中包括菜单栏、时间轴、【工具】面板、舞台、【属性】面板（也称为【属性】检查器）、浮动面板区等。,图1-13 操作界面,【工具】面板,菜单栏,时间轴,舞台,【属性】面板,浮动面板区,任务三【动画初尝】制作“过光文字”,【设计效果】本例将使用Flash 8来制作一个简单的过光文字，其制作思路及效果如图1-14所示。,新建Flash文档,设置文档属性,导入背景图片,输入文字后制作动画,发布设置,最终效果,图1-14 制作思路及效果,【操作步骤】1、新建文档。（1）启动Flash 8，在【创建新项目】栏中选择【Flash 文档】选项，如图1-15所示，随后进入Flash的设计界面。,新建一个Flash文档,图1-15 Flash 8开始页,（2）在舞台的空白处单击鼠标右键，在弹出的快捷菜单中选择【文档属性】命令，如图1-16所示。（3）在弹出的【文档属性】对话框中设置文档【尺寸】为“400px100px”，设置文档【帧频】为“5”，文档其他属性使用默认参数，如图1-17所示，单击 按钮关闭对话框。,图1-16 选择【文档属性】命令,图1-17 设置文档属性,2、导入背景图。（1）用鼠标右键单击“图层1”图层，在弹出的快捷菜单中选择【属性】命令，然后在弹出的【图层属性】对话框中将图层重命名为“背景”图层，效果如图1-18所示。,【图层属性】对话框,时间轴的显示效果,图1-18 重命名图层,（2）选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材项目一过光文字背景.png”文件导入到舞台中，效果如图1-19所示。3、制作文字过光效果。（1）在时间轴上单击 按钮，在“背景”图层上新建一个图层并重命名为“文字”图层，效果如图1-20所示。,图1-19 导入背景图,图1-20 添加图层,（2）选择【文本】工具，在【属性】面板中设置【字体】为“Times New Roman”，【字体大小】为“50”，并加粗，【文本颜色】为“红色”，然后在“文字”图层上输入字母“Sunny Boy”，并相对舞台居中对齐。参数设置如图1-21所示，舞台上的显示效果如图1-22所示。,图1-21 文本属性设置,图1-22 文字显示,文字与舞台居中对齐的方法为，选中舞台上的文字，按Ctrl+K组合键打开【对齐】面板，确定 按钮处在按下状态，依次单击 和 按钮，使文字与舞台居中对齐。,（3）选中“文字”图层上第1帧的图形，按1次Ctrl+B组合键将文字打散，效果如图1-23所示。（4）分别在“文字”和“背景”图层的第8帧处按F5键插入帧，效果如图1-24所示。,图1-23 打散一次后的文字,图1-24 插入帧,（5）按住Shift键选中“文字”图层的第2帧第8帧，然后按F6键插入关键帧，效果如图1-25所示。（6）选中“文字”图层第1帧处的字母“S”，在【属性】面板中设置其【字体颜色】为“白色”，效果如图1-26所示。,图1-25 插入关键帧,图1-26 改变字母颜色,（7）使用同样的方法，将第2帧的“u”字母的【字体颜色】设置为“白色”，依次类推进行设置，效果如图1-27所示。（8）至此，文字的过光效果已经制作完成。,第2帧处的文字,第3帧处的文字,第4帧处的文字,第5帧处的文字,第6帧处的文字,第7帧处的文字,第8帧处的文字,图1-27 各个帧上的文字设置,4、保存并测试影片。（1）按Ctrl+S组合键保存影片，在弹出的【另存为】对话框中，设置保存目录并输入文件名为“过光文字”，效果如图1-28所示。（2）单击 按钮保存影片，按Ctrl+Enter组合键测试影片。影片的播放效果如图1-29所示。,图1-28 保存影片,图1-29 测试影片,5、发布影片。（1）选择【文件】/【发布设置】命令，打开【发布设置】对话框，在【格式】选项卡中可以对要发布的格式进行设置，如图1-30所示。（2）SWF动画格式是Flash 8 自身的动画格式，因此它是输出动画的默认格式。在【发布设置】对话框的【Flash】选项卡中，可以设定SWF动画的版本、加载顺序、图像和声音压缩比例等参数，如图1-31所示。,图1-30【格式】选项卡,图1-31【Flash】选项卡,（3）如果要在Web浏览器中播放Flash电影，则必须创建HTML文档。在【发布设置】对话框的【HTML】选项卡中，可以设定控制Flash电影出现在浏览器窗口中的位置、背景颜色、电影大小等参数，如图1-32所示。（4）设置完成后，单击 按钮，可以在保存的目录中看到发布后的文件，如图1-33所示。,源文件,Html文件,swf文件,图1-32【HTML】选项卡,图1-33 发布后的文件,案 例 小 结 本案例利用Flash 8制作了一个简单的动画案例，讲述了以下知识点。动画制作流程：新建文档设置文档属性动画编辑保存动画发布设置发布测试动画 基础知识：加深对动画原理的理解。,思考与练习,1、人类第一部动画作品的作者是谁？是在什么时候创作的？2、代表人类有动画表达事物欲望的图案出现在什么时候？什么地点？3、Flash动画的优势是什么？4、新建一个Flash文档来观察Flash 8的布局和结构。,