Flash遮罩制作图片切换特效

   让我们先看看效果:


  第一步、打开Flash新建1个图层,用线条工具画一条竖直线,放在相对舞台的左面,第30帧处插入关键帧。


  图1

  第二步、点击第30帧把竖直线拉到舞台右面。


  图2

  第三步、点住任意一帧,在属性里面把补间改为形状。


  图3

  第四步、新建一个图层,和上面一样画一个竖直线,注意的是这次把竖直线从右到左放,然后在属性补间里面选择形状动画。


  图4

  第五步、新建图层,导入一张图片,相对舞台大小。


  图5

  第六步、新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入帧。


  图6

  第七步、新建图层,第20帧处插入关键帧,用矩形工具画一个长方形的方块颜色任意,注意一定要和两个线条对齐。否则没有拉开效果。


  图7

  第八步、在第30帧处插入关键帧,把方块用任意变形工具拉大,相对于舞台。点击属性补间改为形状。


  图8

  第九步、点击图层5点右键,选择遮罩层。


  图9

  好了。按Ctrl+Enter试下效果吧。我做的只不过是FLASH遮罩中最简单的一种,关键是用自己的想象力来做出最好的图片动画。

时间: 2024-10-02 15:19:59

Flash遮罩制作图片切换特效的相关文章

如何使用Flash遮罩制作图片切换特效

  1.在Flash中新建1个图层,用线条工具画一条竖直线放在相对舞台的左面,第30帧处插入关键帧. 2.点击第30帧把竖直线拉到舞台右面,点住任意一帧,在属性里面把补间改为形状. 3.建一个图层,和上面一样画一个竖直线,这次把竖直线从右到左放,然后在属性补间里面选择形状动画.然后再新建图层,导入一张图片,相对舞台大小. 4.新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入帧. 5.新建图层,第20帧处插入关键帧,用矩形工具画一个长方形的方块颜色任意,注意一定要和两个

flash遮罩制作水波荡漾的文字效果

  今天小编为大家分享flash遮罩制作水波荡漾的文字效果,教程真的很不错,很值得大家学习,来看看吧! 遮罩,就好比将下面的图层遮上一块布,然后在这块布上挖出一个洞,露出下面的内容.有意思的是这个洞的形状完全由你设想,可以是形状.可以是线条.也可以是文字--可以是遮罩层的运动,也可以是被遮罩层在运动. 前面用脚本做过一个遮罩实例.这一次是遮罩图层在文字效果方面的应用.利用线性填充色块的运动,使文字产生水波荡漾的效果. 效果图为GIF图片,显示效果较粗糙. 方法/步骤 T键调出文字工具,属性面板中

flash+xml实现图片切换效果

种效果flash+xml实现图片切换效果,大部分采用遮照,遮照其实不是很难.这里有一个难点主要是加载图片,以及解析XML.其他的都比较简单. OK,看看过程吧. 1.将FLASH文件大小设为800*230,这里主要是根据你想让FLASH占多大的广告来决定的.比如你FLASH希望大一点,就可以大一些.相反呢,就可以设小一点.把背景设成黑色,然后把帧频改为60.这里就不多说了,主要是考虑动画的流畅性. 2.创建一个新元件"my_mc",然后设成可以在AS中导入的.即在AS链接处打上勾 1,

jquery制作图片时钟特效_jquery

一.生成数字时钟 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> window.onload=function(){ var oBody=document.body; var oP=document.getElementById("time"); setInterval(fnTime,1000); fnTime(); function

Flash 8制作烟花粒子特效

特效 flash观看地址:http://www.citydna.cn/works/etboy.asp以Flash 8制作烟花粒子特效动作代码如下:(代码来自flash8,现学现用,HOHO~~) Stage.scaleMode = "noScale"; import flash.display.BitmapData; import flash.filters.ConvolutionFilter; import flash.geom.Rectangle; var con = new Co

web前端-网页跑马灯的图片切换特效是如何实现的?

问题描述 网页跑马灯的图片切换特效是如何实现的? 网站里跑马灯图片在切换时的特效是如何用JavaScript实现的,求具体的源代码. 解决方案 用脚本可以做,CSS3也可以做了. 解决方案二: http://www.xwcms.net/js/xxk-hdm/63283.html 解决方案三: <!DOCTYPE> <html> <head> <title> new document </title> <meta name="gen

jQuery插件slick实现响应式移动端幻灯片图片切换特效_jquery

jQuery响应式手机端移动端幻灯片图片切换特效插件slick,基于jQuery,功能非常强大,支持左右按钮切换.支持圆点切换.支持自定义切换数量,支持自定义切换速度.支持图片预加载.支持自动播放定义,效果非常的不错,众多的参数自定义支持,觉得可以的可以参考他们的参数配置,还是值得学习使用的. 使用方法: 1.加载插件和jQuery <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> &l

picChange 图片切换特效的函数代码_javascript技巧

可扩展的封装方式,方便实现不同特效,源码中给出了淡出效果(fade函数),和移出效果(move函数)的实现方式. 一句话函数调用,实现图片切换特效. picChange("图片ul列表的id" , 切换图片的方法引用 , 图片切换时间 , 图片移动方向); 用最简单的调用方式和最简洁的html代码来实现这个常用的图片切换效果. 使用方法示例: html代码: 复制代码 代码如下: <div id="win"> <ul id="picCha

js图片切换特效代码

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js图片切换特效代码</titl