用Fireworks制作动态效果的LOGO

动态

本例主要针对一个LOGO的渐隐效果做出仔细讲解 本例涵盖了FW所有的主要动画技巧 对初学者来说可能有点难,但只要仔细揣摩,那么用fw做gif就可以完全掌握

1,新建一个88*31的画布,画出如图中的两个条,并按F8转换为元件.(图1)

2,在画布上用8 pt的象素字写上文字并分别保存为元件(图2)

3,选中一个元件 用"滤镜">>模糊>>运动模糊 对字体进行处理, 设置是180度 3象素然后保存为元件(图3)

4,在第一帧位置,删掉其他元件 仅留下图中的运动模糊元件移动到图中位置 进行如下设置 (图4)

 

5,在第4帧位置 从库中拖出图形元件(1),按ctrl+shift+d克隆一次,同时选中这2个元件 右键点击>>元件>>补间实例 设置是2帧 钩选"分散到帧"然后对 下面那个文字元件创建动画如图设置(图5)

6,在第6帧选中2个元件 分别设置成■图中动画效果(图6)

7,在15帧处 新建一个文本 画一个矩形 和图中一样大 然后按住■shift选中矩形和文本 点修改>>蒙板>>组合为蒙板■ 在帧面板中复制6帧 (图7)

8,在16 17 18 19 20 21 帧中分别选中蒙板 调节渐变程度■■在21帧 复制一个"设计是空"转换为元件 创建一个渐隐动画■■并在最后一帧设置为1秒时间 接下来是输出(图8)

9,好了 设置成我图上的输出 就可以达到效果了 (图9)(图10)

最终效果图

时间: 2024-10-26 16:08:22

用Fireworks制作动态效果的LOGO的相关文章

FW制作证券效果Logo

今天我们来用Fireworks制作证券效果的Logo,其实关键就在于如何模拟票券上的色彩和横纹. 制作步骤很简单: 1.输入大号文字,按ctrl+shift+p转换为路径. 2.按ctrl+shift+d克隆4次. 3.分别设置4个路径的笔触描边为:白色2px,黑色5px,白色7px,黑色12px. 4.最底层的路径加一个阴影效果,距离7px,柔化为0. 5.选中最上层的路径,按ctrl+j合并,设置线性填充,从左到右颜色值为:#b58218.#e7ba52.#ffffff.#845108.#b

CSS3实例教程代码:简单制作遨游浏览器LOGO

文章简介:CSS3实例教程代码:简单制作遨游浏览器LOGO. <!DOCTYPE HTML> <html> <head> <title>LOGO</title> <style type="text/css"> * {margin:0; padding:0} .main {width:800px; margin:50px auto 0}  .main_wrapper {width:240px; height:240p

Fireworks制作字体遮罩动画

用Fireworks制作字体遮罩动画是一件非常轻松的事情,下面我们不妨一起动手试试. 完成效果 1.选择一幅图像作为Mask字体的底层动画. 2.把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯. 3.选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10. 4.选中箭头所指的红点,向右拖动. 5.拖动后,调整好

Fireworks制作钟摆式公告牌摇摆动画

今天我们用Fireworks制作一个钟摆式的公告牌. 先参阅一下效果图. 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些. 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图. 3.输入文字. 4.在圆角矩形右.左上角绘制小圆形,如图所示. 5.添加辅助形,找到该圆角矩形的中心点位置,如图. 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图.

Fireworks 制作地球旋转动画

旋转 Fireworks 制作地球旋转动画.本教程主要练习蒙板与动画原件的应用.闲话少说,看实际效果: 具体步骤: 1.双击任务栏右下角的时间. 2.打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材). 3.进入Fireworks,新建文件,粘贴.粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些. 4.将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性

Fireworks制作Vista毛玻璃效果

今天用Fireworks制作类似vista毛玻璃的效果,局部效果图: 1.建立画布,导入背景素材 2.绘制圆角矩形,垂直线性渐变填充 3.绘制矩形高光部分,复制矩形,原位粘贴,并删除下半部分,进行垂直线性渐变,调整透明度 4.开始制作毛玻璃效果,线性渐变绘制一个圆形,羽化10px 5.添加杂点8px 6.选择先前绘制矩形,在刚才画的圆形上点击反键-编辑-粘贴为蒙版 7.得到如下效果 8.同上步骤再绘制一个矩形.放射性填充.羽化及添加杂点步骤 9.在msn小人这块区域绘制一个椭圆行,使用绸缎填充,

用Fireworks制作钟摆式公告牌效果

先参阅一下效果图: 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些: 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图: 3.输入文字"织梦论坛": 4.在圆角矩形右.左上角绘制小圆形,如图所示: 5.添加辅助形,找到该圆角矩形的中心点位置,如图: 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图: 7.群组(Ctrl+A.Ctrl

Fireworks制作美丽典雅的“青花陶瓷按钮”

韩国风格的网页出现,风靡一时,苹果水晶风格的按钮出来,也风靡一时. 广泛学习.取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘.中国也有自己的特色和创意,下面我们说一下如何用Fireworks制作这些美丽典雅的"青花陶瓷按钮". 这次的制作需要一些矢量花草,我用的是"YY Old English Dingbats"花草装饰字体.你也可以使用其它矢量图或矢量字体. 基本形状 绘画一个圆角矩形,大小在175×80左右,填充颜色为#D

Fireworks制作地球旋转动画

Fireworks 制作地球旋转动画.本教程主要练习蒙板与动画原件的应用.闲 话少说,看实际效果: 具体步骤: 1.双击任务栏右下角的时间. 2.打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对 话框屏幕复制到剪贴板中(呵呵,就地取材).