用Fireworks 4.0制作旋转文字动画

旋转

 Fireworks与Dreamweaver、Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒。所谓万事靠积累,只有多学多练才能让剑客真正发挥威力。今天就让我们来看一下如何利用Fireworks 4.0制作一个旋转文字的小动画,希望能对您有所帮助。
    1、建立新文件:

    启动Fireworks 4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(Height)为300,颜色为黑色,其余依照默认值。

    2、输入文本图形:

    首先单击文本工具(就是那个“A”),设置参数如下:字体为“华文行楷”,大小为“20”,颜色为“红色(#FF0000)”,其余的不用管它。然后在文本栏里输入文字,单击OK按钮。用箭头工具选择并移动文本到工作区稍微靠上的位置,接下来在Windows→Effect面板中选择ShadowandGlow→Glow(发光)选项,设置具体参数如下:宽度为2,柔化度为1,颜色为黄色(#FFFF00),透明度为100%.此时文本效果如图1所示。


图1

    3、制作文本图形的分布路径:

    首先取消对文本图形的选择,然后单击椭圆形工具(找不到?按矩形选择工具两秒钟看看会不会出现!),在Stroke和Fill面板中均选择None.按住Shift键在画布中画一个标准的圆形。按Ctrl+A键,或者单击箭头选择工具,按住Shift键分别点击文本图形和圆形,从而将二者全部选定,单击Text→AttachtoPath选项或者按快捷键Ctrl+Shift+Y,是不是看到文本图形乖乖地沿着路径进行了分布呢?哈哈,先不要得意的太早,路漫漫其修远兮……如果你看到的文本图形并未分布均匀的话,那么请用鼠标左键双击文本图形,在弹出的文本参数对话框中修改AV的值,直到文本图形沿路径均匀分布到令你满意的状态为止。

    4、开始制作动画:

    选中图形,单击Insert→ConverttoSymbol…(转变为符号)选项或者按F8键,在其对话框中将符号图形命名为“TEXT”,并选择“Graphic”(图案)选项,单击OK按钮,此时图形就被转化为图形符号了,并且被一个左下角有小箭头标记的虚线框包围着。

    5、克隆其他图例:

    单击Edit→Clone选项或者按Ctrl+Shift+D键克隆一个图例出来(前提是工作区的图例处于被选中状态),然后单击比例变换工具,可以看到图例周围出现了八个小方块,拖动鼠标,将克隆出来的图例顺时针旋转一定的角度(如图2)。使用同样的方法将当前图例再克隆一个并再次旋转一定角度。总共连续三次(也可以更多次)执行此操作。


图2

    6、创建动画:

    按Ctrl+A键选中所有图形,单击Modify→Symbol→TweenInstances…选项,在弹出的对话框中输入步骤(Steps)为3,单击选中“DistributetoFrames”选项,最后单击OK按钮。这时我们打开Frame面板,可以发现Fireworks已经自动加入了很多帧,到此为止,我们的旋转动画已经完成一大半了。

    7、加入修饰图形:

    在帧面板(Frames)中单击第1帧,单击画布空白处,取消所有图形的选择。单击椭圆形工具,设置笔刷颜色为无色(None),油漆桶颜色为红色。在Stroke面板中选择填充方式为None.在Fill面板中选择Cone,并单击Edit按钮将渐变色调整为红、黄渐变,按住Shift键在画布上的文本中画一个圆形,并使之居中(使圆形居中的方法:按Ctrl+A选中所有图形,然后在上方的工具栏上先后选择对齐方式为“水平居中”和“垂直居中”)。对圆形进一步修饰,在Windows→Effect面板中选择ShadowandGlow→Glow选项,设置具体的发光参数如下:宽度为6,柔化度为6,下面的Offset为6,颜色为黄色(#FFFF00),透明度为100%.如果最后的填充效果并不能使你满意,你还可以单击油漆桶工具,可以看到在圆形上面出现了一个小圆点和一个小方块,试着拖动其中的任意一个,就会出现不同的填充效果。

    8、复制圆形及其效果到其他帧:

    在第1帧中选中圆形(注意切不可选中周围的文本图形),单击帧面板(Frames)右上角的右箭头按钮,在弹出的菜单中选择“CopytoFrames……”选项,在弹出的对话框中单击“Range”选项,在下面的框里输入“2”To“13”(笔者做的这个动画共有13帧,您可以设为您的动画所具有的最大帧数),单击OK按钮。此时圆形就被复制到了第2帧~第13帧中。可依次单击每一帧来观察文本图形的旋转效果及圆形的状态,如有不满意的地方一一修改,比方说在某帧将文本图形或者圆形的颜色、发光效果等调整一下,那么做出的动画就会更有光彩了。具体的设置您可以慢慢尝试。

    9、输出动画:

    单击File→ExportPreview……选项或按Ctrl+Shift+X键,将弹出导出文件预览窗口(如图3)。


图3

    在弹出的导出预览窗口Option选项中“Format”下拉菜单中选择“AnimatedGIF”方式。单击Animation标签,单击左下的循环按钮让动画永远播放(Forever)。然后可以单击窗口中的播放按钮观看效果,如果有哪一帧的效果不能令人满意,还可以单击Cancel按钮回到画布中进行修改。待一切OK后,你就可以单击“Export……”按钮,选择输出路径并指定文件名称,保存!

    好了,工作进行到这里就OK了。最后祝大家学的开心,玩的痛快,我们下次再见!

    作为网页制作三剑客之一,Fireworks在我们平常的应用中远没有Dreamweaver和Flash的使用频率高,也许是由于在图形设计领域它有着太多竞争对手的缘故吧。实际Fireworks还是有着它特有的优势,希望朋友们在读过本文之后能够得到一些启发,算是起一个抛砖引玉的作用吧。

时间: 2016-02-13

用Fireworks 4.0制作旋转文字动画的相关文章

用Fireworks 4.0制作旋转文字动画(组图)

旋转 Fireworks与Dreamweaver.Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒.所谓万事靠积累,只有多学多练才能让剑客真正发挥威力.今天就让我们来看一下如何利用Fireworks4.0制作一个旋转文字的小动画,希望能对您有所帮助. 1.建立新文件:启动Fireworks4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(border=1Height)为300,颜色为黑色,其余依照默认值. 2.

Fireworks和Flash合作旋转文字动画

旋转 想在Flash中制作文字旋转环绕的效果比较麻烦,我们不仅要设定每一个字母的旋转角度,还要把字母排列成圆形,而利用Fireworks把文字附加到路径上的功能和Flash配合起来制作这样一个动画将轻而易举,大大提高工作效率,其制作方法如下. 1.打开Fireworks软件,点"File→New",设置好文件的大小及颜色(一般用Transparent),点击"OK",新建一个Fireworks文件..选择工具箱中的文本工具 ,在绘图区单击,在弹出的Text Edi

flash AS3.0 制作旋转菜单教程

1.新建一个Flash文件,宽550高400像素,背景为黑色.保存文件. 2.用椭圆工具,画一个边框白色,填充为红色的27*27的圆形.图1: 3.按F8键,把圆形转换成影片剪辑,如下设置:图2. 4.按Ctrl+L组合键,打开库双击Item影片剪辑进入编辑状态.锁定图层1,添加图层2.在圆形的中心添加一个动态文本.图3: 5.在属性面板中命名为"itemText"并输入一个数字,颜色为白色,大小为14至17左右.点击"字符嵌入"按钮,设置如图4: 6.动画部分的制

PS制作路径文字动画效果

下面是 教程完成的效果: 素材图片 下面是具体的制作步骤: 步骤1.用钢笔工具描出路径 2.选择文字工具,把光标放到路径上之后打上自己喜欢的字 分类: PS入门教程

Fireworks结合PS制作马赛克变换动画效果

效果图: 这个效果算是比较简单,而且变换比较多元化吧,其实也就是用PS把相同的图片P成不同的效果,再把图片导入FW里制作 ,因为团子并没有IR这个软件,也不会使用,所以就粉RP地用了FW...OTZ,请会IR的亲们表PAI某虫houn113 . 这个为另一张图片的效果.制作和上面一样,只是数据有所变化. PS:制作好以后再P新的一张图片,制作步骤和上面所示的一样,只是数据逐渐减少(也就是说使得马克塞效果逐渐减弱) 以下为FW部分 一直重复以上步骤把所P的图片逐一放到每一帧. 效果图

3dmax8.0制作字体激光+动画

我这里的参数竟共参考~~~效果就不怎么的,只是介绍一种方法. 开始咯~~~ 没软件转换~~大家凑合着看效果吧~~~

Fireworks教程:3D旋转gif动画

  本教程介绍使用Fireworks制作可爱的四叶草旋转gif动画效果,教程主要讲解了运用运动痕迹滤镜模拟3D效果来完成最终效果,如果你有兴趣就动手做做看咯. 看了"小可爱"转的用fireworks插件制作3D的gif动画,实在强大. 介绍这个插件的文章有差不多这样一句话:按下"导出"按钮,可能有类似死机现象,但是只要耐心等待,总会输出gif. 晕,我家里的机是N年前的老牌货,看来要另想办法了. 乱碰乱撞之下,意想不到的事情发生了----- 效果图 Png图 1.

Fireworks制作字体遮罩动画

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

Fireworks制作一款动画Logo的方法

Fireworks 应用的一大亮点就是轻松制作纷繁的动画效果,下面我们就来看看如何应用Fireworks MX2004 新增的一款滤镜效果来轻松制作如下图所示的动画效果: 1.准备阶段:打开FWMX2004,新建文件,大小当然用标准的88*31相素大小.背景效果及其文字等等就自由发挥了,此处需要注意的一点是:选中制作好的背景层,然后单击层面板右侧的弹出按钮,在弹出的下拉菜单中,选定"Share This Layer(共享该层)"命令.接下来,新建一层,输入文字,此处输入的是"