欢迎光临
我们一直在努力

我的世界杯:flash制作滚动足球动画_flash教程

建站超值云服务器,限时71元/月

  目前世界杯打得火热,今天风之梦教大家利用Flash绘制滚动的足球动画,让更多喜欢看球的设计迷们自己做出自己喜欢的足球动画。


  首先来看一下FLASH制作的滚动足球动画的效果。大家可以注意到这个足球在转动,而且还有跟随运动的阴影效果。






  首先打开FLASH软件,新建一个90×160像素,背景色为白色,帧频为24FPS的文件。


我的世界杯:flash制作滚动足球动画_flash教程

  接下来的工序就稍有点复杂,为了制作出逐帧的足球旋转动画,所以首先要手绘出24个足球旋转画面。


  为了使大家能看清,这里将背景修改为粉色,然后按下Ctrl+F8新建一个名为Symbol 1的图形元件。


我的世界杯:flash制作滚动足球动画_flash教程

  在左边“工具箱”中选择“多角星形工具”,然后在下方“属性”面板中单击“选项”,设置样式为“多边形”,边数为6,星形顶点的大小可以按标准进行调整。


我的世界杯:flash制作滚动足球动画_flash教程

  利用“箭头工具”、“部分选取工具”、“任意变形工具”、“填充变形工具”分别绘制足球各个六边形并组合在一起。(注意笔触颜色为黑,填充颜色分为黑白二种)。


我的世界杯:flash制作滚动足球动画_flash教程

  制作好一个足球图形后,我们再新建其它图形元件,分别绘制出其它图形。下面我把绘制的24张图列出,大家可以一一对照绘制。手绘功底不好的可以在文章末尾处下载源文件进行对照学习。


我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

我的世界杯:flash制作滚动足球动画_flash教程我的世界杯:flash制作滚动足球动画_flash教程

  再新建一个影片剪辑元件,按每2帧一个足球图形按顺序将这24张足球图形拖进编辑区。


我的世界杯:flash制作滚动足球动画_flash教程

  点击时间轴上的①“编辑多帧”按钮,然后将②“结束绘图纸外观”游标拖到最后,然后在编辑区中按下Ctrl+A全选所有图形,在“对齐”面板中单击对齐选项中的③“居中对齐”和④“垂直对齐”。


  提示:利用编辑多帧可以对许多帧中的元件进行统一编辑,适合逐帧动画元件的移动。


我的世界杯:flash制作滚动足球动画_flash教程

  编辑后后24个足球图形就对齐了,现在回到场景中,将这个足球的影片剪辑元件拖入到场景中利用“任意变形工具”调整到合适的大小。


我的世界杯:flash制作滚动足球动画_flash教程

  接下来再制作足球的影子,将足球的影片剪辑元件再拖一个进来,利用“任意变形工具”调整到合适的大小,然后在下方属性栏的“颜色”选项中选择①“高级”,然后单击“设置”,最后设置“高级效果”中的Alpha值为20%。


我的世界杯:flash制作滚动足球动画_flash教程

  最后一步就是保存并按下Ctrl+回车进行测试了,大家看看这个旋转的足球是不是让世界杯更精彩了

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 我的世界杯:flash制作滚动足球动画_flash教程
分享到: 更多 (0)