Flash制作滚动广告图片效果

广告|滚动广告|图片效果

  上次在论坛上有人问到关于这个效果的问题,猪排大哥建议我写个教程,希望大家能够支持。首先我们先来看一下效果吧:

  这个效果其实主要是 用到按钮的动作,首先我把有关按钮的动作的as简介列出来:

on()
可用性
Flash 2。在 Flash 2 中,不是所有的事件都受支持。
用法
on(mouseEvent) {
// 此处是您的语句
}
参数
statement(s) 发生 mouseEvent 时执行的指令。

mouseEvent 是称作“事件”的触发器。当发生此事件时,执行事件后面大括号中的语句。可以为 mouseEvent 参数指定下面的任何值:

press 在鼠标指针经过按钮时按下鼠标按钮。
release 在鼠标指针经过按钮时释放鼠标按钮。
releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。
rollOut 鼠标指针滑出按钮区域。
rollOver 鼠标指针滑过按钮。
dragOut 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮区域。
dragOver 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮,再滑回此按钮。
keyPress ("key") 按下指定的键。对于此参数的 key 部分,需指定键控代码或键常量。事件处理函数;指定触发动作的鼠标事件或按键事件。
=================================

  接下来我们就开始做这个效果吧。

  1。首先新建一个flash文档,导入5张图片(我们这里做5张图片连续滚动效果,当然你要做更多,就随意了。。。)

  2。接下来我们新建一个图形元件,把图片依次摆成如图样子。

  在摆放的时候可以通过属性控制图片的大小:

  3。接下来就是排列图片了,排成如下的样子:

  排的时候可以用对齐面板:

  4.把所有图片复制,粘贴放成如图的样子:(这样是为了让图形播放起来连贯)

  5。然后再新建一个按钮,在指针经过处插入关键针,

  6.然后画一个矩形,白色填充,大小和你的图片设置大小一样,调整透明度,如图:

  7。新建一个mc1,把图形1拖进去,然后把按钮依次放在图形上,注意位置,这里可以用属性面板控制:

  8。接下来在每一个按钮上添加as代码:

on (rollOver) {
_root.mc.stop();
}
on (rollOut) {
_root.mc.play();
}
  其中mc是以后要民命的实例名。

  8。新建一个mc2,我们把mc1拖进去,在100针出插入关键针,然后将图形向左拖,使得左端开头的位置变为右端结尾位置重合。

  这里可以用属性窗口控制,我原来的x坐标为-250,我图片宽度为-750,所以新图片的位置就是-250-500=-750.'

  9。做动作的补针动画,如图:

  10.回到主场景,把mc2放进去,(命名为mc)。

  好了现在就测试一下吧。由于考虑到新手,因此写的非常详细,包括一些技巧,所以显得有些罗索,不过还是希望大家喜欢。

时间: 2024-10-26 18:20:20

Flash制作滚动广告图片效果的相关文章

Flash制作切片式图片效果动画

图片效果 动画效果演示: 点击浏览该文件 昨天一个人问了类似于以上效果的制作方法 开始自己以为是将图片切成几部分去做的 后来发现不是这样的 这个是用遮罩效果做出来. 第一步,设置好场景的大小,我设置的是320*480 第二步,根据场景大小建立一个遮罩元件,大小为320*80,这样我用六个遮罩就可以将整个场景填满. 第三步,将图片设置为元件,拖入场景.将图片向上移动一段,然后做一个向下移动的动画,并设计亮度由100渐变到0.在图片上新建一层,放入遮罩,放在场景的最上方. 第四步,将两个层的帧复制,

用Flash制作简易的图片浏览器

浏览器 通过脚本控制,Flash可以完成许多事.本例将教大家如何使用Flash制作简易的图片浏览器. 点击这里下载源文件 1.新建一个Flash文档,单击"属性"面板中的"尺寸"按钮,打开"文档属性"面板设置场景大小为650px x 450px,背景为白色,帧频为30fps 2.按快捷键Ctrl+R打开"导入"面板导入三张图片.如图1所示,图片image的宽.高为640px.480px.把图片image的宽.高放大为2400p

使用CSS制作文字环绕图片效果(文字内容包含<li>标签)

1.一般制作文字环绕图片效果. HTML结构: View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

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

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

Flash AS连续滚动的图片效果

图片效果 思路是,把超出视觉范围的图片追加到最后一张图片的未尾或是在Stage的某个位置.只要能跟在最后一张图片的后面就行了.for (i=1; i<7; i++) {         this.createEmptyMovieClip("mc"+i, i);//创建一个空白影片(其实是是有I个,这样每个MC的运动才不会影响到其它MC的运动.)         this["mc"+i]._x = 10;         this["mc"+

Flash制作汽车广告动画

动画型广告是最显眼的广告方式,可以在花花绿绿的网页中让浏览者无意中注意到广告内容,以达到宣传的目的,这样可以提高广告的点击率.先看看本例效果: 本例思路 导入汽车素材,然后制作出汽车出现动画广告; 在Flash的辅助软件SWiSHmax中制作文字动画; 导入汽车剖面图素材,然后制作出汽车剖面图广告. 1.制作汽车广告 (1)新建一个大小为700×150像素,帧频为20fps的空白文档,然后制作一个如图1所示的背景. 图1 制作背景 (2)按Ctrl+R组合键导入汽车和高楼的图片,如图2所示. 图

用Flash制作老电影播放效果

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

Flash制作汽车广告条教程

  本例思路 .导入汽车素材,然后制作出汽车出现动画广告. .在Flash的辅助软件SWiSHmax中制作文字动画. .导入汽车剖面图素材,然后制作出汽车剖面图广告. Part 1 制作汽车广告 (1)新建一个大小为700×150像素,帧频为20fps的空白文档,然后制作一个如图7-1所示的背景. 图7-1 制作背景 (2)按Ctrl+R组合键导入本书配套光盘中的"Chapter/素材/汽车.png和楼.png"文件,如图7-2所示. 图7-2 导入素材 (3)将小车转换为影片剪辑,然

用Dreamweaver插件轻松制作随机广告图片

浏览者浏览网页时可以发现,网页中动态更新的广告图片比静态固定的图像更具有活力和吸引力.如何制作网页中的随机广告图片是本实例所要研究的问题. 效果说明 在浏览网页时,网页的 banner 区域将出现一张广告图片,如图 38-1 所示.随后每两秒更新一次广告图片,而且广告图片是以随机的方式出现的,如图 38-2 所示. 创作思想 通过使用 Macromedia 的扩展插件 Advance_Random_Images ,可以轻松地完成网页中随机广告图片的制作. 操作步骤 ( 1 )安装插件.使用菜单栏