分享

制作“运动补间动画”的详细步骤

 qjguo 2012-03-31

制作“运动补间动画”的详细步骤

    应博友的要求,现以《七仙女下凡》为例介绍使用flash8.0软件制作“运动补间动画”的详细步骤,由于我也是刚刚开始学习,所以文中如有不当之处还请各位博友指正。

    准备工作:要准备2幅图片,其中一幅是JPG格式的《老槐树下》,作为动画的背景图;另一幅是GIF格式的《七仙女》,是在PS软件中经过抠图处理,背景是透明的,作为动画元件之用。下面是制作的详细步骤。

    1.打开flash8.0软件,点菜单中“文件”-“新建”,出现“新建文档”对话框,点选“flash文档”,点“确定”。

制作鈥溤硕辜涠澋南晗覆街

    2.点下面“属性”面板中的“大小 550*400像素”,出现“文档属性”对话框,改尺寸为600(宽)*800(高),点“确定”。

制作鈥溤硕辜涠澋南晗覆街

    3.点菜单的“视图”-“缩放比例”-“符合窗口大小”。

制作鈥溤硕辜涠澋南晗覆街

    4.点“文件”-“导入”-“导入到舞台”。

制作鈥溤硕辜涠澋南晗覆街

    5.在出现的“导入”对话框中查找到电脑硬盘中的《老槐树下》,打开。

制作鈥溤硕辜涠澋南晗覆街

    6.此时在舞台中出现“老槐树下”背景图。拉动“时间轴”窗口下面的滚动条,使上面一长串数字(这是表示帧数)出现150,在“150”数字下面的浅灰色格子上点一下,然后按键盘上的F5键(意思是插入帧),表明这幅动画的长度为150帧。

制作鈥溤硕辜涠澋南晗覆街

    7.按Ctrl+F8键,出现“创建新元件”对话框,改“名称”为“七仙女”,类型点选“图形”,点“确定”。

制作鈥溤硕辜涠澋南晗覆街

    8.此时在右下方的“库”面板上出现“七仙女”的元件名称。点“文件”-“导入”-“导入到库”。

制作鈥溤硕辜涠澋南晗覆街

    9.出现“导入到库”对话框,从电脑硬盘中找到名为《七仙女6》的图片,打开。

制作鈥溤硕辜涠澋南晗覆街



    10.此时在“库”面板中出现“七仙女6”的位图,用鼠标点住这几个字拖到空白的舞台上(不作任何处理)。

制作鈥溤硕辜涠澋南晗覆街

    11.点击“时间轴”面板上面“场景1”处,舞台上又出现背景图,再点该面板左下方最左面的“插入图层”按钮。

制作鈥溤硕辜涠澋南晗覆街

    12.此时在时间轴面板上出现“图层2”。拖动该面板下面的滑块向左,使出现第1帧,然后点图层2的第一帧(变黑)。

制作鈥溤硕辜涠澋南晗覆街

    13.从“库”中拖“七仙女6”到舞台上。

制作鈥溤硕辜涠澋南晗覆街

    14.选用“任意变形工具”(“工具”栏左面第二个按钮)在“七仙女6”的四周出现8个控点。

制作鈥溤硕辜涠澋南晗覆街

    15.按住Shift键,在一个角的控点处向中间拉,使图形缩小,然后拖到合适的位置(云头上)。

制作鈥溤硕辜涠澋南晗覆街

    16.点图层2的第30帧,按键盘上的F6键(意思是插入关键帧),把舞台上的动画元件(七仙女6)拖到云头下面一点的位置,按住Shift键拉动角上的控点,使动画元件稍稍变大一点。

制作鈥溤硕辜涠澋南晗覆街

    17.点图层2的第1帧,再点属性面板的“补间”窗口右面的下拉箭头,出现下拉条,点选其中的“动画”。

制作鈥溤硕辜涠澋南晗覆街

    18.此时在时间轴图层2的第1帧到第30帧之间出现一条长箭头(表示补间已经成功)。点图层2的第80帧,按键盘上的F6键,把动画元件拖到背景图的草地上,按住Shift键拉动角上的控点,使动画元件变大。

制作鈥溤硕辜涠澋南晗覆街



    19.点图层2的第30帧,再点属性面板的“补间”窗口右面的下拉箭头,出现下拉条,点选其中的“动画”,在时间轴图层2的第30帧到第80帧之间出现一条长箭头。

制作鈥溤硕辜涠澋南晗覆街

    20.点图层2的第92帧,按F6键,然后再按键盘的向上键15次,点图层2的第80帧,再点“补间”的下拉箭头,点选其中的“动画”,在第80帧到第92帧之间出现一条长箭头。

制作鈥溤硕辜涠澋南晗覆街

    21.点图层2的第100帧,按F6键,然后再按键盘的向下键15次,点图层2的第92帧,再点“补间”的下拉箭头,点选其中的“动画”,在第92帧到第100帧之间出现一条长箭头。制作完成。

制作鈥溤硕辜涠澋南晗覆街

    22.按Ctrl+Enter键可以预览到制作的结果。关闭预览,点“文件”-“发布设置”,出现“发布设置”对话框,点“Flash(swf)”右面的黄色文件夹图标,出现“选择发布目标”对话框,取文件名为“七仙女下凡”,选择保存路径后点“保存。

制作鈥溤硕辜涠澋南晗覆街

    23.在重新出现的“发布设置”对话框的上方,点击“Flash”小方框,再点击“发布”,保存完成。

制作鈥溤硕辜涠澋南晗覆街

 

    附:素材图和制作完成的动画图。

制作鈥溤硕辜涠澋南晗覆街



制作鈥溤硕辜涠澋南晗覆街


    (注:如果从这里下载“七仙女”的素材图,是GIF格式,可以直接使用) 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多