• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >flash > Flash AS3教程:如何快速制作风扇旋转的动画效果

Flash AS3教程:如何快速制作风扇旋转的动画效果

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Flash AS3教程:如何快速制作风扇旋转的动画效果,其中包含flash as3教程,flash as3视频教程,flash as3 api,flash as3帮助,flash游戏修改器as3等知识点,遇到此问题的同学们可以参考下

本篇主要使用变形工具,结合FLash自带代码片断快速制作风扇旋转动画的效果,过程中无需用户输入代码,整个过程简单易学,适合新手学习,希望本教程对大家有一定的帮助。

Flash AS3快速制作风扇转动动画

工具/原料

 Flash cs6

 actionscript3.0,变形工具,代码片断

方法/步骤

1、新建actionscript3.0文档。

2、选择圆形工具,设置边线为不可用。

Flash AS3快速制作风扇转动动画

3、 在场景中绘制一个椭圆形。

Flash AS3快速制作风扇转动动画

4、将椭圆形状进行简单调整,然后选择颜色工具,给椭圆加一个渐变色,这里也可以根据自己的喜好制作。

Flash AS3快速制作风扇转动动画

5、将制作好的页片选择按Q键,然后选择中心,将中心移动到页片下合适位置。

Flash AS3快速制作风扇转动动画

6、选择页片,打开变形工具,设置旋转角度为120度,连续点复制按钮,复制三个页片。

Flash AS3快速制作风扇转动动画

7、 在页片图层上再建一层,绘制一个圆,并给圆加径向渐变并设置合适颜色。

Flash AS3快速制作风扇转动动画

8、选择页片所在图层第一帧,然后按F8将三个页片转为影片剪辑,起任意元件名并确定。

Flash AS3快速制作风扇转动动画

9、确保页片影片剪辑被选择,打开代码片断面板,选择动画-不断旋转并双击,在弹出的对话框上直接点确定。

Flash AS3快速制作风扇转动动画

10、此时在动画图层最上层自动建立Actions层,并自动加入了相应控制代码。此时我们按ctrl+enter测试,发现页片层并不是以中心为轴进行旋转,而是以左上角为轴进行旋转, 这是因为在建立影片剪辑时,默认的注册点在左上角,下一步我们将修正这个问题。

Flash AS3快速制作风扇转动动画

11、 双击打开页片所在的影片剪辑,我们可以看到左上角有一个小小的“+”,这里就是影片剪辑的注册点,直接将三个页片选择移动到注册点上合适位置。

Flash AS3快速制作风扇转动动画

12、回到场景中,可以看到刚才的调整导致页片位置偏离正确位置,此时只需要将页片影片剪辑重新移动到圆形图案下合适位置即可。

Flash AS3快速制作风扇转动动画

13、按ctrl+enter测试,一个风扇不断旋转的动画就完成了。

END

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • flash文本竖排效果实现as3代码
  • Flash AS3 连锁反应的粒子动画
  • Flash AS3 制作文字飞出动画
  • Flash AS3 快速制作烟雾动画
  • Flash AS3代码实现鼠标跟随喷枪涂鸦效果
  • Flash AS3的parameters对象处理网页参数
  • FLASH AS3与网页JS参数值传递的问题
  • 从基础开始深入学Flash AS3教程(6)(译文)
  • Flash as3教程:OutDisplay类
  • 从基础开始深入学Flash AS3教程(7)(译文)

相关文章

  • 2017-05-24Flash实例:简单的弹出菜单演示
  • 2017-05-24教你如何利用Flash绘制逼真的蜘蛛网动画效果图
  • 2017-05-24flash制作一条蛇游动的gif动画效果
  • 2017-05-24flash怎么绘制一个漂亮的花瓶?
  • 2017-05-24flash制作水墨场景中千山鸟飞绝跟随鼠标飞翔的逼真场景动画
  • 2017-05-24用flash简单制作小球弹跳效果
  • 2017-05-24Flash制作调皮小太阳GIF动画效果图
  • 2017-05-24Flash设计制作“太暴力了”搞笑QQ表情动画实例教程
  • 2017-05-24Flash CS6使用翻转帧功能制作打字效果
  • 2017-05-24Flash AS 入门 为“影片剪辑”添加鼠标事件

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Flash制作鼠标点击图片显示打散的gif动画效果
    • Flash动画制作小黑人经典动画效果技巧介绍(图文)
    • Flash绘制卡通人物眨眼动画的方法及技巧
    • ActionScript使用正则表达式示例
    • AS3 Loader与URLLoader的比较
    • flash怎么描图案轮廓? flash图案描边的教程
    • FLASH 3D相册之利用BitmapData类制作
    • flash怎么使用帧关键帧空白关键帧?
    • Flash制作逐一出现的发光字动画效果
    • Flash教程:测试AS代码的执行速度

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有