Flash制作过渡卷动效果精美图库特效

特效

  用Flash打造一个具有卷动过渡效果的精美图库展示动画。效果不错,希望大家喜欢。

  先看效果:

点击这里下载Fla源文件

  制作方法:

  首先新建立Flash文档,然后修改文档属性:

  我们制作的这个图库,大家通过演示可以看到单击小图,可以动态显示大图,所以我们事先要做一些工作。准备一些大小相同的图片8张,并且分别制作相应的缩略图8张,大图导入Flash中分别转换为影片剪辑元件,小缩略图导入Flash后转变为影片剪辑元件,都放到库里面,留着我们来使用。

  这里我们制作一个main主影片剪辑,然后在里面制作一个背景:

  然后再新建立一个层,把缩略图都按顺序摆放整齐,实例名分别是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7:

  当把大图导入Flash时,按F8转变为影片剪辑元件,标示符分别是image0、image1、image2、image3、image4、image5、image6、image7。设置如下:

  然后再建立一个层,输入下面代码:

this.createEmptyMovieClip("images", 100);
this.attachMovie("mask", "mask", 101);
mask._x = images._x =-68;
mask._y = target = -150;
images._y = -1000;
images.setMask(mask);
speed = 5;
for (var i = 0; i<8; i++) {
 var img = images.attachMovie("image"+i, "image"+i, i);
 img._y = img._height*i;
 var thumb = this["thumb"+i];
 thumb._alpha = 60;
 thumb.pos = target+(i*-img._height);
 thumb.onPress = function() {
  target = this.pos;
 };
 thumb.onRollOver = function() {
  this._alpha = 100;
 };
 thumb.onRollOut = function() {
  this._alpha = 60;
 };
}
this.onEnterFrame = function() {
 images._y += (target-images._y)/speed;
};

  最后我又制作了一个loading。按测试吧!

时间: 2024-08-02 21:05:54

Flash制作过渡卷动效果精美图库特效的相关文章

HTML+CSS网页制作实例:制作左上角卷角效果的网页

文章简介:HTML+CSS网页制作实例:制作左上角卷角效果的网页. 英文原文 http://designshack.net/articles/css/code-a-simple-folded-corner-effect-with-css/ 这篇文章中我们将介绍如何制做paper左上角的卷角效果. 我想让我的几句文字以一张有卷角折叠效果的纸为背景,如果直接用一张图片,很容易实现,但是这里我要用css来实现. 我的这种实现方法并不是非常具有创新意义,但是还是值得拿出来分享的,简单的来说,除了一个矩形

用Photoshop制作图片卷页效果

用Photoshop制作图片卷页效果 卷页效果是我们在设计图像中常用的一种修饰效果.不少滤镜都能做到,如由AVBros.公司出品的PageCurl,或大名鼎鼎的KPT等.但如果用过你就会发现,这些滤镜作出的效果过于死板,更重要的是不够逼真,一眼就看出人工的痕迹.所以只用过一次,我就放弃了.如果你和我一样,不喜欢滤镜的固定模式,而希望用一种更灵活的方式来表现你的图像,这篇教程也许会给你一些启示. 由于我们在这篇教程中会用到很多路径的知识,所以,在开始之前,我希望你已经能够较熟练的操纵Photosh

Flash制作雪花视觉动画效果的三种制作方法

Flash制作雪花视觉动画效果的三种制作方法 第一种方法: 最笨但也效果最好,就是用"引导线"功能,让雪花不停的飘呀飘,如果多用几个图层,效果更好.1.新建一个Flash影片.设背景为"黑色",其他的用默认值.2.按Ctrl+F8新建一个组件,类型为"影片剪辑",命名为"雪花".在它的正中用"铅笔"工具画一个不规则的多边形,然后用"颜料桶工具"将它填上白色.(如图1-1所示) 3.再用C

千千播放器卷动展开窗口的特效的实现?

问题描述 千千播放器卷动展开窗口的特效的实现? 千千播放器卷动展开窗口的特效的实现?怎么卷动展开界面,两个界面的显示怎么同步? 解决方案 用定时器去改变窗口的height属性,直到显示完全.

用Flash制作老电影播放效果

童年的记忆总是美好的,还记得小时候在操场上看露天电影的情景吗?本例中,笔者教大家如何用Flash来实现老电影播放的效果.其实制作老电影的效果,主要是抓住老电影播放时有点抖动,忽明忽暗,画面不清晰等特点进行设计的,所运用代码很少.其中_x._y属性可以让图片发生抖动,_alpha属性改变图片的透明度.效果如图1所示,以下是制作方法. 效果预览 源文件下载:点击这里下载 1.新建一个Flash文档,单击"属性"面板中的"尺寸"按钮,打开"文档属性"面

Flash制作逼真的电流效果动画

通过一个矩形的限制x轴,y轴运动,不断的复制,形成一个电流的模拟效果. 具体步骤 1,运行flash mx,设置文档属性为黑色背景,尺寸200*200像素. 2,新建一个影片剪辑命名为"方框".利用举行工具,绘制一个1.6*1像素的无边框矩形,进行渐变填充.如图1所示. 图1:绘制方框元件 3,导入一电流通过的模拟声音,并把此声音文件放置在影片剪辑"声音"中. 4,回到主场景,把影片剪辑"方框"拖放到场景中.在下面的属性面板中,给影片剪辑&quo

Flash制作毛笔写字动画效果

Flash作为一种功能强大的动画制作工具,也可以方便地实现手写效果.现在,我们就用Flash5.0(中文版)来制作手写效果,具体操作步骤如下: 1.在Flash中新建一个文件. 2.在"修改→影片-"中修改影片属性. 3.按Ctrl+F8,新建组件,命名"毛笔",用铅笔工具画一毛笔. 图1 4.用文字工具,输入"龙"字,字体可设为行楷,字号值为"300"(自己输入),颜色为黑色(如图1). 图2 5.按Ctrl + B,将&q

flash制作简单会动的移动版gif图片

  打开flash软件,如图我们选折新建项第一个:flash文件(Actionscript 3.0). 新建完成后,我们就要开始做gif的图片了,首先我们需要一张图片,我拿等边5边型做例子做图,选择左边工具栏选择矩形工具,注意要一直按着左键才会出现右边的工具栏,出现右工具栏后我们选择多角星形工具. 我们选择在图层1的第一帧,有数字的行列上的单位都为帧,我们的场景上画一个5角星形,然后选择左边栏的选择工具,选中整个图形,这步我们最需要注意必须要选择左边栏的选择工具,不然图形无法选中,因为我们之前选

Flash制作水滴掉落动画效果

第一步:打开FLASH8软件,新建FLASH文档.新建4个图层,分别取名为:水滴.水滴声音.溅起水.海水.见下图: 第二步:新建4个图层后,请点水滴图层的第一帧.绘制水滴,然后同时绘制水滴落下的画面,见下图: 第三步:画完水滴后,点海水图层的第一帧,在舞台上画一个蓝色长方体无边框,设置它的大小,并把它转换成图形元件,设置透明度.为了让海水透明不破坏水滴下来的效果,为了让海水有流动效果,将海水图形稍微往右拉点,为的是后面,见下图: 第四步:设置好海水相应的设置后,在合适的帧处插入关键帧,并在中间创