流行手法——水纹banner的制作

  动画效果:

源文件下载>>>>>>

  具体制作步骤:

    重点: 屏蔽的应用
     简单逐帧动画制作

  1. 打开flashMX,将场景设为468x60像素( banner一般都是这个尺寸)。

  2. 用矩形工具画一个与场景一样大小468x60像素的填充块,用align工具将填充块对齐场景.

  3. Ctrl+F8新建一个mc,在mc中画一圆环.(圆环的画法是,先画一个大圆,再在大圆中对齐圆心画一个略小的圆,把中间的小圆删除.)

  4. 用箭头工具圆环拉成两个新月形的弧.

  5. 新建一层,将其中的一个弧形剪切到这一层,将两个弧做成逐渐向两边扩散的形变动画.

  6. 此步相当烦杂,请耐心的处理.可能还有更加简便的方法
  选定动画所有中间帧,按F6转换成关键帧;
  将第一层的内部并合到第二层(比如在第一帧上选取场景中的所有组件,剪下然后按Ctrl+Shift+V原位粘贴在第一层的第一帧,以此类推…)
  合并完成后按下洋葱皮工具,显示所有帧,用箭头工具选定声景中所有组件,按住Alt在适当的位置复制多个波纹.

  7. 新建一个层,导入一幅图片,适当调节一下大小;在此层之上再新建一层,原位复制这副图片到新层,将这层的图片放大到110%.

  8. 在水纹那层设置屏蔽,并将最下面图片那层拉长一帧.

  9. 回到主场景,新建一层,将刚才制作的组件拖入,调整成适当大小.确定填充块那层在最上面,如果不是就拉到最上面.在填充块这层设置屏蔽.

  当然喽,这里所做的只是水纹的效果,完整的banner还要在右边的空白处加上文字效果。

时间: 2024-12-05 08:17:25

流行手法——水纹banner的制作的相关文章

巧用Fireworks制作精彩Banner

当你驾着爱机在网上冲浪时,是否注意到网页上形形色色的动态Banner呢?一个好的Banner会给人一种耳目一新的感觉,一张好的Banner会给网页添色不少.那么,你是否也想制作这么一张漂亮的Banner呢?现在我们就用Fireworks来制作出一张Banner吧! 1."巧妇难为无米之炊",首先要收集好适合你网页的图片,如果自己能够制作出这些图片那就更好了!注意要把这些图片调好尺寸,并且转化成为GIF或JPG等格式,并保存好. 2.启动Fireworks,点击"File→Ne

如何快速制作flash banner

制作网页时,你是否想有一个属于自己的flash banner呢,其实并非你想象中那么困难,本教程为大家介绍如何使用Aleo Flash Intro Banner Maker制作flash banner. 步骤方法 首先打开软件,我们看到界面如下,左边部分是选项部分,可以切换到各种设置. 我们选择"尺寸&声音"选项,进行相关的设置.长宽根据自己的需求进行设置,如果想插入背景音乐的话自己设置就可以了. 选择"背景&设置",我们设置一下背景为渐变色,如果需

Fireworks轻松绘制banner广告

广告 Banner,一般翻译为旗帜广告.横幅广告等.Banner是网站用来作为盈利或者是发布一些重要的信息的工具.Banner在设计上应该要做到制作美观.方便点击.与网页协调和整体构成合理. 本文中我们用Fireworks来制作一个变色的Banner,从中我们可以掌握符号(symbol)的使用.补间实例动画(tween instance)的制作.层(Layers)和帧(Frames)的基本用法,结尾进行精彩的技巧总结.文章末尾提供原文件供大家下载参考. 完成效果如下: Banner制作具体过程

Flash MX 2004实例制作视频教程:宝泉奶粉广告2

广告|教程|视频教程 第 33 节:宝泉奶粉广告(3) 课程目标:制作宝泉奶粉广告Banner. 课程要点:通过实例<宝泉奶粉广告>学习广告Banner的制作.掌握Flash中常用工具的使用.补间动画等技术.本实例教程共四部分,这是第三部分. 观看教程:[全屏观看] (4.23MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载]) 下载教程:[下载教程] [下载源文件] 第 34 节:宝泉奶粉广告(4) 课程目标:制作宝泉奶粉广告Banner. 课程要点:通过实例

Flash MX 2004实例制作视频教程:宝泉奶粉广告

广告|教程|视频教程 第 31 节:宝泉奶粉广告(1) 课程目标:制作宝泉奶粉广告Banner. 课程要点:通过实例<宝泉奶粉广告>学习广告Banner的制作.掌握Flash中常用工具的使用.补间动画等技术.本实例教程共四部分,这是第一部分. 观看教程:[全屏观看] (2.32MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载] [太平洋下载]) 下载教程:[下载教程] [下载源文件] 第 32 节:宝泉奶粉广告(2) 课程目标:制作宝泉奶粉广告Banner. 课

Flash MX 2004实例制作视频教程:科凌光驱广告

广告|教程|视频教程 第 29 节:科菱光驱广告制作(上) 课程目标:制作科菱光驱广告Banner. 课程要点:通过实例<科菱光驱广告>学习广告Banner的制作.掌握Flash中图形绘制技巧.补间动画等技术. 观看教程:[全屏观看] (4.18MB) (必须安装Flash Player 7.0或更高版本的播放器,[官方下载]) 下载教程:[下载教程] [下载源文件] 第 30 节:科菱光驱广告制作(下) 课程目标:制作科菱光驱广告Banner. 课程要点:通过实例<科菱光驱广告>

关于 Flash Banner 设计的建议

设计 banner 设计会严重影响广告投放效果,在此建议相关设计人员,在设计FLASH BANNER的时候考虑到以下问题. 1. 尽量减少矢量图形的路径节点数: 矢量图形显示是由计算机通过CPU即时运算得到的,矢量图形通过对节点的位置定义.线的曲度定义.面的填充色的各种属性定义来得到图形,而作为基本元素点的数量直接影响到线.面的数量,也就影响到CPU占用量. 2. 作为装饰的比较复杂的小型文字.logo重复使用时尽量用位图: 这是在下载字节量和CPU占用量间做一个平衡,因为文字本身就是比较复杂的

Fireworks轻松绘制banner广告动画

广告 Banner,一般翻译为旗帜广告.横幅广告等.Banner是网站用来作为盈利或者是发布一些重要的信息的工具.Banner在设计上应该要做到制作美观.方便点击.与网页协调和整体构成合理. 本文中我们用Fireworks来制作一个变色的Banner,从中我们可以掌握符号(symbol)的使用.补间实例动画(tween instance)的制作.层(Layers)和帧(Frames)的基本用法,结尾进行精彩的技巧总结.文章末尾提供原文件供大家下载参考. 完成效果如下: Banner制作具体过程

PhotoShop制作特殊圆点点阵字体效果教程

本文利用填充图案中心挖空圆的原理,制作的特殊圆点点阵字体,适用于少量大号文字.量大还是用路径+双重画笔拉吧. 另外这种做法的可行之处就是背景随便更换,利于网页LOGO和BANNER的制作. 这是 教程原始效果图 制作原理:挖空圆点. 第一步 建立要填充的图案,我这里选的10*10正方形,中间淘空 直径8的圆点. 第二步 新建400*400图片,黑色打底.拉两条辅助线相交于图像中间,再新建图层,建立正圆选区,填充刚才建立的图案. 第三步再建立一层,放在黑色层与圆点层之间,填充白色.放大选区,删除不