在舞台中，1使用[矩形工具]怎么绘制时间轴一个矩形，2在[时间轴]面板上，选中第68帧，按下快捷键F6，插入

来源：蜘蛛抓取(WebSpider) 时间：2015-11-12 02:51 标签： canvas绘制横向时间轴
第2课：制作第一个简单动画
我们已经对FlashMX的工作环境已经有了一个基本的了解，现在让我们来一起学习制作第一个几何图形渐变的简单Flash动画。
　　请同学们根据下面的操作步骤，灵活的加以掌握。
　　第一步：启动FlashMX程序，打开工作环境的窗口，可以使用下列方法之一。
　　方法一：单击“开始”按钮 → 打开“程序”项
→ 打开“Macromedia”程序组项 → 单击“Macromedia Flash
MX”命令，即可启动程序。
　　方法二：鼠标直接双击计算机桌面上的“Macromedia Flash
MX”的程序快捷图标（如果有的话），即可打开程序窗口。
　　第二步：设置动画片的舞台大小，可以使用下列方法之一。
　　方法一：使用“修改|文档”菜单命令（快捷键为Ctrl+J），打开“文档属性”对话框，如下图所示：
　　在FlashMX文档中默认的舞台大小为宽度550px（像素），高度400px（像素），背景色为“白色”，帧频为“12fps”（每秒钟播放12帧,每1帧即为一个动画画面）。在我们制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽
→“400px”，高 →“100px”，背景色为“黄色”，帧频
→“12fps”,设置完毕后如下图所示：
　　方法二：单击展开“属性面板”，再单击面板中的“550 x
400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。如果只是想简单的修改舞台的背景色和影片的帧频，则可以在属性面板中直接设置。
　　第三步：在舞台的左侧使用“椭圆工具”绘制出一个正圆。
　　单击“工具箱”中的“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”禁用，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆，如下图所示：
　　第四步：在舞台的右侧使用“矩形工具”绘制出一个正方形。
　　此时，我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点（关键帧图标）。下面，我们再选中图层1时间线上的第40帧，使用“插入|空白关键帧”菜单命令（或者鼠标右击时间线第40帧，在快捷菜单中选用“插入空白关键帧”命令，也可以使用快捷键F7，直接在时间线上插入空白关键帧），空白关键帧的图标在时间线上显示为一个空心小圆点，如下图所示：
　　这时，我么可以发现原先在舞台左侧绘制的红色圆“消失”了，舞台上什么对象都没有。这是因为，我们现在看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧，所以我们可以选用工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”禁用，将“填充色”设置为“蓝色球形”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形，如下图所示：
　　如果细心的同学可以发现，图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。
　　第五步：为影片创建补间动画。
　　单击选中图层1时间线上的第1帧，打开“属性面板”，选用“补间”下拉列表中的“形状”命令即可，如下图所示：
　　所谓的补间就是让FlashMX程序为用户自动地在两个关键帧之间创建动画效果,补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充，如下如所示：
　　此时，如果我们想预览动画效果，只要按键盘上的“Enter”就可以了。
　　第六步：保存并导出我们的第一个动画作品。
　　使用“文件|保存”菜单命令（快捷键为Ctrl+S），打开“另存为”的对话框，设置文档的存储路径，文档的文件名后，单击“保存”按钮即可，如下图所示。请同学们注意，此时我们存储的是作品的.fla格式的文档。
　　下面，我们接着学习如何导出动画作品。使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。
补充练习：
练习一：制作一个舞台大小为400 x
100像素，背景色、帧频自定的红色短线条渐变为蓝色长线条的作品。
练习二：制作一个舞台大小400x100像素，背景色、帧频自定，动画内容为红色三角渐变为绿色圆，再渐变为蓝色正方形的作品。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
第2章_利用动画技术制作动态演示课件-PPT（精）
下载积分：1000
内容提示：第2章_利用动画技术制作动态演示课件-PPT（精）
文档格式：PPT|
浏览次数：2|
上传日期： 13:02:47|
文档星级：
该用户还上传了这些文档
第2章_利用动画技术制作动态演示课件-PPT（精）
官方公共微信 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
第 3 章 用Flash制作动画演示课件（一）
下载积分：900
内容提示：第 3 章 用Flash制作动画演示课件（一）
文档格式：PDF|
浏览次数：7|
上传日期： 11:51:42|
文档星级：
该用户还上传了这些文档
第 3 章 用Flash制作动画演示课件（一）
官方公共微信第二节 元件及渐变动画(区)_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
第二节 元件及渐变动画(区)
上传于||暂无简介
阅读已结束，如果下载本文需要使用
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩1页未读，继续阅读
你可能喜欢

我要回帖

更多关于 canvas绘制横向时间轴 的文章

 

随机推荐