制作简单动画作品自习室

魏绪增

FLASH动画制作教程【13】      [flash] [/flash]

魏绪增

第24课：初学者学做《花儿逐渐生长》逐帧动画小品
导语：逐帧动画是最基础的动画类型，它是把运动过程中逐渐变化的画面内容附加在每个关键帧中，当画面连续播放时，利用人的视觉暂留现象，形成流畅的动画效果。本课教会学生在不同的关键帧上依次绘制不同时期的花儿生长矢量图。

操作步骤：
1、打开Flash软件，新建一个Flash文档。点击“菜单栏”上的“修改”/“文档”，在下拉的“文档属性”里，设置“尺寸”为：宽400，高300；“背景颜色”为：浅蓝色，“帧频”为：6 fps。

2、双击“图层1”，重命名为“花盆”，用“钢笔工具”画出花盆轮廓，再用“选择工具”修改轮廓（使用方法在上一课讲过），再用“颜料桶工具”填充颜色；设置“笔触颜色”为黑色，“填充颜色”为灰色。（也可以用“线性”灰色，我这里就是用的“线性”灰色）

如下图：


3、选择“花盆图层”的第15帧，按F5键“插入普通帧”，用“任意变形工具”选择舞台上的花盆，点击“工具栏”下面的“笔触颜色”，在“颜色面板”的右上方点击“消除笔触”图标，删除花盆的轮廓线。

如下图：


4、单击“时间轴”面板下的“新建图层”图标，将“图层2”双击，重命名为“花儿”。

5、在“花儿图层”中，用“刷子工具”在花盆上方绘制两片刚发芽的叶子形状，并用“选择工具”进行修改。（在“工具栏”最下边，可以选择刷子大小和形状，也可以设置“填充颜色”为浅绿色）

如下图：


6、在“花儿图层”中，右击第2帧“插入关键帧”。然后用“任意变形工具”选择叶子，再点击“修改”/“变形”/“缩放和旋转”，在弹出的对话框里“缩放”文本框中输入“120”，其他参数为默认值，单击“确定”。

7、用同样的方法绘制第3——6关键帧花儿的前期生长过程图。（绘制时适当用“任意变形工具”“工具栏”下面的“扭曲模式”调整叶子和茎的形状）

如下图：


8、在“花儿图层”中，选择第7帧，按F6键，“插入关键帧”，绘制出花儿又长出两片小叶子和冒出的小花图形。（花儿用粉红色做为填充色）

如下图：
  

9、用同样的方法，配合“任意变形工具”中的“扭曲模式”绘制第8——10关键帧的叶子与花儿的生长过程，在“花儿图层”的第15帧右击“插入帧”。

如下图：


10、至此，全部动画完成，可以反复按回车键预览动画效果，最后进行保存。（方法见以前课程）

本课动画效果如下图：

魏绪增

       FLASH动画制作教程【14】     [flash] [/flash]

魏绪增

        新 手 入 门        
请您点击下面的红箭头：

魏绪增

       FLASH动画制作教程【15】     [flash] [/flash]

魏绪增

第58课：《会动的车轮》（初学者热身）

      这个作业是初学者的鼠绘作业，通过鼠绘制作汽车运动、缓停的动画，复习补间动画，同时，练习运用FLASH绘画工具，画出简单的汽车。

     一、创建车轮动画

     1、打开 FLASH 文档，点击“修改”/“文档”，设置“大小”宽：600，高：400，帧频：12 fps。

     2、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“车轮”，选择“类型”为“图形”【如图1】，单击“确定”。

     3、先用“椭圆工具”、“线条工具”画一个车轮简笔画，（方法：按住Shift键画正圆形，在里面再画一个小圆，用“线条”画△）最后填充颜色；按 Ctrl+K 键，打开“对齐”面板，对准注册点。【如图2】

     4、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“车轮动”，选择“类型”为“影片剪辑”【如图3】，单击“确定”。

     5、按 Ctrl+L 键，打开“库”面板，把车轮元件拖放到场景中，然后按 Ctrl+K 键打开“对齐”面板，将车轮元件对齐注册点。

     6、在第50帧上单击鼠标右键，在弹出的菜单中选择“插入关键帧”，然后在1—20帧之间单击鼠标右键，在弹出的菜单中选择“创建补间动画”，在“属性”面板上，在“旋转”下拉表框中选择“顺时针”，（后面是默认旋转1次）。

     二、创建汽车动画

     1、点击“插入”/“新建元件”，在“创建新元件”对话框的“名称”里输入“汽车动”，“类型”选择“影片剪辑”，单击“确定”。

     2、双击“时间轴”面板上的图层名称，将图层重新命名为“车身”，单击第1帧，在场景中用绘图工具画出汽车车身的简笔画。（填充颜色任自己喜好进行填色）【如图5】

     3、在时间轴左下方，点击“插入图层”图标，新建一个新图层，并重新命名为“车轮动”。

     4、把“车轮动”图层拖动到“车身”图层的下方。

     5、单击“车轮动”图层的第1帧，将“库”面板里面的车轮动元件拖放到场景中。【如图6】

     6、选择工具箱上的“任意变形工具”，按住 Shift 键，调整车轮的大小，并对齐与车身的位置。【如图7】

     7、选择“选择工具”，按住 Alt 键，选择场景中的车轮实例，拖动并复制一个新的车轮实例，放到汽车的另一个车轮位置，调整车轮与车身的相互位置，【图10】完成汽车车轮动画的全部分。

    三、创建汽车行走与缓停的补间动画

    1、单击编辑栏左上角的“场景1”按钮，双击图层名称改为“汽车实例”。

    2、打开“库”面板，把“汽车动”元件拖放到场景（舞台、白框）以外的粘贴板中（舞台外的左下方）【图8】。

    3、单击第50帧，按 F6 键，“插入关键帧”，将第50帧的“汽车动”实例拖动到舞台的右下方。【图9】

    4、单击第1帧，在“属性”面板上，设置“补间”为“动画”，“缓动”设置为：100（停车时会逐渐慢下来）。

    5、在第51帧“插入关键帧”，将场景中的汽车“打散”两次，（这样汽车车轮就不会转动了），最后，在70帧“插入普通帧”，完成整个制作。

    6、点击“控制”/“测试影片”，看看制作效果。【完】

    7、保存，点击“文件”/“导出”/“导出影片”，在“保存类型”下拉菜单里选择“Flash影片”，点击“保存”

本课效果作业：

【注：本课图例有删改，不影响制作效果】

魏绪增

第66课：熊猫举重（综合补间动画）

      本教程用Flash来制作一个“熊猫举重”的动画，感兴趣的朋友可以打开Flash一起来学习。希望本教程能给你带来快乐！
      北京奥运会上，中国举重队取得了8金1银的好成绩，令国人振奋不已。今天我们就用Flash来制作一个“熊猫举重”的动画，主要用到椭圆工具，矩形工具和直线工具等，操作简单易懂，适合练习。先看下效果吧：
效果预览：
　　制作步骤：
1、新建Flash文档，尺寸：600*500，其他为默认（背景可选择有草地的图片，或者自己绘制）。
2、用工具画出熊猫。（注意：把1、胳膊、2、杠铃和双手、3、其余部分，三组画分别“转换为图形元件”入库。）。【图1】

3、做动画之前整理一下图层。把两只胳膊放在“arm”层，杠铃和双手放在“hand”层，其余部分全部放在“body”层，这样做起动画来会比较方便。可以用Ctrl+X剪切，再Ctrl+Shift+V原地粘贴的方法来整理图层。除了胳膊层之外，其他图层的对象全部Ctrl+G群组。【图2】


4、在三个图层的第16帧处都按F5插入帧，使画面能延续到这一帧。【图3】


5、在“hand”层的第4帧处按F6插入关键帧添加动画补间，将本层对象全部向上移动一段距离，可用向上的方向键来移动。【图4】


6、在“arm”层的第4帧处也F6插入关键帧并添加形状补间，用任意变形工具将将此帧上的手臂向上拉长直到与双手接上。【图5】


7、选中“hand”层的第4帧，点右键选“复制帧”，在第10帧处点右键选“粘贴帧”。对“arm”层也进行同样的操作。【图6】


8、选中“hand”层的第1帧，点右键选“复制帧”，在第12帧处点右键选“粘贴帧”，并添加动画补间。对“arm”层也进行同样的操作，但添加的是形状补间。【图7】

　祝大家制作成功。

魏绪增

第183课：卷轴交换图片制作方法

小豆子

魏绪增 发表于 2014-7-2 05:16
第四课：引导层动画《气球冉冉上升》
        （适用人群：初学者）

哈哈！魏老师好！
           交四课作业了！
        那条横线的作用？如何去掉它？
              哈哈，祝愉快

小豆子

小豆子 发表于 2014-9-1 17:01
哈哈！魏老师好！
           交四课作业了！
        那条横线的作用？如何去掉它？

  哈哈！这就是没划横线的效果吧！