Flash网页设计教程7

本章简介本章简介：Flash CS3可可以以导导入入外外部部的的图图像像、声声音音素素材材和和视视频频素素材材来来增增强强画画面面视视觉觉效效果果和和音音效效。本本章章将将介介绍绍导导入入外外部部素素材材以以及及设设置置外外部部素素材材属属性性的的方方、声声音音素素材材的的多多种种格格式式，以以及及导导入入声声音音和和编编辑辑声声音音的的方方法法。读读者者通通过过学学习习要要了了解解并并掌掌握握如如何何应应用用Flash CS3的的强强大大功功能能来来处处理理和和编编辑辑外外部部素素材材，使使其其与与内内部部素素材材充充分分结结合合，从而使制作的动画更加生动。从而使制作的动画更加生动。第7章应用外部素材丰富Flash CS3的制作课堂学习目标图像素材的应用图像素材的应用声音的导入声音的导入声音的编辑声音的编辑视频素材的应用视频素材的应用 7.1图像素材的应用 图像素材的格式图像素材的格式 导入图像素材导入图像素材 设置导入位图属性设置导入位图属性 将位图转换为图形将位图转换为图形 将位图转换为矢量图将位图转换为矢量图课堂案例课堂案例制作城市宣传动画制作城市宣传动画 Flash CS3可可以以导导入入各各种种文文件件格格式式的的矢矢量量图图形形和和位位图图。矢矢量量格格式式包包括括：FreeHand文文件件、Adobe Illustrator文文件件、EPS文文件件或或PDF文文件件。位位图图格格式式包包括括：JPG、GIF、PNG、BMP等格式。等格式。FreeHand文文件件：在在Flash中中导导入入FreeHand文文件件时时，可可以以保保留留层层、文文本本块块、库库元件和页面，还可以选择要导入的页面范围。元件和页面，还可以选择要导入的页面范围。Illustrator文文件件：此此文文件件支支持持对对曲曲线线、线线条条样样式式和和填填充充信信息息的的非非常常精精确确的的转转换。换。EPS文文件件或或PDF文文件件：可可以以导导入入任任何何版版本本的的EPS文文件件以以及及1.4版版本本或或更更低低版版本本的的PDF文件。文件。JPG格格式式：是是一一种种压压缩缩格格式式，可可以以应应用用不不同同的的压压缩缩比比例例对对文文件件进进行行压压缩缩。压压缩后，文件质量损失小，文件量大大降低。缩后，文件质量损失小，文件量大大降低。GIF格格式式：即即位位图图交交换换格格式式，是是一一种种256色色的的位位图图格格式式，压压缩缩率率略略低低于于JPG格式。格式。PNG格格式式：能能把把位位图图文文件件压压缩缩到到极极限限以以利利于于网网络络传传输输，能能保保留留所所有有与与位位图图品品质有关的信息。质有关的信息。PNG格式支持透明位图。格式支持透明位图。BMP格格式式：在在Windows环环境境下下使使用用最最为为广广泛泛，而而且且使使用用时时最最不不容容易易出出问问题题。但由于文件量较大，一般在网上传输时，不考虑该格式。但由于文件量较大，一般在网上传输时，不考虑该格式。7.1.1图像素材的格式 Flash CS3可可以以识识别别多多种种不不同同的的位位图图和和向向量量图图的的文文件件格格式式，可可以以通通过过导导入入或或粘贴的方法将素材引入到粘贴的方法将素材引入到Flash CS3中。中。7.1.2导入图像素材 导入到舞台导入到舞台 导导入入位位图图到到舞舞台台：当当导导入入位位图图到到舞舞台台上上时时，舞舞台台上上显显示示出该位图，位图同时被保存在出该位图，位图同时被保存在“库库”面板中。面板中。导入到库导入到库 导导入入位位图图到到库库：当当导导入入位位图图到到“库库”面面板板时时，舞舞台台上上不不显示该位图，只在显示该位图，只在“库库”面板中进行显示。面板中进行显示。外部粘贴外部粘贴 可可以以将将其其他他程程序序或或文文档档中中的的位位图图粘粘贴贴到到Flash CS3的的舞舞台台中中。方方法法为为：在在其其他他程程序序或或文文档档中中复复制制图图像像，选选中中Flash CS3文文档档，按按Ctrl+V组组合合键键，将将复复制制的的图图像像进进行行粘粘贴贴，图图像像出出现现在在Flash CS3文档的舞台中。文档的舞台中。对对于于导导入入的的位位图图，用用户户可可以以根根据据需需要要消消除除锯锯齿齿从从而而平平滑滑图图像像的的边边缘缘，或或选选择择压压缩缩选选项项以以减减小小位位图图文文件件的的大大小小，以以及及格格式式化化文文件件以以便便在在Web上上显显示示。这这些些变变化化都都需需要在要在“位图属性位图属性”对话框中进行设定。对话框中进行设定。在在“库库”面板中双击位图图标，弹出面板中双击位图图标，弹出“位图属性位图属性”对话框。对话框。双击位图图标 “位图属性”对话框7.1.3设置导入位图属性 使使用用Flash CS3可可以以将将位位图图分分离离为为可可编编辑辑的的图图形形，位位图图仍仍然然保保留留它它原原来来的的细节。分离位图后，可以使用绘画工具和涂色工具来选择和修改位图的区域。细节。分离位图后，可以使用绘画工具和涂色工具来选择和修改位图的区域。绘制的线条在位图下方显示 7.1.4将位图转换为图形 将位图转换为图形绘制的线条在图形上方显示 选选中中位位图图，选选择择“修修改改 位位图图 转转换换位位图图为为矢矢量量图图”命命令令，弹弹出出“转转换换位位图图为为矢矢量量图图”对对话话框框，设设置置数数值值后后，单单击击“确确定定”按按钮钮，位位图图转转换换为为矢矢量图。量图。将位图转换为矢量图过程 7.1.5将位图转换为矢量图 效果图7.1.6课堂案例制作城市宣传动画使用转换位图为矢量图命令将图片转换为矢量图。使用文本工具添加文字。使用转换位图为矢量图命令将图片转换为矢量图。使用文本工具添加文字。7.2声音的导入与编辑 音频的基本知识音频的基本知识 声音素材的格式声音素材的格式 导入声音素材并添加声音导入声音素材并添加声音 属性面板属性面板 声音编辑器声音编辑器压缩声音素材压缩声音素材 课堂案例课堂案例制作英文歌曲制作英文歌曲MTV7.2.1音频的基本知识 取样率取样率 取取样样率率是是指指在在进进行行数数字字录录音音时时，单单位位时时间间内内对对模模拟拟的的音音频频信信号号进进行行提提取取样样本本的的次次数数。取取样样率率越越高高，声声音音质质量量越越好好。Flash Flash CS3CS3经经常常使使用用44 44 kHzkHz、22kHz22kHz或或11kHz11kHz的的取取样样率率对对声声音音进进行行取取样样。例例如如，使使用用22kHz22kHz取取样样率率取取样样的的声声音音，每每秒钟要对声音进行秒钟要对声音进行2200022000次分析，并记录每两次分析之间的差值。次分析，并记录每两次分析之间的差值。位分辨率位分辨率 位位分分辨辨率率是是指指描描述述每每个个音音频频取取样样点点的的比比特特位位数数。例例如如，8 8位位的的声声音音取取样样表表示示2 2的的8 8次次方方或或256256级级。用用户户可可以以将将较较高高位位分分辨辨率率的的声声音音转转换换为为较较低低位位分分辨辨率率的的声音。声音。压缩率压缩率 压缩率是指文件压缩前后大小的比率，用于描述数字声音的压缩效率。压缩率是指文件压缩前后大小的比率，用于描述数字声音的压缩效率。7.2.2声音素材的格式 Flash CS3提提供供了了许许多多使使用用声声音音的的方方式式。它它可可以以使使声声音音独独立立于于时时间间轴轴连连续续播播放，或使动画和一个音轨同步播放。可以向按钮添加声音，使按钮具有更强放，或使动画和一个音轨同步播放。可以向按钮添加声音，使按钮具有更强 的互动性，还可以通过声音淡入淡出产生更优美的声音效果。的互动性，还可以通过声音淡入淡出产生更优美的声音效果。WAVWAV格式格式 WAVWAV格格式式可可以以直直接接保保存存对对声声音音波波形形的的取取样样数数据据，数数据据没没有有经经过过压压缩缩，所所以以音音质质较好，但较好，但WAVWAV格式的声音文件通常文件量比较大，会占用较多的磁盘空间。格式的声音文件通常文件量比较大，会占用较多的磁盘空间。MP3MP3格式格式 MP3MP3格格式式是是一一种种压压缩缩的的声声音音文文件件格格式式。同同WAVWAV格格式式相相比比，MP3MP3格格式式的的文文件件量量只只有有WAVWAV格格式式的的十十分分之之一一。其其优优点点为为体体积积小小、传传输输方方便便、声声音音质质量量较较好好，已已经经被被广广泛应用到电脑音乐中。泛应用到电脑音乐中。AIFFAIFF格式格式 AIFFAIFF格格式式支支持持MACMAC平平台台，支支持持1616位位44kHz44kHz立立体体声声。只只有有系系统统上上安安装装了了QuickTime QuickTime 4 4或更高版本，才可使用此声音文件格式。或更高版本，才可使用此声音文件格式。AUAU格式格式 AUAU格格式式是是一一种种压压缩缩声声音音文文件件格格式式，只只支支持持8 8位位的的声声音音，是是InternetInternet上上常常用用的的声声音音文文件件格格式式。只只有有系系统统上上安安装装了了 QuickTime QuickTime 4 4或或更更高高版版本本，才才可可使使用用此此声声音音文文件格式。件格式。Flash CS3在在库库中中保保存存声声音音以以及及位位图图和和组组件件。与与图图形形组组件件一一样样，只只需需要要一个声音文件的副本就可在文档中以各种方式使用这个声音文件。一个声音文件的副本就可在文档中以各种方式使用这个声音文件。选选择择“文文件件 导导入入 导导入入到到舞舞台台”命命令令，在在“导导入入”对对话话框框中中选选中中声声音音文文件件，单单击击“打打开开”按按钮钮，将将声声音音文文件件导导入入到到“库库”面面板板中中。在在“库库”面面板板中选中声音文件，按住鼠标不放，将其拖曳到舞台窗口中，释放鼠标，声中选中声音文件，按住鼠标不放，将其拖曳到舞台窗口中，释放鼠标，声 音添加完成，按音添加完成，按Ctrl+Enter组合键，测试添加效果。组合键，测试添加效果。添加声音文件后的时间轴面板 7.2.3导入声音素材并添加声音 在在“时时间间轴轴”面面板板中中选选中中声声音音文文件件所所在在图图层层的的第第1帧帧，按按Ctrl+F3组组合合键键，弹出帧弹出帧“属性属性”面板。面板。帧“属性”面板7.2.4属性面板 单击单击“属性属性”面板中的面板中的“编辑编辑”按钮，弹出按钮，弹出“编辑封套编辑封套”对话框。对话框。对对话话框框中中分分为为上上下下两两个个编编辑辑区区，上上方方代代表表左左声声道道波波形形编编辑辑区区，下下方方代代表表右右声声道道波波形形编编辑辑区区。在在每每个个编编辑辑区区的的上上方方都都有有一一条条左左侧侧带带有有小小方方块块的的控控制制线线，可可以以通通过过控控制线调节声音的大小、淡入淡出等。制线调节声音的大小、淡入淡出等。“编辑封套”对话框7.2.5声音编辑器 由由于于网网络络速速度度的的限限制制，制制作作动动画画时时必必须须考考虑虑其其文文件件的的大大小小。而而带带有有声声音音的的动动画画由由于于声声音音本本身身也也要要占占空空间间，往往往往制制作作出出的的动动画画文文件件体体积积较较大大，它它在在网网上上的的传传输输就就要要受受到到影影响响。为为了了解解决决这这个个问问题题，Flash CS3提提供供了了声声音音压压缩缩功功能能，让让动动画画制制作作者者根根据据需需要要决决定定声声音音压压缩缩率率，以以达达到到用用户户所所需需的的动动画文件量大小。画文件量大小。如如果果动动画画制制作作采采用用较较高高的的声声音音压压缩缩和和较较低低的的声声音音采采样样率率，那那么么得得到到的的声声音音文文件件会会非非常常小小，但但这这就就要要牺牺牲牲声声音音的的听听觉觉效效果果。一一旦旦动动画画要要在在网网上上发发布布，首首先先考考虑虑的的是是传传输输速速度度，要要将将压压缩缩率率放放到到首首位位，但但同同时时也也要要考考虑虑动动画画的的听听觉觉效效果果。所所以以并并不不是是压压缩缩率率越越大大越越好好，要要根根据据需需要要反反复复试试验验，找找出出合合适的压缩率，以实现最大的效果速度比。适的压缩率，以实现最大的效果速度比。7.2.6压缩声音素材 使用变形面板将图形放大。使用文本工具添加需要的文字。使用创建补间使用变形面板将图形放大。使用文本工具添加需要的文字。使用创建补间动画命令制作动画效果。动画命令制作动画效果。效果图 7.2.7课堂案例制作英文歌曲MTV7.3视频素材的应用 视频素材的格式视频素材的格式 导入视频素材导入视频素材 视频的属性视频的属性课堂案例课堂案例制作海洋公园海报制作海洋公园海报7.3.1视频素材的格式 在在Flash CS3中中可可以以导导入入MOV（QuickTime 影影片片）、AVI（音音频频视视频频交交叉叉文文件件）和和 MPG/MPEG（运运动动图图像像专专家家组组文文件件）格格式式的的视视频频素材，最终将带有嵌入视频的素材，最终将带有嵌入视频的Flash CS3文档以文档以SWF格式的文件发布，格式的文件发布，或将带有链接视频的或将带有链接视频的Flash CS3文档以文档以MOV格式的文件发布。格式的文件发布。7.3.2导入视频素材 导入导入Flash CS3视频视频(FLV)文件文件 Flash 视视频频(FLV)文文件件格格式式可可以以导导入入或或导导出出带带编编码码音音频频的的静静态态视视频频流流。此格式可以用于通信应用程序，如视频会议。此格式可以用于通信应用程序，如视频会议。导入导入QuickTime 影片影片 导导如如果果要要导导入入QuickTime视视频频剪剪辑辑，可可以以从从Flash文文件件链链接接到到该该视视频频，而而不不是是嵌嵌入入该该视视频频。导导入入到到Flash CS3中中的的链链接接 QuickTime 影影片片并并不不会会成成为为Flash CS3文文件件的的一一部部分分，而而是是Flash CS3中中保保留留指指向向该该源源文文件件的的指指针针。如如果果链链接接到到一一个个QuickTime视视频频，则则必必须须将将该该动动画画作作品品发发布布为为QuickTime影片。影片。导入导入AVI影片影片 要导入要导入AVI格式的文件，可以选择格式的文件，可以选择“文件文件 导入导入 导入视频导入视频”命令。命令。7.3.3视频的属性 在在属属性性面面板板中中可可以以更更改改导导入入视视频频的的属属性性。选选中中视视频频，选选择择“窗窗口口 属性属性”命令，弹出视频命令，弹出视频“属性属性”面板。面板。视频“属性”面板效果图7.3.4课堂练习制作海洋公园海报 使用使用“导入视频导入视频”命令导入视频素材，使用命令导入视频素材，使用“帧帧”命令插入普通帧，命令插入普通帧，延长动画的播放时间，使用延长动画的播放时间，使用“任意变形任意变形”命令改变视频的大小和命令改变视频的大小和 角度。角度。效果图7.4课堂练习制作汽车广告 使用矩形工具、遮罩层命令、按宽度平均分布命令制作百叶使用矩形工具、遮罩层命令、按宽度平均分布命令制作百叶 窗效果。使用动作面板设置脚本语言。窗效果。使用动作面板设置脚本语言。效果图7.5课堂练习制作友情贺卡 使使用用铅铅笔笔工工具具绘绘制制背背景景效效果果。使使用用椭椭圆圆工工具具和和柔柔化化填填充充边边缘缘命命令令绘制不倒翁投影效果。使用任意变形工具和变形面板对图形进行旋转。绘制不倒翁投影效果。使用任意变形工具和变形面板对图形进行旋转。使用动作面板设置脚本语言。使用动作面板设置脚本语言。效果图7.6课后习题制作电子商务广告 使用矩形工具、颜色面板、文本工具制作介绍框图形。使用创建使用矩形工具、颜色面板、文本工具制作介绍框图形。使用创建补间动画命令制作动画效果。补间动画命令制作动画效果。