FireWorks制作动画Logo教程

  Fireworks 应用的一大亮点就是轻松制作纷繁的动画效果,下面我们就来看看如何应用Fireworks MX2004 新增的一款滤镜效果来轻松制作如下图所示的动画效果:


  1、准备阶段:打开FWMX2004,新建文件,大小当然用标准的88*31相素大小。背景效果及其文字等等就自由发挥了,此处需要注意的一点是:选中制作好的背景层,然后单击层面板右侧的弹出按钮,在弹出的下拉菜单中,选定“Share This Layer(共享该层)”命令。

  接下来,新建一层,输入文字,此处输入的是“风云设计眼”,文字选用“宋体”,字号大小为12Pt,取消抗锯齿,此时效果如下图所示:


  2、选中刚才输入的文本对象,执行菜单命令“Modify--Symbol--Convert to Symbol”(快捷键为F8),在弹出的对话框中可以修改Name选项,此处我们保持默认选项不作调整,直接按OK按钮,即可将选中对象转化为 Symbol(符号)。


  3、此刻,编辑区的文字对象已经变成了Symbol,选中该对象,执行Propertiers(属性)面板的Effects(效果)命令的Blue--Zoom Blue效果命令,如下图所示:


  4、在弹出的设置框中进行如下图所示的设置。Amount的值设为最大:100,Quality的值根据输入文字大小情况进行设置,此处采用的数值大小为:35,设置完毕,单击OK即可。


  5、此刻编辑区的符号对象如下图所示:


  6、选中该对象,执行菜单命令“Edit--Clone”(快捷键为“Ctrl Shift D”),原地克隆一个符号对象,同样对克隆对象的Effects效果进行设定:单击其Zoom Blur的效果选项,在弹出的设置框中将Amount和Quality两个选项的数值都设为最小值 1。


  7、打开两个文字符号所在的层,配合Shift键同时选定这两个Symbol对象,如下图所示:


  8、执行菜单命令“Modify--Symbol--Tween Instances”,如下图所示:


  9、在弹出的对话框中进行设置:Steps里面的数值就用默认的10即可,但是一定要勾选Distribute to frames前面的复选框,因为只有这样才能生成动画。具体设置请看下图:


  10、此刻我们可以发现编辑区下端状态栏的播放按钮已经变为可用了,此刻挤压文字的动画效果就已经展现了。但是我们发现有一点儿不够完美的地方,回到第一桢我们可以看到如下图所示的效果。“设”字模糊的程度还是不够,这样总体效果就不够好了,但是Zoom Blue的相关设置我们已经设置为最大值了,那样我们就需要重新想办法了!


  11、打开Frame桢面板,单击右侧的弹出菜单按钮,执行Duplicate Frame命令。在弹出的设置框中进行相关设定,将Insert new frames的选项设置为Before current frames,如下图:


  12、选中刚刚复制的第一桢的对象,执行Propertiers(属性)面板的Effects(效果)命令的Blue--Gaussian Blue效果命令,进行设置如下图所示:


  13、继续执行11、12步骤的操作,再次在第一桢前复制一桢,继续对复制对象进行Gaussian高斯模糊处理,这次设置的数值要稍微再大些,可以根据预览的效果对数值大小进行设定。

  14、这样总体的动画效果就完成了。既然是做的Logo,那么这个Logo就要让人明白你的中心意思所在,我们至少需要让人知道你的logo中心内容是什么,这样,我们双击最后一桢的Frame delay框内的数字 9 ,在弹出的Frame delay框中进行设定,这里我们把默认的9改成了60,这样我们就可以令最后一桢的内容停留的时间稍微长些,让人家真正看清楚你到底写的什么字!当然,数值越大,停留的时间就越长,这个就不多讲了。


  15、好了,完工,看看我们最终的动画效果吧:

时间: 2024-09-08 20:17:42

FireWorks制作动画Logo教程的相关文章

制作动态logo教程

本人从事iOS开发工作,但对特效制作很感兴趣,现提供一份教程,制作本人logo的教程. 上图是用 Photoshop 与 After Effects 与 GIF Movie Gear 合力制作的动态图片的logo,现在简单讲讲如何制作吧. 1.用Photoshop制作出字母以及背景           要点:阴影部分靠渐变工具中的透明渐变产生,这个最终会产生边缘渐变消失的效果(如动画中边缘逐渐消失),很重要,如下图示        2.将文件分层导入到 After Effects 中      

用Fireworks制作动画

制作网页动画可用许多种方法来实现,如:用Java或DHTML或Flash等,也可用Fireworks.而Fireworks提供了三种制作动画的手段:手工绘制.使用符号(Symbol).图像法.    下面我们以手工绘制和图像法来制作简易的"月出场景"动画.     1.新建一空白文档窗口:     运行Fireworks 4,选择菜单"File→New"命令后,出现"New Document"窗口,设置一些参数后,按"OK",

Illustrator制作quicktime LOGO教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作quicktime LOGO的教程. 教程分享: 步骤1 创建一个700*700px的文档.首先,显示网格(视图菜单>显示网格)和对齐网格(视图菜单>对齐网格).下一步,你要使得网格线的间隔为5px.执行编辑菜单>首选项>参考线和网格,在"网格线间隔框内输入5,在"次分隔线框内输入1.然后打开信息面板(窗口菜单>信息),以便能够实时预览形状的大小和位置.记得将计算单位更改为px(编辑菜单&g

fireworks制作精致图标教程

这篇教程教三联的FIREWORKS爱好者们用fireworks打造精致图标,教程这种介绍图标的细节修饰.制作难度中等,转发过来和三联的朋友们一起学习. 使用Fireworks(以下简称FW)进行图标设计主要要留意两点: 一是FW专注于web设计,不适合创造一些过于复杂的PS效果,请期待FW CS5的PS滤镜; 二是FW的编辑方式类似于AI,如果您习惯于工作在PS类的像素着色环境下,请华丽的飘过. 接下来进入正题,我们拿一个比较标准的图标来临摹做说明,这样可以方便您理解. 下图是国内知名的eico

使用Fireworks制作香烟的教程

教程 我们首先选择的file> New或CNTL+N, 新建一个400x200象素的fireworks文件,设置分辨率为72,背景色为#99CC99.做一个烟身, 选择矩形工具,拉一个矩形.在属性面板设置这个矩形宽222个象素,高18个象素.然后设置矩形的填充如图.线性填充的颜色从左到右分别为: #CCCCCC, #FFFFFF, #FFFFFF 和 #E5E5E5.再做一个矩形来充当过滤嘴. 选择矩形工具 ,拉一个矩形.设置这个矩形的长为68,高为18.设置填充如图:Linear线性填充的颜色

Fireworks 制作翡翠字教程

教程 欢迎访问作者网站:http://lostidea.bosinet.com/ 最终效果: 制作步骤:1.新建一600×90 #000000的画布2.在画布中写入主体文字,选择粗一点的字体,并把文字转换成曲线,从上到下用线性填充(#006600--#00FF99--#006600),效果如图:  3. 按次序添加效果,内斜角--内侧阴影1--内侧阴影2--投影,如图内斜角 内侧阴影1 内侧阴影2 投影 效果 4.ctrl+shift+D 克隆字体, 将克隆的字体去除效果,用白色填充,羽化为10

Fireworks制作联通Logo

今天我们用Fireworks来绘制联通的企业LOGO,跟我们来看看如何操作的吧. 1.新建300*300,背景为白色. 2.使用矩形工具绘制一个100*100的正方形,同样的方法绘制一个60*60正方形,全选两个正方形,修改_对齐_垂直居中和水平居中. 3.修改_组合路径_打孔,得到一个方框组合路径,按chrl+shift+t打开数值对话框,旋转,角度为45度. 4.使用椭圆形工具,按chr绘制一个60*60的圆形,克隆一个圆形,打开数值变形对话框,调整大小:20*20. 5.选定两个圆形,修改

Photoshop制作动画GIF教程:转动的风车

最终效果 制作过程的截图,文字说明在第三页 [1] [2] [3] [4]  下一页

Flash制作动画图文教程

  儿童时代都比较喜欢动画片,那个时候就在想长大以后自己也要做动画.现在略懂,给大家介绍.以下面的雄鹰为例. 工具/原料 Flash 方法/步骤 首先设置动画属性.输入一个动画文档,设置文档属性,包括标题.描述.尺寸和背景颜色等内容,再点击确定即可. 其次创建动画背景.分为三步,①导入图片;②调整图像大小及位置;③在第110帧处添加普通帧. 然后创建雄鹰元件.先执行[插入]--[新建元件]命令,输入[名称]为"雄鹰",选择[类型]为[图形],单击[确定]. 选择第1帧,执行[文件]--