学用Flash MX制作简单的情景动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-13
|
准备工作 1. 制作思路 英语课件中经常需要设计一些动画场景，我们今天设计一个这样的场景动画：小男孩在森林中散步，身边有几个小鸟飞来飞去，小男孩在一棵大树下停下来，并抬头看大树上的鸟巢。 2. 素材准备 （1）两幅有关小男孩走路的图片，分别命名为pic01.jpg、pic02.jpg。 （2）一幅名为pic03.jpg的背景图片。 （3）小鸟和蝴蝶的GIF动画各一幅。 动画的制作 1. 创建一空白电影文件，其文件属性参数设置如图所示。 2. 单击[OK]按钮后，按上一期中所学的方法把上面的图片和GIF动画导入到电影的库面板中，从库面板中我们可以看出GIF动画其实是由几幅连续的图片所构成的，当把它们导入后，Flash会自动生成相应的电影夹子。 3. 小男孩走路的制作 （1）在菜单栏中单击“Insert/New symbol...”命令，新建一个电影夹子，命名为“小男孩”，单击［OK］后进入到“小男孩”电影夹子编辑区。 （2）在库面板中选中Pic01.jpg图片，把它拖到“小男孩”电影夹子的舞台中。 （3）选中该图片，按F8或执行“Insert/Convert to symbol...”命令，选择“Graphic”项，把它转化为图形元件。 （4）双击该图片，进入到工作舞台。 （5）由于图片的背景色与文件的背景色不同，为了使动画更逼真，我们应该把图片的背景色去掉，这就要用到工具箱中的套索工具（Lasso Tool）。选中该图片后，按“Ctrl+B”或执行菜单栏中的“Modify/Break Apart”命令，把文件打散。 （6）选中套索工具，它的［Options］共有三个选项。 套索工具主要用来选择矢量对象的不规则区域，而选项中的多边形套索工具主要用来选择对象的规则区域。选项中的魔棒工具主要用来选择颜色相同或相似的颜色区域，单击魔棒工具选项，弹出对话框，“Threshold”的值越大，表明魔棒工具一次性选择的颜色相似区域越大，反之越小。而“Smoothing”表示所选区域的平滑程度，一般选择“Normal”方式。由于图片的背景颜色相同，所以选中魔棒工具后，对着背景单击一下，再按［Delete］键即可把背景颜色去掉。如果底色去得不干净，我们可利用缩放工具把图形放大了再来清除。 （7）单击时间线面板的小男孩图标，返回到小男孩工作舞台，选中小男孩元件，用方向键移动，直到它的中心与舞台中心重合。 （8）在第10帧处按F7键，插入一关键空白帧，把Pic02.jpg这幅图片拖放到小男孩的工作舞台中。 （9）重复上面的（3）~（7）步后，选中第20帧，按F5插入普通帧。 （10）单击“Enter”键，我们就可以看到小男孩走路的动画效果了。 4. 主场景的制作 小男孩走路的电影夹子做好后，我们就来看看他是怎样在森林中散步的。 （1）回到主场景中，把背景图片拖放到舞台中，并使图片的高度与舞台的空白编辑区的高度一致。 （2）执行“Insert/Convert to symbol...”命令，把它转化为图形元件。 （3）在第40帧中插入关键帧，并调整好图片的位置。 （4）第1帧和第40帧中图片和空白编辑区的位置如图所示。 （5）选中第1帧，按右键，在弹出的菜单中选中“Create Motion Tween”命令，加入运动时间线。 （6）锁定Layer1图层，新建一图层Layer2，把“小男孩”电影夹子拖放到舞台中。 （7）在菜单栏中执行“Modify/ Transform/Flip Horizontal”命令，把小男孩的走路方向水平调转，并在第40帧中插入关键帧，调整好小男孩的位置。 （8）选中Layer2层中的第1帧，插入运动时间线。 （9）重复（6）~（8）的步骤，新建图层Layer3和Layer4，分别把小鸟和蝴蝶的电影夹子拖放到舞台中。 （10）按下“Ctrl+Enter”，我们就可以看看动画的效果啦。要想小男孩停下来，我们可以给各个层的第41帧中插入关键帧，只是在小男孩所在的Layer2层的第41帧中插入空白关键帧，如图所示。 （11）把pic01.jpg图片或其相应的图符元件拖放到空白关键帧中，注意调整它的水平方向和大小（抬头动作）。 （12）新建图层layer5，在第41帧中插入空白关键帧，打开“Actions-Frame”面板，加入[stop]命令。 （13）到此整个动画就完成了，保存文件，并把它输出为SWF动画，这样就可以欣赏自己的动画作品啦。 小结： 本篇的动画是通过移动背景来实现动画效果的，其实也可以让背景图片静止，改变其他元素来实现动画效果，有兴趣的读者可以试试。 关键词：动画 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 文字的立体环绕效果下一篇: 在Flash中使用ASP技术
关于学用Flash MX制作简单的情景动画的所有评论
