flash实例-打造鼠标触发火焰特效

  本教程为大家介绍使用Flash CS5制作鼠标触发的焰火飘落互动特效,主要是用计算鼠标跟随对象来产生具有一定规律的星火特效。

  思路:导入背景素材,然后制作出焰火飘落特效。创建文档类,产生鼠标跟随的多角星形特效;创建元件类的扩展类,产生随机大小的火花效果。

  用鼠标在画面上划过,即可看到绚丽的互动特效

  一、 制作焰火飘落特效

  (1)新建一个大小为500×300像素,帧频为30fps的空白文档。按Ctrl+R组合键导入西湖夜景.jpg”文件,然后设置其坐标为(0,0),如图1所示,再采用前面的方法在“属性”面板中添加Main文档类。

图1 导入背景

  (2)按Ctrl+F8组合键新建一个影片剪辑(名称为Star_mc),进入该影片剪辑的编辑区域,然后按住Shift+Alt组合键的同时使用“椭圆工具”在该影片剪辑的中心点绘制一个圆形。

图2 绘制圆形

  技巧与提示:图形的填充色类型为“放射状”,第1个色标颜色为(R:255,G:0,B:0),第2个色标颜色为(R:153,G:0,B:0),第3个色标颜色为(R:153,G:0,B:0),Alpha为0%。

  (3)新建一个star图层,再单击“工具箱”中的“多角星形工具”按钮 ,并在“属性”面板中设置好该工具的参数,然后按住Shift+Alt组合键的同时在影片剪辑的中心点绘制一个如图3所示的星形。

图3 绘制多角星形

  (4)使用“选择工具”调整好星形的顶点位置,如图4所示。

图4 调整顶点

  (5)选择调整好的多角星形,然后原位复制出一份,按Ctrl+Alt+S组合键打开“缩放和旋转”对话框,设置缩放为40%,再设置其颜色为白色,如图5所示。

图5 拷贝并缩放图形

  (6)返回到“场景1”,按Ctrl+F8组合键新建一个影片剪辑(名称为Magic_mc),再设置填充类型为“放射状”,第1个色标颜色为(R:255,G:255,B:255), 第2个色标颜色为(R:255,G:255,B:204),第3个色标颜色为(R:255,G:204,B:0),第4个色标颜色为(R:255,G:102,B:0),第5个色标颜色为(R:153,G:0,B:0),Alpha为0%,然后按住Alt键的同时使用“矩形工具”以该影片剪辑中心点为起点绘制一个如图6所示的矩形。

图6 绘制矩形

  (7)使用“任意变形工具”选择矩形,然后按Ctrl+T组合键打开“变形”面板,设置旋转为45°,再单击“重制选区和变形”按钮 ,复制出3份图形,如图7所示。

图7 复制图形

[1] [2]  下一页

时间: 2024-09-04 04:37:05

flash实例-打造鼠标触发火焰特效的相关文章

Flash实例教程之打造鼠标触发火焰特效

  本教程为大家介绍使用Flash CS5制作鼠标触发的焰火飘落互动特效,主要是用计算鼠标跟随对象来产生具有一定规律的星火特效. 用鼠标在画面上划过,即可看到绚丽的互动特效 一. 制作焰火飘落特效 (1)新建一个大小为500×300像素,帧频为30fps的空白文档.按Ctrl+R组合键导入西湖夜景.jpg"文件,然后设置其坐标为(0,0),如图1所示,再采用前面的方法在"属性"面板中添加Main文档类. 图1 导入背景 (2)按Ctrl+F8组合键新建一个影片剪辑(名称为St

Flash 打造鼠标触发的焰火飘落互动特效

本例介绍用FlashCS4制作鼠标触发的焰火飘落互动特效,主要是用计算鼠标跟随对象来产生具有一定规律的星火特效. 思路:导入背景素材,然后制作出焰火飘落特效.创建文档类,产生鼠标跟随的多角星形特效:创建元件类的扩展类,产生随机大小的火花效果. 用鼠标在画面上划过,即可看到绚丽的互动特效 一.火飘落特效制作焰 (1)新建一个大小为500×300像素,帧频为30fps的空白文档.按Ctrl+R组合键导入本书配套光盘中的"Chapter08/素材/西湖夜景.jpg"文件,然后设置其坐标为(0

Flash AS3打造鼠标跟随炫舞线条动画效果

  本教程是Flash创作的基础教程,主要是工具的运用.颜色的运用和补间形状的制作,代码部分不作讲解. 打开Flash,设置文档属性尺寸:宽1024 高768 背景:黑色,其它默认,取名存盘. 1.新建图形元件1,选椭圆工具,笔触禁止,填充色白色,画一个5*5的圆(拖动鼠标的同时按住Shift键可画出正圆).按Ctrl+K组合键,打开对齐面板,选水平中齐,垂直中齐. 图1:对齐面板 2.新建图形元件2,选椭圆工具,笔触禁止,填充放射渐变,左ffcc00,右fffae6,画一个5*5的圆.水平中齐

Flash AS打造超强粒子视觉冲击特效

特效 超强的粒子特效,效果非常好,和大家分享: #initclip 1 function PoolClass() {     this.stick = {x: 300, y: 169};     this.onEnterFrame = this.dragStick; } // End of the function PoolClass.prototype = new MovieClip(); PoolClass.prototype.dragStick = function () {     if

Flash CS4文字颜色缓动特效

核心提示:Flash CS4文字颜色缓动特效教程. 代码详解: [SWF(backgroundColor=0x000000,width=550,height=400)]//设置场景背景色.大小 var r:uint=0,g:uint=0,b:uint=0;//声明无符号整数型变量r.g.b,初始值都是0 var color:uint,targetR:uint,targetG:uint,targetB:uint;//声明无符号整数型变量color.targetR.targetG.targetB v

Flash+JS 打造全屏仿windows

js|window Flash+JS 打造全屏仿windows 一.需求分析: 1:全屏页面分辨率需为 1024*768 如果低于此分辨率,画面精细的效果得不到体现.所以应该限制此分辩率以下的操作系统访问此界面. 2:打开的全屏窗口应该右上角有最小化.关闭按扭. 3:每个载入的窗口应该可以移动.关闭.最小化. 4:桌面上的图标可以拖动,双击. 5:屏幕底部有一个任务栏,当鼠标移至屏幕底部,任务栏从底部弹出.可以用一个按扭使其退回屏幕底部. 二.技术要点: Java Script:Screen 对

Flash实例教程:星星跟我走

教程|星星 实例说明 在Flash MX当中鼠标的跟踪的制作方法有很多种,为你介绍其中的一种可以有多种变化方式的鼠标跟踪.让星星紧随你的鼠标转动. 有关知识 绘制实例,startDrag .setProperty.duplicateMovieClip的运用. 制作过程 步骤1:打开Flash,建立一个新文件. 步骤2:从菜单栏中选择插入>添加符号(Insert>New Symbol),在出现的对话框中选电影片断(Movie Clip),取名为star,如图1所示. 图1 建立名为star的电影

js实现鼠标触发图片抖动效果的方法_javascript技巧

本文实例讲述了js实现鼠标触发图片抖动效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>鼠标触发图片抖动效果</title> <style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> //configure shake degr

巧用photoshop打造冰雪奇缘的海报特效效果

  巧用photoshop打造冰雪奇缘的海报特效效果,效果让人有一种COOL的感觉,整个教程简单粗暴,耐心跟着一步步的学习就可以完成,举一反三 主题曲"> 分类: PS图片处理