flash动画课件一.ppt

第1讲Flash动画制作基础 熟悉Flashcs3的设计环境及流程 了解Flashcs3制作逐帧动画的方法 1 1熟悉Flashcs3的设计环境1 2Flashcs3动画制作流程1 3课后作业 1 1熟悉Flashcs3的设计环境 1 1 1知识点讲解 在开始对Flashcs3进行深入的动画制作学习之前 首先对Flashcs3的设计界面进行一个初步的认识 Flash的前身叫做FutureSplashAnimator 由美国的乔纳森 盖伊在1996年夏季正式发行 并很快获得了微软和迪斯尼两大巨头公司的青睐 分别成为其两个最大的客户 1 1 2范例解析 Flashcs3用户界面介绍 1 欢迎界面 图1 1欢迎界面 2 操作界面 图1 2操作界面 菜单栏 浮动面板区 时间轴 舞台 工具面板 属性面板 1 1 3课堂练习 Flashcs3用户基本操作 运行Flashcs3主程序 在欢迎界面中选择选项 新建一个Flash文档 依次单击 菜单栏 上的各个选项展开其子项 查看并分析各个命令的用途 利用 工具面板 上的各种绘图工具进行绘图操作 选择不同的对象 在 属性面板 中观察属性参数的变换情况 1 2Flashcs3动画制作流程 Flashcs3动画制作的一般流程对于动画初学者是很有必要掌握的 在本小节将从其知识点出发 最后以简单的实例操作来带领读者牢固掌握该流程 1 2 1知识点讲解 利用Flash进行动画开发 一般都需要经过一个较为固定的流程 如下所示 1 2 2范例解析 制作 过光文字 本例将使用逐帧动画来制作一个过光文字的效果 制作思路及效果如图1 3所示 图1 3制作思路及效果 1 新建文档 1 启动Flashcs3软件 在 创建新项目 栏中选择 Flash文档 选项 如图1 4所示 随后进入Flash的设计界面 图1 4Flash8开始页 新建一个Flash文档 2 在舞台的空白处单击鼠标右键 在弹出的快捷菜单中选择 文档属性 命令 如图1 5所示 图1 5选择 文档属性 选项 3 在弹出的 文档属性 对话框中设置文档 尺寸 为 600px 420px 设置文档 帧频 为 5fps 文档其他属性使用默认参数 如图1 6所示 图1 6设置文档属性一 2 导入背景图 1 用鼠标右键单击 图层1 图层 在弹出的快捷菜单中选择 属性 命令 然后在弹出的 图层属性 对话框中将图层重命名为 背景 图层 效果如图1 7所示 图层属性 对话框 时间轴的显示效果 图1 7重命名图层 1 执行 文件 导入 导入到舞台 菜单命令 将教学资源中的 素材 第1讲 过光文字 背景 jpg 文件导入到舞台中 舞台效果如图1 8所示 图1 8导入背景图 3 制作文字过光效果 1 在时间轴上单击按钮 在 背景 图层上新建一个图层并重命名为 文字 图层 效果如图1 9所示 图1 9添加图层 2 选择 文本 工具 设置 字体 为 TimesNewRoman 字体大小 为 95 并加粗 文本 填充 颜色 为 红色 然后在 文字 图层上输入字母 Welcome 并将其相对舞台居中对齐 参数设置如图1 10所示 舞台上的显示效果如图1 11所示 图1 10文本属性设置 图1 11输入文字效果 3 选中 文字 图层上第1帧的图形 按1次Ctrl B快捷键将文字打散 效果如图1 12所示 图1 12分离文字 与舞台居中对齐的方法为 选中舞台上的文字 按Ctrl K快捷键打开对齐面板 确认按钮处在按下状态时 单击和按钮使文字与舞台居中对齐 4 分别在 文字 图层和 背景 图层的第7帧处按F5快捷键插入帧 效果如图1 13所示 图1 13插入帧一 5 按住Shift键选中 文字 图层的第2帧 第7帧 然后按F6快捷键插入关键帧 效果如图1 14所示 图1 14插入关键帧 6 选中 文字 图层第1帧处的字母 W 在属性面板中设置其 字体颜色 为 红色 效果如图1 15所示 图1 15改变字母颜色 7 使用同样的方法 将第2帧的 e 字母的 字体颜色 设置为 红色 以此类推进行设置 效果如图1 16所示 图1 16各个帧上的文字设置 第2帧处的文字 第3帧处的文字 第4帧处的文字 第5帧处的文字 第6帧处的文字 第7帧处的文字 4 保存并测试影片 1 按Ctrl S快捷键保存影片 在弹出的 另存为 对话框中 设置保存目录并输入文件名为 过光文字 效果如图1 17所示 图1 17保存影片 2 单击按钮保存影片 按Ctrl Enter快捷键测试影片 可以观看影片的播放效果如图1 18所示 图1 18测试影片 5 发布影片 1 执行 文件 发布设置 菜单命令 打开 发布设置 对话框 在 格式 选项卡中可以对要发布的格式进行设置 如图1 19所示 图1 19 发布设置 对话框 2 SWF动画格式是Flashcs3自身的动画格式 因此它是输出动画的默认格式 选择 发布设置 对话框中的 Flash 选项卡 可以设定SWF动画的版本 加载顺序 图像和声音压缩比例等参数 如图1 20所示 图1 20 Flash 选项卡 3 如果要在Web浏览器中播放Flash电影 则必须创建HTML文档 选择 发布设置 对话框中的 HTML 选项卡 可以设定控制Flash电影出现在浏览器窗口中的位置 背景颜色以及电影大小等参数 如图1 21所示 图1 21 HTML 选项卡 4 设置完成后 单击按钮 可以在保存的目录中看到发布后的文件 如图1 22所示 图1 22发布后的文件 源文件 Html文件 swf文件 1 2 3课堂练习 制作 数字倒计时 请同学使用同样的逐帧动画制作方法 制作一个 数字倒计时 效果 1 新建一个Flash文档 设置文档属性如图1 23所示 图1 23设置文档属性二 2 执行 文件 导入 导入到舞台 菜单命令 将教学资源中的 素材 第1讲 数字倒计时 背景 png 文件导入到舞台中 效果如图1 24所示 图1 24导入背景图片 3 在默认 图层1 的第15帧处按F5快捷键插入帧 效果如图1 25所示 图1 25插入帧二 4 在图层1上面新建一个图层 如图1 26所示 图1 26新建图层 5 选择 文本 工具 在 属性 面板中设置 字体 为 ArialBlack 字体大小 为 55 文本颜色 为 红色 然后在 图层2 上输入 9 并相对于舞台居中对齐 参数设置如图1 27所示 舞台上的显示效果如图1 28所示 图1 28文字效果 图1 27文字参数 6 在 图层2