网页动态Banner制作:[2]利用Flash创建Banner

对于各位网页设计者特别是初学者而言,对于网页中Banner部分动态效果的制作一定感觉很好奇,那么这么唯美的动态Banner效果是怎么制作出来的呢?今天小编就与大家一起分享一下动态Banner的制作方法。

操作方法

  • 01

    在此我们需要明白的一点就是此时的Banner由两部分组成,静态的背景图片和动态的Flash剪辑部分。

  • 02

    首先我们选择或制作一幅具有网站代表性的图片:

  • 03

    接着针对图片中需要增添动态部分的位置,利用Flash来创建动画。打开Flash,新建一文档,点击“插入”->“新建元件”,在弹出的窗口中输入“光束”,点击“确定”来创建一个影片剪辑。

  • 04

    利用钢笔工具绘制如图所示的形状,并用白色进行填充。

  • 05

    创建一新的名为“变化光束”的影片剪辑,并设置动画效果。

  • 06

    再接着创建一个星星的影片剪辑,创建四个图层,每个图层放置一个“变化光束,并调整其位置和角度,效果如图:

  • 07

    接着创建一个“闪烁星星”,并创建一种变化效果。

  • 08

    最后返回主场景,分别创建多个图层,然后将“闪烁星星”移动放置在不同层,并设置大小和出现位置。最后就制作完成啦。

  • 09

    最后点击“文件”->“发布”按钮将其发布。

  • 10

    接下来打开Dreamweaver,点击“插入”->“表格”项来插入一个表格。

  • 11

    点击“图像”->"插入图像“按钮,选择一张图片插入到表格某一单元格中。

  • 12

    点击“插入”->“媒体”->"Flash"项,插入已经制作好的Flash文件。

(0)

相关推荐

  • 网页动态Banner制作:[1]制作动态Banner图片

    对于各位网页设计者特别是初学者而言,对于网页中Banner部分动态效果的制作一定感觉很好奇,那么这么唯美的动态Banner效果是怎么制作出来的呢?今天小编就与大家一起分享一下动态Banner的制作方法 ...

  • 如何利用flash制作动态文字动画

    利用flash制作动态文字动画效果,主要利用了传统补间动画功能和alpha属性,现在就把操作步骤和截图分享出来,供大家参考使用,希望对你有所帮助和启发. 操作方法 01 首先启动flash8,新建一文 ...

  • 如何利用flash制作文字中行走的小人动画

    利用flash制作文字中行走的小人动画,主要利用遮罩层和补间功能,现在就分享操作步骤和截图,本仅供参考. 操作方法 01 首先启动flash8,新建一文档,大小为600*300,帧频为24fps,背景 ...

  • 如何利用flash制作树叶飘落动画

    利用flash制作树叶飘落动画,主要利用了引导层结合补间动画制作而成,现在就把制作的步骤和截图分享出来,供大家参考使用,希望对各位有所帮助和启发. 操作方法 01 首先启动flash8,新建一个大小为 ...

  • 如何利用flash制作Windows屏保动画

    利用flash制作 电脑屏保动画效果,主要利用的影片剪辑元件和代码书写,现在就把操作步骤和截图分享出来,供大家参考使用,希望对你有所帮助. 操作方法 01 首先启动flash8,新建一个大小为800* ...

  • 如何利用flash制作旋转球体动画

    利用flash制作旋转的球体,主要是绘制球体,现在就分享操作步骤和截图,希望对你有所帮助. 操作方法 01 首先启动flash8,新建一文档,设置大小为600*400,背景颜色为黑色,帧频为12fps ...

  • 如何利用flash制作旋转的地球动画

    利用flash制作旋转地球动画,主要利用了遮罩层,现在就分享制作的步骤和截图,本仅供参考. 操作方法 01 首先启动flash8,新建一文档,背景颜色为黑色,帧频为12fps,大小为800*400. ...

  • 如何利用flash制作人物跑步动画

    利用flash制作人物跑步动画,主要利用了交换位图功能,现在就分享操作步骤和截图,本仅供参考使用. 操作方法 01 首先启动flash8,新建一文档,设置大小为550*400,帧频为12fps,背景颜 ...

  • 如何利用flash制作alpha渐变动画

    利用flash制作alpha渐变动画,主要利用了alpha值的变化,并结合补间动画,现在就把操作步骤和截图分享出来,供大家参考使用. 操作方法 01 首先启动flash8,新建一个文档,大小设置为80 ...