精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>FLASH教程>正文

Flash MX2004入门与进阶实例--动画基础(7)


来源:站长站 时间:06-09-21 点击: 点击这里收藏本文
第三章 动画基础

第二节 逐帧动画(4)

    

知识提要

     绘制矢量线条

     使用填充工具

     创建矢量图逐帧动画

 

步骤1 建立新文档

执行【文件】|【新建】命令,在弹出的对话框中选择【Flash 文档】选项后,单击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为550×400象素,【背景色】为白色,如图3-2-12所示。

3-2-12 文档属性

步骤2 创建背景图片元件

    选择第一帧,执行【文件】|【导入】|【导入到舞台】命令,将配套光盘中的“天空”图片导入到场景中。(“天空”图片位置:光盘\example\part3\***\图片\天空.jpg

步骤3 建立名为“立方体”的影片剪辑元件

执行【插入】|【新建元件】命令,新建一个影片剪辑元件,名称为“立方体”,如图3-2-13所示。

3-2-13 创建立方体元件

说明:影片剪辑是Flash中最重要的元件之一,在制作动画时经常需要用到它。有关影片剪辑的详细信息,请参阅本书第四章的相关内容。

在第一帧中,选择工具箱中的【线条工具】,在【属性】面板上设置【笔触样式】为实线,【笔触高度】为1,【颜色】为#003366,如图3-2-14所示。

 

3-2-14 【直线工具】的【属性】面板参数设置

在场景中画一个立方体的边线,分别选择深蓝、蓝、浅蓝三种颜色,用【颜料桶工具】填充各个面,参考颜色为:#000099、#0033FF、#00CCFF,如图 3-2-15所示。

 

3-2-15 立方体的第一帧绘制

参考下图依次绘制各帧中立方体的外形并填充相应的颜色,共18帧,如图3-2-16所示。(在配套光盘的源文件的库中提供了一个“立方体”的矢量线条图形元件供参考,源文件位置:光盘\example\………)

 

3-2-16 立方体各帧线条轮廓

步骤4 创建“立方体”图层 

单击【图层】面板上的【插入图层】按钮,新建一层,在时间轴的第一帧上,把库里的“立方体”影片剪辑拖入主场景中,放在场景的中下部,如图3-2-17所示。

3-2-17 时间轴面板和场景中的元件

步骤5 创建标题文字

再添加一个新图层,选择工具箱中的【文字工具】,在【属性】面板上设置参数:【静态文本】、字体为【黑体】、字号为45、颜色为蓝色,如图3-2-18所示。

3-2-18 文字参数设置

 

在场景上方输入“矢量图逐帧动画”七个文字,文字的位置请参考图3-2-17。至此,整个实例制作完成。



  把此文章收藏到:          
相关教程
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.