| 网站首页 | 免费课件 | 课件源码 | 课件制作 | 课件购买 | 课件教程 | 课堂内外 | 教案 | 试卷 | 论文 | 电脑 | 教案下载 | 
 | 试卷下载 | 论文下载 | 计划总结 | 新闻资讯 | 行业范文 | 图片 | 留言 | 术语大全 | 搞笑 | 字体 | 短信 | Flash视频教程 | 
 | 办公软件视频 | 编程设计视频 | 热门视频 | 课件论坛 | 作文写作 | 
您现在的位置: 教育资源网 >> 课件教程 >> Flash教程 >> Flash基础教程 >> 正文 用户登录 新用户注册
免费精品 课件源程序下载 课件点播 课件定做 课件复原 课件制作指导 毕业设计 更多服务
Google




Flash基础教程——Flash视觉特效之科技之光
作者:佚名    教程来源:不详    点击数:    更新时间:2006-9-6         ★★★★ 【字体:

  本例中的效果是受小时候科普书籍上的一个图标,电视上的一个简单动画所启发制作出来的。相信大家看了效果图都会想起点什么的。效果视觉感较强,但使用复制语句,_x、_rotation等属性即可实现。

  效果截图预览:

截图预览

  源文件下载:点击这里下载(3K, rar压缩文件)

  制作步骤:

  1.打开Flash MX 2004,新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板,单击“文档属性”按钮打开“文档属性”面板(快捷键Ctrl+J),设置场景大小为300px x 300px,背景为黑色,帧频为30fps。如图1所示。

图1

  2.按快捷键Ctrl+F8打开“创建新元件”面板,新建一个名为“元素”的影片剪辑元件。如图2所示。

图2

  3.点选“工具”面板中的“直线”工具,在“元素”元件的场景中绘制一条高为5px的绿色的竖线,线条的属性设置如图3所示。点选“椭圆”工具,按住Shift键在刚才线段左下方拉出一个圆来,直径2px,圆的属性设置如图4所示。元件最终设计效果如图5所示。

图3

图4

图5

  4.按快捷键Ctrl+F8打开“创建新元件”面板,新建一个名为“元素运动”的影片剪辑元件。按快捷键Ctrl+L打开“库”面板,把库中的“元素”元件拖拽到“元素运动”元件的场景中。
注意:“元素”元件在场景中的坐标是0px,-50px。点选第45帧,按F6键插入关键帧,接着右键单击“图层1”的第1帧,在弹出菜单中选择“新建补间动画”命令,然后点选第10、25帧,按F6插入关键帧。如图6所示。

图6

  5.点选第10帧中的“元素”元件,在“属性”面板的“颜色”下拉菜单中选择“高级选项”选项,单击“设置”按钮,在打开的“高级效果”面板中如图7所示进行设置。

图7

  6.点选第25帧中的“元素”元件,按方向键将其向左和向下移动1px,接着在“属性”面板里设置其透明度为30%。第1、45帧中的“元素”元件不做任何设置。

  7.按快捷键Ctrl+E回到“场景1”,如图8所示建立“代码”、“元件”两层,各2帧。打开“库”面板,把电影剪辑“元素运动”剪辑元件从库中拖入对应的“元件”层中,再点选它,在“属性”面板中为其起个实例名称“元素”。如图9所示。

图8

  8.点选“代码”层中的第2帧,按快捷键F7插入空白关键帧。分别点选两帧后按快捷键F9打开“动作”面板,输入如下代码。第1帧中的代码如下:

// Math.sin()方法是计算并返回以弧度为单位指定的角度的正弦值
// Math.cos()方法是计算并返回以弧度为单位指定的角度的余弦值
元素._x = Math.sin(n)*60 + 150;
元素._y = Math.cos(n)*60 + 150;
// (_rotation属性可以)改变实例的角度
元素._rotation = i;
// 复制“元素”实例
duplicateMovieClip("元素", "元素", i);
i += 3;
n += 0.07;
// 当变量i大于1080时,停止播放影片
if (i>1080) {
    stop();
}

  第2帧中的代码为“gotoAndPlay(1);”。

  好了,效果到这里就完成了。其实很多眩目的视觉效果只要使用简单的元件,运动,再用一些简单的代码加以控制即可实现。但复杂的是如何设计这些简单的元件,运动和代码。

  .
 
 
Google
我们的服务免费课件 课件定做 毕业课件设计 免费课件(QQ:375824467/电话:13996037041)  教程录入:admin    责任编辑:admin 
------------

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

  • 上一篇教程:
  • 下一篇教程:
  •    最新热点    最新推荐    相关教程
    FLASH的场景,图层(lawyer)和…
    Flash Player 9 新特性介绍…
    Adobe Flex Builder 2.0 Bet…
    把Flash动画轻松转成GIF图片
    Flash初学者教程:按钮制作
    Flash初学者教程:形状补间动…
    Flash初学者教程:第一个补间…
    flash的工作环境(1)界面概述
    Flash Player 功能比较表…
    [视频教程]FLASH的快捷方式
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)