Fireworks 动态LOGO的制作

2016-02-19 17:26 9 1 收藏

今天图老师小编要跟大家分享Fireworks 动态LOGO的制作,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - 制作 】

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  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)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

  最终效果图

来源:http://www.tulaoshi.com/n/20160219/1615216.html

延伸阅读
原文是讲关于 fireworks 4的操作的,我用 fireworks 2004 重做了一次。以方便新的fireworks2004用户换到位置。 步骤一、制作圆角渐变方形选择在工具面板的方形工具,在页面中间画一个圆角的长方形。 选择方形,在属性面板的填充选项中选择线性渐变,设置好渐变的颜色是从灰色到白色,并调整到以下显示的样子。 步骤二、...
完成图: 步骤: 1.画布:200×200,点椭圆工具,按住shift画一个正圆,在属性面板中将圆的宽和高均设为96,边缘消除锯齿,颜色为#870d94,如图1; 图1 2.选中正圆,在原位复制一个(ctrl+c,ctrl+v),颜色改为#333333,用矩形工具画一个长度大于此圆的矩形,如图2位置摆放。按住shift,选中圆形和矩形,修改-组合路径-打孔,效...
效果:   1、新建一个300*300的文档,并画一个220*180的矩形,颜色#333333 2、写一个数字,大小是250(这个数值要在属性里自己填写),我写的是5,字体要尽量选择粗一点的字体,我选择的是HandelGothic BT ,放在矩形上面; 3、选择写好的数字,用Firework自带的滤镜Alien skin Splat—Edges,mode选择Halftone Dots,具体参数设置如...
效果图: 偶用了个小花的 我好象有点罗嗦~晕~ 呵呵~ 最重要滴一步~~`
1.直接打开一张做为背景的图片。 2.转换到层面板添加一新层。 3.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,填充为黑色的长方形。 4.保持长方形选中的状态,为其添加效果:效果—杂点—新增杂点,设置数量为:400 5.得到的效果应该这样的。 6.再为其添加滤镜效果:滤镜—...

经验教程

131

收藏

19
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部