| 首页 | 视觉资讯 | 平面视觉 | 环艺设计 | CG视觉 | 设计教程 | 人物 |
视觉资讯
设计资讯 网络媒体 设计征集 书刊
平面视觉
画册 包装 VI 招贴 标志 创意 文案 理论
环艺设计
建筑设计 室内设计 景观设计 家装设计
CG视觉
插画 3D视觉 动漫
设计教程
平面教程 网页教程 多媒体教程
人物
设计师 设计公司 人物访谈
您现在的位置: 第一视觉 >> 设计教程 >> 网页教程 >> Fireworks教程 >> 正文
Fireworks制作动态banner
作者:BKDesigner | 文章来源:蓝色理想 | 时间:2007-5-8 【字体:

itgao老总是我朋友,前几天要我帮忙做个banner,拖到今天终于有点不好意思了,动手!
好久没有用fw做动画了,有些生疏。有不合适的地方希望大家不要扔鸡蛋砸我,要扔就扔石头,一把砸死我得了,我这人脸皮薄,呼呼。
好,废话不多说,咱们开始吧:
效果图:


本文涉及知识点:
1、fw创建gif动画的基本过程;
2、fw帧动画中共享层的使用;
3、fw形状渐变动画的制作;
4、fw缩放动画的制作;
5、fw帧帧动画的制作;
...
第一步:做背景层
大家知道,大多动画的背景图片都是固定的,变化的只是动画里的文字阿、图标等等。我们可以事先将背景部分做好,然后将其设为共享层,其他帧里我们就不用再复制背景层了。
新建468*60文档;


用矩形工具画一个矩形,大小同画布;


将填充颜色改为线性渐变,调整颜色如下;

通过“文件”菜单里的“导入”功能,将修饰图片导入场景;


并调整布局及搭配,结果如下图:


将层面板中层1设置为共享层,并新建层2;


选择层2,场景中输入“海量”两个字,大小为120px,调整透明度为60%;调整颜色及倾斜角度;


在帧面板中讲帧1鼠标拖拉之新建图标,复制创建帧2,并将文字大小设置为44;


在画布中输入“免费”,在滤镜的“阴影和光晕”中选择“发光”;


调整参数如下:


再对“免费”两个字进行模糊处理:在滤镜的“模糊”中选择“缩放模糊”;


调整参数如下:

[1] [2] 下一页

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章
    没有相关文章
    版权申明:
       转载请不要修改任何文字图片链接信息。如需使用本站作品,请与原作者联系,版权归原作者所有。
       第一视觉(www.vision1.cn)依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请联系我站编辑人员,注明网址及文章,我们会即时处理或删除!
    最新热门文章
    普通文章Fireworks绘制炫彩光影缠绕DNA图案
    普通文章Fireworks制作动态banner
    普通文章Fireworks 打造小玉石
    普通文章Fireworks绘制精美闪图动画
    普通文章Fireworks制作漂亮的流光字效果
    普通文章Photoshop 制作精美图标
    普通文章Fireworks制作网站Logo
    普通文章Fireworks 打造精美导航条
    普通文章Fireworks 制作立体文字
    关于我们 | 联系我们 | 版权声明 | 免责声明 | 网站地图
    版权所有 © 2006-2007 第一视觉(Vision1.cn)
    Copyright © 2006-2007 Vision1.cn All rights reserved