Fireworks 动态LOGO的制作

杨宁博客

杨宁博客

2016-02-19 17:26

今天图老师小编要跟大家分享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)

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

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

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

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

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

  最终效果图

展开更多 50%)
分享

猜你喜欢

Fireworks 动态LOGO的制作

设计创意
Fireworks 动态LOGO的制作

Fireworks 制作做 MX 2004 Logo

设计创意
Fireworks 制作做 MX 2004 Logo

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Fireworks制作叶信设计LOGO教程

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks制作叶信设计LOGO教程

Fireworks教程:制作有光泽质感LOGO

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks教程:制作有光泽质感LOGO

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Fireworks 打造精美 LOGO

设计创意
Fireworks 打造精美 LOGO

Fireworks教程:动态元件的基本制作及高级运用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Fireworks教程:动态元件的基本制作及高级运用

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Ysabel LeMay插画作品

Ysabel LeMay插画作品

法国印象派画家Pierre Auguste Renoir油画作品欣赏六

法国印象派画家Pierre Auguste Renoir油画作品欣赏六
下拉加载更多内容 ↓