Flash怎么制作流星动画? flash流星滑过天空效果的制作方法

yizhihongxing

制作流星动画需要以下几个步骤,我们来一步步讲解:

1. 新建Flash文件

首先,打开Adobe Flash软件,新建一个Flash文件。

2. 绘制流星的形状

在新建的Flash文件中,使用画笔工具或椭圆工具绘制流星的形状,并在右键菜单中选择“转换为符号”。在弹出的对话框中,选择“电影剪辑”,并给电影剪辑起一个名字。

3. 制作烟雾效果

可以使用代码或动态字体制作烟雾效果,这里以代码实现为例:

在画布下方新建一层,右键选择“新建空白关键帧”,并在该帧上输入以下代码:

var smoke:Sprite = new Sprite();
smoke.graphics.beginFill(0x333333);
smoke.graphics.drawCircle(0, 0, 20);
smoke.alpha = 0.5;
addChild(smoke);

function moveSmoke(event:Event):void {
    smoke.x -= 5;
    smoke.y -= 2;
    smoke.rotation += 5;
    smoke.alpha -= 0.05;
    if(smoke.alpha <= 0){
        removeChild(smoke);
        this.removeEventListener(Event.ENTER_FRAME, moveSmoke);
    }
}
this.addEventListener(Event.ENTER_FRAME, moveSmoke);

这段代码创建了一个圆形的烟雾,并通过 Event.ENTER_FRAME 监听每一帧的事件,在每一帧中改变烟雾的位置、旋转角度和透明度,最终让烟雾随着流星滑过天空。

4. 制作流星动画

回到流星的电影剪辑中,右键选择“新建经典动画关键帧”,并在该帧上选中流星的形状,并进行如下设置:

  1. 将透明度设置为0;
  2. 将缩放值设置为1.5;
  3. 在“运动”选项中,设置“运动路径”为一条从左到右斜向上的路径;
  4. 在“颜色效果”选项中,选择“着色器”为“虚线”。

接下来,在最后一帧上,将透明度设置为0。

5. 组合流星和烟雾效果

回到画布中,将流星动画和烟雾效果组合在一起。首先在画布新建一个MovieClip,给它起一个名字作为实例名,并将其放置在画布中的合适位置。然后将流星动画和烟雾效果都拖动到这个MovieClip中,并在该MovieClip中设置它们的运动时序和效果。

示例一:使用TweenMax动画库制作流星

在这个示例中,我们将使用GreenSock的TweenMax动画库,来制作流星动画。

  1. 新建Flash文件,并选择ActionScript 3.0模板。

  2. 导入TweenMax库,具体方法请看“TweenMax入门指南”。

  3. 绘制流星的形状,并将其转换为电影剪辑。

  4. 在流星的电影剪辑中,创建两个动画关键帧。第二个关键帧上,透明度和缩放值都设置为0。并在第一个关键帧上,选择“运动”选项中的“运动路径”为一个从左到右斜向上的路径,选择“颜色效果”选项中的“虚线”。

  5. 在主时间轴中创建一个新的MovieClip,并给它起一个名字作为实例名。

  6. 在MovieClip中,拖入流星的电影剪辑并将其放置在左边。再使用TweenMax的 to() 方法,让流星动画沿着路径运动,并在到达终点时消失。具体代码如下:

import com.greensock.TweenMax;
import com.greensock.easing.*;

TweenMax.to(star_mc, 2, {bezier:[{x:50, y:50}, {x:100, y:0}], alpha:0, scaleX:0, scaleY:0, ease:Quad.easeIn});
  1. 沿用第三步中的烟雾效果的制作方法,制作烟雾效果。

  2. 将烟雾效果和流星动画的MovieClip放置在舞台上。

示例二:使用逐帧动画制作流星

在这个示例中,我们将使用逐帧动画的方式,来制作流星动画。

  1. 新建Flash文件。

  2. 绘制流星的形状,并将其转化为电影剪辑。在电影剪辑中创建两个动画关键帧,第二个关键帧上缩放值和透明度设置为0,第一个关键帧上选择“运动路径”为一个从左往右斜向上的路径,设置“颜色效果”的“虚线”。将电影剪辑保存。

  3. 制作烟雾动画,具体方法请看第三步中的代码或动态字体实现。

  4. 在主时间轴中,创建一个新的MovieClip,并命名为"star_mc"。

  5. 在"star_mc"中,放置流星的电影剪辑,并添加烟雾效果。

  6. 在第一帧上,添加以下ActionScript代码:

stop();
this.addEventListener(Event.ENTER_FRAME, moveStar);

function moveStar(event:Event):void {
    if(star_mc.x < stage.stageWidth + 50) {
        star_mc.x += 5;
    }
    else {
        removeEventListener(Event.ENTER_FRAME, moveStar);
        this.parent.removeChild(this); // 将制作好的Flash文件发布为swf文件时可以注释掉该行代码,否则将无法显示该效果
    }
}
  1. 将MovieClip"star_mc"放置在舞台上即可。

这时,我们就成功地制作出了一个流星飞过天空的动画效果。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Flash怎么制作流星动画? flash流星滑过天空效果的制作方法 - Python技术站

(0)
上一篇 2023年6月27日
下一篇 2023年6月27日

相关文章

  • Win10怎么设置pdf/psd格式图片的默认查看方式?

    要设置 Win10 中 PDF 或 PSD 格式图片的默认查看方式,可以按照以下步骤进行: 打开“设置”窗口。可以通过在“开始菜单”中搜索“设置”或者使用快捷键“Win + I”打开。 选择“应用”选项卡,然后在左侧菜单中选择“默认应用”。 在“默认应用”页面中,向下滚动并找到“.pdf”或“.psd”格式的文件类型。 点击对应的文件类型后面的“Micros…

    other 2023年6月27日
    00
  • Android 开发之旅:详解view的几种布局方式及实践

    Android 开发之旅:详解 View 的几种布局方式及实践 在 Android 开发中,布局是构建用户界面的重要组成部分。View 是 Android 中的基本 UI 元素,而布局则决定了 View 在屏幕上的位置和大小。本攻略将详细介绍几种常用的 View 布局方式,并提供示例说明。 1. 线性布局(LinearLayout) 线性布局是一种简单而常用…

    other 2023年8月20日
    00
  • Spring MVC:在jsp中引入css

    下面是“Spring MVC:在jsp中引入css的完整攻略”的详细讲解,包括引入css的基本概念、两种实现方法、示例说明等方面。 引入css的基本概念 在Web开发中,CSS(Cascading Style Sheets)是一种用于描述网页样式的语言。通过CSS,可以将网页的布局、字体、颜色等样式与网页内容分离,从而提高网页的可维护性和可重用性。 在Spr…

    other 2023年5月5日
    00
  • Docker+selenium实现自动化健康报备的方法

    标题: Docker+selenium实现自动化健康报备攻略 1. 背景介绍 健康报备现在已经成为了很多单位和个人的重要任务,而每天手动进行报备,不仅麻烦,而且还容易出现漏报等问题。于是,许多人开始尝试使用自动化工具来实现健康报备的自动提交。其中,Docker+selenium成为了一种比较常用的组合。 2. Docker+selenium的基本原理 Doc…

    other 2023年6月27日
    00
  • Orace查询数据出现乱码的问题解决思路

    很抱歉,作为文本模型,我无法以标准的markdown格式回答您的问题。但是,我可以为您提供一份详细的攻略,包含解决Oracle查询数据出现乱码的问题的思路和示例说明。请注意,以下内容将以纯文本形式呈现。 解决Oracle查询数据出现乱码的问题思路 步骤1:确认数据库字符集 首先,您需要确认数据库的字符集设置是否正确。可以通过以下SQL语句查询数据库的字符集:…

    other 2023年10月17日
    00
  • Python爬虫包 BeautifulSoup 递归抓取实例详解

    Python爬虫包 BeautifulSoup 递归抓取实例详解 什么是BeautifulSoup? BeautifulSoup 是 Python 的一个 HTML 解析库,它可以自动解析 HTML 文档,并提供了许多简便的方法来处理 HTML 元素。它可以轻松地帮助我们快速提取出需要的信息,是一个强大的工具。 安装BeautifulSoup 使用pip可以…

    other 2023年6月27日
    00
  • [无线路由]“免费”斐讯k2路由器刷openwrt(实战mwan多宽…

    [无线路由]“免费”斐讯k2路由器刷openwrt(实战mwan多宽…) 如果您对路由器感兴趣,很可能已经听说过“OpenWRT”,这是一个基于Linux的集成的开源路由器平台,它为用户提供可以管理的路由器引导程序。 斐讯K2是一款非常棒的无线路由器,它已经是一款非常流行的路由器,但它难以满足大家的需求,因为到目前为止斐讯家族尚未公开任何SDK或源代码,…

    其他 2023年3月28日
    00
  • Android 给控件添加边框阴影效果

    当在Android应用中给控件添加边框和阴影效果时,可以使用以下步骤: 创建一个drawable资源文件,用于定义边框和阴影效果。在res/drawable目录下创建一个XML文件,例如shadow_border.xml。 <shape xmlns:android=\"http://schemas.android.com/apk/res/an…

    other 2023年9月6日
    00
合作推广
合作推广
分享本页
返回顶部