制作简单动画作品自习室

魏绪增

第三课：形状补间动画《心形变文字》
    （适用人群：初学者，会简单鼠绘）

        形状补间动画是物体从一个物体变化到另一个物体，如由方形渐变成圆形，红色渐变成蓝色，也就是在两个关键帧中的对象可以互相转换，这个变化过程由FLASH在两个关键帧中创建。如果对组、实例或者位图图像进行形状补间动画，还需要分离这些元素，对文本进行形状补间动画，需要将文本分离两次，从而将文本转换为形象。
    制作思路：在起始关键帧和结束关键帧中分别绘制心形和写出文字，在这两帧之间创建形状补间动画。

制作步骤：

1、打开FLASH界面，单击“修改”/“文档”，在“文档属性”面板设置“尺寸”宽：550，高：200，“背景颜色”：黄色，“帧频”：12fps。

2、单击第1帧，按F7键插入空白关键帧，选择“钢笔工具”，在“属性”面板，将“笔触颜色”设置为红色在舞台中间绘制一个心形（钢笔画出的是直线，要用“选择工具”调整为弧线形，方法是：鼠标箭头移到直线上会出现一个小弧线，这时按住左键拖动直线，使弧线达到满意的位置）。

3、单击10帧，按F6键插入关键帧（这时10帧格上会出现一个黑色实心小圆圈），单击30帧按F7键插入空白关键帧选择“文本工具”在“属性”面板里选择您自己喜欢的字体（点“系列”栏右边的小三角），设置“大小”为70点，“颜色”：红色，然后在舞台中间打出“火热的心”四个字。

4、用“选择工具”分别打散心形和文字（方法是点第10帧，按住Ctrl键按B键；然后点第30帧，按住Gtrl键按B键，注意，文字需要按B键两次。）

5、在第10帧到30帧之间的任意一帧右击鼠标，在弹出的菜单中，点击“创建补间形状”。

形状补间在时间轴上的表示（此图不是本课图例）


6、选择第40帧，按F5键插入普通帧（这时40帧格上会出现一个空心小方形），以延长动画时间。

7、单击“控制”/“测试影片”，观看动画效果。


8、“导出”/“保存”（按第一课的方法）。

【经验：在这一课大家看到，点击键盘的某一个按钮就可以直接创建帧，不去使用菜单命令。例如：按F5键是插入普通帧，按F6键是插入关键帧，按F7键是插入空白关键帧，方法比较简单。】

第三课动画效果图

老魏作品欣赏

魏绪增

       FLASH动画制作教程【4】     

小豆子

哈哈！魏老师好！
           刚刚才进来看看！
       谢谢了！
               祝愉快！

小豆子

魏绪增 发表于 2014-6-16 05:40
建议学习FLASH动画制作小品性子急的朋友，可以到当地新华书店购买以下三本书，先自己看看，有利于尽快入门 ...

哈哈！魏老师好！
                这个软件是收费的吗？
               小可下载了一个软件，和这个差不多，提示中告知，试用之后是要付钱购买的（小可实际没有使用，不会用）
     哈哈，谢谢。慢慢来吧！
祝愉快！

魏绪增

小豆子 发表于 2014-6-28 11:18
哈哈！魏老师好！
           刚刚才进来看看！
       谢谢了！

欢迎小豆子老师学习动画制作，我十分欣赏您的小诗，希望咱们早日实现《诗配画》创作的快乐！

魏绪增

小豆子 发表于 2014-6-28 11:26
哈哈！魏老师好！
                这个软件是收费的吗？
               小可下载了一个软件，和这个差 ...

小豆子老师好，我可以提供给您一个免费的FLASH.8软件，您按照提示下载、安装、使用吧！（我另建一楼提供此软件的下载、安装方法，供大家使用）

小豆子

哈哈！魏老师好！
                谢谢了！
           小可尽力的努力为之吧！
           祝夏日愉快！
      小豆子老师您好，学习制作动画是快乐的事情，虽然起步很困难，需要克服很多困难，但是只要努力付出，快乐和汗水始终会陪伴着您，哈哈！加油吧！祝您 成功

魏绪增

第四课：引导层动画《气球冉冉上升》
        （适用人群：初学者）

       引导层动画应用很广泛，它是在时间轴上创建一个特殊图层，在这个
图层中有一条直线或者曲线，可以让一个对象沿着这条线运动，从而制作
出沿着这条线运动的动画效果。一般引导层上的内容只作为对象运动的参
考线，不会在最终效果里出现。

制作步骤：

  1、打开FLASH软件界面，单击“插入”/“创建新元件”，“名称”里
填“气球”，“类型”填“图形”，点“确定”。

  2、用“椭圆形工具”和“铅笔工具”在舞台上画一个气球形状，然后
点击“窗口”/“颜色”，在颜色面板中，设置“类型”为“放射状”，
颜色为白到粉红色。选择“颜料桶工具”填充图形。（如果填充不进去
请您选择“工具栏”最下面的“封闭小空隙”试试。）

  3、用“选择工具”把气球的轮廓线删除，（有一个一步删除的方法
待以后讲解），用“铅笔工具”在气球的下边画一条线。

  4、用“选择工具”选择（框定）所有图形，点击“窗口”/“对齐”，
在“对齐”面板中点击第2和5的按钮进行水平居中和垂直居中对齐，使
图形与舞台中心对齐。

  5、单击“场景1”返回到场景，点击“窗口”/“库”，用鼠标把气球
从库里拖到舞台的左下面。（这里可以用“任意变形工具”调整其大小
和位置。

  6、右击图层1，点击“添加传统运动引导层”，添加一个图层。

7、选择“铅笔工具”，画一个气球上升的路径。

  8、在图层1的第50帧按F6键插入关键帧，在“引导层”的第50帧按F5
键插入帧。

  9、选择图层1的第一帧，把气球拖到路径的起始端，选择图层1的第50
帧，把气球拖到路径的结束端，（注意，一定要使图形中的小圆圈与路径
的两端重合，引导层才有效果）。

  10、选择图层1——50帧的任意一帧，右击，点“创建传统补间”

  11、在“属性”面板上，在“调整的路径”框上打勾，（这样可以调整
气球在路径上的状态）。

  12、点击“控制”/“测试影片”，观看动画效果。

  13、导出、保存。（方法见第1、2课）

第四课动画效果

老魏作品欣赏

小豆子

魏绪增 发表于 2014-6-22 05:44
FLASH动画制作教程【3】

哈哈！魏老师好！                按照你的指导，一步一步的就弄出来一个这样的结果，真是不好意思！不过我还在努力着！
                      祝愉快！

魏绪增

小豆子 发表于 2014-7-2 21:43
哈哈！魏老师好！                按照你的指导，一步一步的就弄出来一个这样的结果，真是不好意思！不过 ...

呵呵，小豆子老师“心有灵犀一点通”，这么快就出作业啦！看来，兴趣是最好的老师，只要您兴趣不减，一定能够学习成功！

       看了您的作业，逐帧动画很成功，只有一点儿小瑕疵：1、就是在用“椭圆形工具”画圆时，同时按住Shift键，就可以画出正圆形啦；2、作业不应该出现圆形轮廓，方法是画圆时，笔触颜色设置为“/”（即，没有轮廓线）。
指正如下：