设为首页
收藏本站
最新电影
> 子栏目 firworks | photoshop | flash | 设计理论
您现在的位置: 首页=>图形图像=>fireworks 订阅本栏目  
Fireworks制作动态banner流程
时间: 2007-09-25 07:03:00 阅读次数:5926


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


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看通过“文件”菜单里的“导入”功能将修饰图片导入场景;


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看在帧面板中讲帧1鼠标拖拉之新建图标复制创建帧2飞,飞Asp技术乐园并将文字大小设置为44;


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看



调整参数如下:


图片点击可在新窗口打开查看



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


图片点击可在新窗口打开查看



调整参数如下:


图片点击可在新窗口打开查看复制该帧并将新帧中的“免费”的模糊参数修改如下:


图片点击可在新窗口打开查看



再复制该帧删除“免费”的模糊滤镜


图片点击可在新窗口打开查看



复制帧添加输入“教”;
复制帧添加输入“程”;
重复复制帧添加输入“.”
实现如下图的效果:


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



...


图片点击可在新窗口打开查看



新建帧(直接点新建帧图标不用复制帧的操作)输入“尽在”导入图片调整位置、文字字体等如下:


图片点击可在新窗口打开查看



重复复制帧调整图片位置:


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看输入“Www.ITGao.Com”并使用发光滤镜:


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



双击各帧在弹出的间隔时间:


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



动画制作完毕开始导出为gif图片:打开图像预览面板


图片点击可在新窗口打开查看


图片点击可在新窗口打开查看



设置如上图所示最后点击“导出”按钮保存大功告成效果如下:


图片点击可在新窗口打开查看



动画总体过程比较麻烦综合了fw的很多实用功能和技巧但原理其实很简单只要耐心调整和操作就可以领悟到fw的无穷魅力了
希望我的表达不是很烂想扔鸡蛋的开始准备:)
PNG源文件:


图片点击可在新窗口打开查看




站内搜索    

下一篇Fireworks画文件夹

上一篇实用Fireworks企业标识不扣图反白法

本栏目最新 栏目最新列表
Fireworks画文件夹
Fireworks制作动态banner流程
Fireworks通道原理+快捷运用
Fireworks Eyecandy滤镜效果 详解
Fireworks 制作地球旋转动画
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
VIA Rhine II Fast Ethe
Transact SQL 常 [1] [2]
电脑常用端 [1] [2] [3]
十道羊皮卷 欣赏+mp3版+
Do you get a kick out
每日一句:A friend and
每日一句:Theres no tu
网站开发常用手册
相关文章
Fireworks制作动态b
 
 width= 
伟哥博客 西安房产 123最新电影 三四六四