WEB动画制作与设计课件：Flash动画制作入门.ppt

PowerBar中国专业PPT设计交流论坛作者:findygirlF1ash动画的应用领域、特点和创作流程启动和退出Flash新建、打开、保存和关闭Flash文档及属性设置了解Flash动画的制作原理和相关概念，并能制作出简单的Flash动画【课堂学习目标】动画的制作离不开它的制作工具，下面我们就通过制作“过光文字”简单动画，来体验一下Flash动画的制作流程以及熟悉一下Flash的操作界面，充分体验一下制作Flash动画的无穷乐趣。1.1初识Flash软件【案例学习目标】通过本案例的学习，使大家能够掌握Flash动画的开发流程，熟悉Flash的操作界面以及对于Flash文档的相关属性的设置。【案例知识要点】新建文档的方法；导入背景图的方法；保存、测试以及发布影片的方法。课堂案例——制作“过光文字”一、新建文档1、启动Flash软件，在创建新项目栏中选择“新建ActionScript3.0”选项，如图所示，进入Flash的设计界面。一、新建文档2、在舞台的空白处单击鼠标右键，在弹出的快捷菜单中选择“文档属性”命令，如图所示。一、新建文档3、在弹出的“文档属性”对话框中设置文档“尺寸”宽度为“400”像素，高度为“100”像素，设置文档“帧频”为“5”fps，文档其他属性使用默认参数，如图所示，单击“确定”按钮关闭对话框。二、导入背景图1、用鼠标右键单击“图层1”图层，在弹出的快捷菜单中选择“属性”命令，然后在弹出的“图层属性”对话框中将图层重命名为“背景”图层，效果如图所示。二、导入背景图2、执行“文件导入导入到舞台”命令，将“素材第1章制作“过光文字”背景.png”文件导入到舞台中，效果如图所示。三、制作文字过光效果1、在时间轴上单击新建图层按钮，在“背景”图层上新建一个图层并重命名为“文字”图层，效果如图所示。三、制作文字过光效果2、选择“文本”工具，在“属性”面板中设置“系列”为“TimesNewRoman”，“字体大小”为50，并加粗，“文本颜色”为“红色”，然后在“文字”图层上输入字母“SunnyBoy”，参数设置如图所示。三、制作文字过光效果3、按Ctrl+K组合键打开“对齐”面板，确定“相对于舞台”状态被选中，然后单击“水平中齐”和“垂直中齐”，如左图所示，使文字相对舞台居中对齐，舞台上的显示效果如右图所示。三、制作文字过光效果4、选中“文字”图层上第1帧的图形，按1次Ctrl+B组合键将文字打散，效果如图所示。三、制作文字过光效果5、分别选择“文字”和“背景”图层的第8帧，然后按F5键插入帧，效果如图所示。三、制作文字过光效果6、按住Shift键选中“文字”图层的第2帧～第8帧，然后按F6键插入关键帧，效果如图所示。三、制作文字过光效果7、选中“文字”图层第1帧处的字母“S”，在“属性”面板中设置其“字体颜色”为“白色”，效果如图所示。三、制作文字过光效果8、使用同样的方法，将第2帧的“u”字母的“字体颜色”设置为“白色”，依次类推进行设置，效果如图所示。四、保存并测试影片1、按Ctrl+S组合键保存影片，在弹出的“另存为”对话框中，设置保存目录并输入文件名为“过光文字”，效果如图所示。四、保存并测试影片2、单击“保存”按钮保存影片，按Ctrl+Enter组合键测试影片。五、发布影片1、执行“文件发布设置”命令，打开“发布设置”对话框，在“格式”选项卡中可以对要发布的格式进行设置，如图所示。2、SWF动画格式是Flash自身的动画格式，因此它是输出动画的默认格式。五、发布影片3、如果要在Web浏览器中播放Flash电影，则必须创建HTML文档。选择“发布设置”对话框中的“HTML包装器”可以设定Flash电影在浏览器窗口中的位置、背景颜色以及电影大小等参数，如图所示。五、发布影片（4）设置完成后，单击“发布”按钮，可以在保存的目录中看到发布后的文件，如图所示。至此，一个过光文字动画作品制作就完成了。1．启动与退出Flash软件启动Flash软件的主要方法有以下几种:选择“开始所有程序AdobeAdobeFlashProfessionalCS6”菜单命令。双击桌面上的Flash快捷方式图标。在“我的电脑”窗口或“开始我最近的文档”子菜单中打开一个Flash文档。退出Flash软件的方法有以下几种:选择“文件退出”菜单命令。单击Flash主界面右上角的按钮。按“Alt+F4”键。【理论知识归纳与总结】2．Flash文档基本操作（1）新建文档选择“文件新建”命令，弹出“新建文档”