flash入门

Flash 入入 门门2 2内内 容容 简简 介介FlashFlash动画实例操作动画实例操作2FlashFlash基础知识基础知识3 13 3FlashFlash操作环境、图层、帧操作环境、图层、帧 逐帧动画逐帧动画 过渡动画过渡动画Flash的起源、特点的起源、特点3 3Flash的起源vFlashFlash最初的最初的设计者是者是乔纳森森.盖伊盖伊(Jonathan Gay)(Jonathan Gay)。v19951995年，年，乔纳森森.盖伊凭借着敏盖伊凭借着敏锐的市的市场观察力，察力，设计出了出了Future Splash AnimatorFuture Splash Animator矢量矢量动画画软件，件，这就是就是FlashFlash的前身。的前身。4 4Flash的起源v这个个软件具有众多的件具有众多的优点，其中最点，其中最为称道称道的是它的的是它的流式播放流式播放和和矢量矢量动画画。流式播放可以解决网流式播放可以解决网络带宽的影响，一的影响，一边下下载一一边播放；播放；矢量矢量图像解决了像解决了传统位位图占用空占用空间大的缺陷。大的缺陷。v在当在当时来来说，这个个软件从一出世，就件从一出世，就带有有浓重的互重的互联网气息。直到网气息。直到现在，在，这些仍然些仍然是是FlashFlash赖以以辉煌的主要煌的主要优势。这个个软件出件出世以后，主要世以后，主要拥有两大客有两大客户，一个是，一个是微微软，另一个就是另一个就是迪斯尼迪斯尼。5 5Flash的起源vFlashFlash真正被人真正被人们认识在在19991999年年6 6月，月，MacromediaMacromedia公司推出了公司推出了Flash4.0Flash4.0，并且推，并且推出了出了Flash4.0Flash4.0专用播放器。用播放器。这一一变革使得革使得FlashFlash成成为真正意真正意义上的交互多媒体上的交互多媒体软件。件。v20002000年年8 8月，月，Macromedia公司推出了公司推出了Flash5.0Flash5.0。在。在Flash5.0Flash5.0发布布时，Macromedia将将FlashFlash的的发展，与展，与DreamweaverDreamweaver和和FireworksFireworks整合在一起，被整合在一起，被称之称之为网网页三三剑客客。6 6Flash的起源v20052005年年4 4月，月，AdobeAdobe以价以价值3434亿美元的股票美元的股票方式收方式收购了了MacromediaMacromedia公司。包括公司。包括FlashFlash在在内的三内的三剑客从此成客从此成为AdobeAdobe旗下商品，同年旗下商品，同年推出推出Flash8.0Flash8.0，加盟后的，加盟后的Flash8.0Flash8.0加入了加入了包括包括滤镜在内的在内的许多新功能。多新功能。7 7Flash的起源v如今，如今，FlashFlash已已经初步具初步具备跨平台交互多媒跨平台交互多媒体的特性，被称之体的特性，被称之为“最小巧的多媒体平最小巧的多媒体平台台”。可以。可以说，这一切的一切的发展，是当初的展，是当初的设计者者乔纳森森.盖伊始料不及的，但盖伊始料不及的，但FlashFlash的取的取胜之道，却是之道，却是乔纳森森.盖伊在最初盖伊在最初设计FlashFlash时，就已，就已经奠定了，那就是奠定了，那就是矢量矢量动画画、关关键帧技技术和和流式播放流式播放。vFlash设计已已经逐逐渐发展成展成为一个行一个行业，Flash设计者被美称者被美称为“闪客客”。8 8FLASHFLASH的特点的特点v1.使用矢量使用矢量图形和流式播放技形和流式播放技术。与位。与位图图形不同的是，矢量形不同的是，矢量图形可以任意形可以任意缩放尺放尺寸而不影响寸而不影响图形的形的质量；流式播放技量；流式播放技术使使得得动画可以画可以边播放播放边下下载，从而，从而缓解了网解了网页浏览者焦急等待的情者焦急等待的情绪。9 9FLASHFLASH的特点的特点v2.通通过使用使用关关键帧和和图符使得所生成的符使得所生成的动画画(.(.swfswf)文件非常小文件非常小，几，几K K字字节的的动画文件画文件已已经可以可以实现许多令人心多令人心动的的动画效果，画效果，用在网用在网页设计上不上不仅可以使网可以使网页更加生更加生动，而且小巧玲而且小巧玲珑下下载迅速，使得迅速，使得动画可以在画可以在打开网打开网页很短的很短的时间里就得以播放。里就得以播放。1010FLASHFLASH的特点的特点v3.把把图片、片、视频、音、音频，交互方式融合，交互方式融合在在一起，越来越多的人已一起，越来越多的人已经把把FlashFlash作作为网网页动画画设计的首的首选工具，并且工具，并且创作出了作出了许多多令人令人叹为观止的止的动画画(电影影)效果。而且在效果。而且在Flash4.0Flash4.0的版本中已的版本中已经可以可以支持支持MP3MP3的音的音乐格式，格式，这使得加入音使得加入音乐的的动画文件也能保画文件也能保持小巧的持小巧的身材身材。1111FLASHFLASH的特点的特点v4.强大的大的动画画编辑功能功能使得使得设计者可以随者可以随心所欲地心所欲地设计出高品出高品质的的动画，通画，通过ACTIONACTION和和FS COMMANDFS COMMAND可以可以实现交互性交互性，使，使FlashFlash具有更大的具有更大的设计自由度，另外，它与自由度，另外，它与当今最流行的网当今最流行的网页设计工具工具DreamweaverDreamweaver配配合默契，可以合默契，可以直接嵌入网直接嵌入网页的任一位置，的任一位置，非常方便。非常方便。1212内内 容容 简简 介介2 2FlashFlash基础知识基础知识FlashFlash操作环境操作环境帧帧图层图层1313FLASH操作环境介绍操作环境介绍时间轴绘图工具栏舞台面板层1414Flash 三个重要地方三个重要地方v 时间轴相当于整个相当于整个动画的剪画的剪辑师，掌握，掌握着整个着整个动画画进行的行的过程。安排他程。安排他们出出场的的时间，所做所做动作作等。等。FLASHFLASH即会根据即会根据时间轴的的设置逐一播放，构成一部置逐一播放，构成一部连续动画作品画作品v舞台舞台v库1515帧帧v帧源自于源自于电影影,电影中影中帧的数量及其放映速的数量及其放映速度决定了度决定了电影的整个影的整个长度。每度。每帧包含不同包含不同的的图像信息像信息,每一每一帧就是一个画面就是一个画面.比如比如电影影是一秒是一秒钟播放播放2525帧，表示一秒，表示一秒钟播放了播放了2525帧画面。那么如果一共有画面。那么如果一共有100100帧画面，就画面，就会播放（会播放（100/25100/25）4 4秒秒钟。1616我的第我的第1个个flash动画动画让我的我的红球球动起来：起来：v在在图层1第第1帧画一个画一个圆v在第在第20帧插入关插入关键帧v选择“形状形状”补间v增加一个增加一个图层，并命名，并命名为textv在在text图层第第20帧处插入关插入关键帧，并，并输入文字入文字“我我的第的第1个个flash动画画”v为了了让动画延画延长一点一点时间，请在在30帧处插入插入帧v按按ctrl+enter测试影片效果吧影片效果吧1717帧的类型帧的类型v帧是是进行行flash动画制作的最基本的画制作的最基本的单位，每一个精彩的位，每一个精彩的flash动画都是由很多个画都是由很多个精心雕琢的精心雕琢的帧构成的，在构成的，在时间轴上的每一上的每一帧都可以包含需要都可以包含需要显示的所有内容，包括示的所有内容，包括图形、声音、各种素材和其他多种形、声音、各种素材和其他多种对象。象。关关键帧空白关空白关键帧普通普通帧空空帧1818帧的类型帧的类型v关关键帧：关：关键帧是特殊的是特殊的帧，用来定，用来定义动画中的画中的变化，包括化，包括对象的运象的运动和特点和特点(如大如大小和小和颜色色)，在，在场景中添加或景中添加或删除除对象以及象以及帧动作的添加。任何作的添加。任何时候，当用候，当用户希望希望动画画发生改生改变，或者希望，或者希望发生某种生某种动作，必作，必须使用关使用关键帧。1919帧的类型帧的类型v空白关空白关键帧空白关空白关键帧是没有包含舞是没有包含舞台上的台上的实例内容的关例内容的关键帧。2020帧的类型帧的类型v普通普通帧：普通：普通帧也称也称为静静态帧，普通，普通帧在在时间轴上能上能显示示实例例对象，但不能象，但不能对实例例对象象进行行编辑操作的操作的帧。v 特点：在特点：在时间轴是灰色（浅是灰色（浅绿色）且没有色）且没有圆圈，圈，则是普通是普通帧2121帧的类型帧的类型v空空帧：空：空帧不是真正的不是真正的帧，而是些矩形框，而是些矩形框，在在这些矩形框里可以放入些矩形框里可以放入帧。在。在设计Flash动画画时，没有内容的，没有内容的帧占了占了时间轴的大部的大部分，所以分，所以时间轴运行到运行到空空帧时就会停止放就会停止放映映。2222Flash的基础知识的基础知识插入插入帧【F5】删除除帧【Shift】+【F5】插入关插入关键帧【F6】清除关清除关键帧插入空白关插入空白关键帧【F7】选择全部全部帧复制复制帧粘粘贴帧移移动帧翻翻转帧帧的操作包括帧的操作包括：2323帧的操作帧的操作v1、插入插入帧 ：选定一个或多个定一个或多个帧后，后，单击右右键，选择“插入插入帧”命令将在命令将在选定定的的帧后插入一个和后插入一个和这个个选定定帧完全一完全一样的的帧，如果，如果选定的定的帧是一个未曾使用的是一个未曾使用的空白空白帧，那么将在和，那么将在和这个个帧最接近的前最接近的前面的面的帧之之间插入和前面的插入和前面的帧一一样的的帧；如果如果选定的定的帧是两个关是两个关键帧之之间的任一的任一过渡渡帧的的话，那么将在和，那么将在和这个个帧最接近最接近的前面的的前面的帧之之间插入一个和前面的插入一个和前面的帧一一样的的过渡渡帧；或使用；或使用快捷快捷键【F5F5】。2424帧的操作帧的操作v 2、删除除帧：选定一个或多个定一个或多个帧后，后，单击右右键，选择“删除除帧”命令，或使用命令，或使用键盘快快捷捷键【ShiftShift】+【F5F5】，可以将，可以将选定的定的帧删除。当一个除。当一个帧被被删除后，后面的除后，后面的帧将自将自动向前移向前移动。2525v3、插入关插入关键帧：将鼠将鼠标移移动到到帧的方格位置，的方格位置，用鼠用鼠标左左键单击要定要定义为关关键帧的方格，方格的方格，方格变为反亮反亮显示，示，单击鼠鼠标右右键,选择“插入关插入关键帧”命令或在命令或在选好方格后，直接按下好方格后，直接按下键盘上上的的【F6F6】键，那么关，那么关键帧就定就定义好了。利用插好了。利用插入关入关键帧，可以将，可以将过渡渡帧转变为关关键帧。帧的操作帧的操作2626v4、删除关除关键帧：当我当我们不需要某个或不需要某个或某些关某些关键帧时，就要将，就要将这些关些关键帧删除除掉，只要掉，只要选中中这些些帧，单击右右键，选择“删除除帧”命令就命令就删除掉了。除掉了。帧的操作帧的操作2727v5 5、插入空白关插入空白关键帧:将鼠将鼠标移移动到到帧的方格位的方格位置，用鼠置，用鼠标左左键单击要定要定义为关关键帧的方格，的方格，方格方格变为反亮反亮显示，示，单击鼠鼠标右右键,选择“插插入空白关入空白关键帧”命令或在命令或在选好方格后，直接按好方格后，直接按下下键盘上的上的【F7F7】键，那么空白关，那么空白关键帧就定就定义好了。好了。帧的操作帧的操作2828v6、选择全部全部帧 :在影格在影格编辑区区单击鼠鼠标右右键，在，在弹出的菜出的菜单中中选择“选择所有所有帧”命令，可以将所有的有效影格命令，可以将所有的有效影格选定，从而定，从而再再进行其他操作。行其他操作。这里指的是在影格里指的是在影格编辑区的任意一个位置都可以使用区的任意一个位置都可以使用(单击鼠鼠标右右键)，选定后的定后的帧将作反亮将作反亮显示。示。帧的操作2929v7、复制复制帧 ：在影格：在影格编辑区中区中选中一中一帧，选中的中的帧将做反亮将做反亮显示，然后示，然后单击右右键，选择“复制复制帧”命令。命令。帧的操作帧的操作3030v8、粘粘贴帧：复制好复制好帧后，后，选择时间轴上任意上任意时间帧位置，位置，单击右右键选择“粘粘贴帧”命令，命令，这样刚才复制的才复制的帧被粘被粘贴到到这个位置上来了，个位置上来了，原被原被选中的那一中的那一帧被覆盖了。被覆盖了。帧的操作帧的操作3131v9、移移动帧：选中一中一帧或多或多帧后，被后，被选中的中的帧反亮反亮显示，当鼠示，当鼠标悬浮在被浮在被选的的帧上上时，鼠，鼠标出出现了了变化，鼠化，鼠标的指的指针上跟随了一个方框一上跟随了一个方框一样的的“小尾巴小尾巴”。这样按下左按下左键，拖，拖动鼠鼠标至至任意位置，松开鼠任意位置，松开鼠标，这样刚才被才被选的的帧被移被移动到到刚才所定的位置来了。才所定的位置来了。帧的操作3232v10、翻翻转帧：当当选中任意两关中任意两关键帧或空白或空白关关键帧之之间(包括包括这两个关两个关键帧或空白关或空白关键帧)，这样单击右右键，选择“翻翻转帧”命令，命令，这样被被选中的两个关中的两个关键帧相互相互颠倒，而且倒，而且flashflash也同步更新了也同步更新了这两个关两个关键帧之之间的的过渡渡帧。帧的操作3333Flash的基础知识的基础知识v重要概念重要概念图层（Layer）：）：为了制作方便，了制作方便，动画中背景、角色放画中背景、角色放在不同的在不同的层上，每个上，每个对象置于不同的象置于不同的图层当中，当中，图层重叠播放，就形成了重叠播放，就形成了我我们预设中的中的动画。画。强调：层是为了让动画分开，不同的动画放在不同强调：层是为了让动画分开，不同的动画放在不同的层的层3434图层图层图层的操作的操作：创建建图层（文件（文件夹）删除除命名命名显示与示与隐藏藏锁定定/解除解除锁定定图层移移动3535Flash 中的动画中的动画v动画的原理动画的原理 动画就是把一些有机的图片按照一动画就是把一些有机的图片按照一定的时间顺序进行播放，这样就可以产定的时间顺序进行播放，这样就可以产生动画。生动画。Flash中动画的类型中动画的类型v 逐帧动画逐帧动画：需要许多关键帧，因为用：需要许多关键帧，因为用户必须单独编辑每一帧。（户必须单独编辑每一帧。（豹子奔跑豹子奔跑）v 过渡动画过渡动画：一个过渡动画只需要两个：一个过渡动画只需要两个关键帧，一个是开始帧，一个是结束关键帧，一个是开始帧，一个是结束帧。在起始关键帧和结束关键帧之间帧。在起始关键帧和结束关键帧之间的变化由的变化由Flash计算，不需要附加关键计算，不需要附加关键帧。帧。（我的第一个我的第一个flash动画动画）3737逐帧动画和过渡动画的优缺点逐帧动画和过渡动画的优缺点逐逐帧动画画优点：想到的效果都可以点：想到的效果都可以实现缺点：耗缺点：耗时大、工作量大、效率相大、工作量大、效率相对低低过渡渡动画画优点：不能点：不能实现想到的所有效果想到的所有效果缺点：耗缺点：耗时小、工作量小、效率相小、工作量小、效率相对高高3838Flash动画实例操作动画实例操作v逐逐帧动画画1 豹子奔跑豹子奔跑 3939Flash动画实例操作动画实例操作v步步骤1.选择【文件文件】【】【新建新建】命令（快捷命令（快捷键为Ctrl+N），在），在【新建文件新建文件】对话框的框的【常常规】选项卡中卡中选择【Flash文件文件】类型再型再单击【确定确定】按按钮打开新建文件打开新建文件2.选择【修改修改】【】【文档文档】命令，命令，设置舞台尺寸置舞台尺寸(一般按照一般按照分辨率默分辨率默认为550400像素像素)、背景、背景颜色等相关属性，色等相关属性，然后然后单击【确定确定】按按钮3.选择【文件文件】【】【导入入】【】【导入到入到库】命令，将豹子相命令，将豹子相关关图片片导入到入到库当中当中4.将第一将第一张图片拖拽到舞台上放置，片拖拽到舞台上放置，选择【窗口窗口】【】【对齐】命令，点命令，点击【相相对于舞台于舞台】，在，在【分布分布】中中选中中【垂直居中分布垂直居中分布】，在，在【对齐】中点中点击【水平中水平中齐】，由此将由此将图片至于舞台中央。片至于舞台中央。4040Flash动画实例操作动画实例操作5.在在时间轴上的第二上的第二帧处，插入，插入【空白关空白关键帧】，再将，再将第二第二张图片拖拽到舞台上放置，片拖拽到舞台上放置，选择【窗口窗口】【】【对齐】命令，点命令，点击【相相对于舞台于舞台】，在，在【分布分布】中中选中中【垂直居中分布垂直居中分布】，在，在【对齐】中点中点击【水平中水平中齐】，由此将由此将图片至于舞台中央。片至于舞台中央。6.依上述方法依上述方法进行后面几个行后面几个帧的的设定。定。7.保存文件，按保存文件，按【Ctrl】+【Enter】查看效果看效果4141课课 后后 作作 业业v作作业一一v作作业二二 登登陆课程网站，完成任程网站，完成任务 1、讨论区区签到到 2、组建小建小组工作室工作室4242 Thank You