Fireworks制作空间环绕文字动画,视觉,平面,fireworks,教程,书籍,封面,设计

设计欣赏 当前位置:设计首页 >> 教程 >> Fireworks >> 正文 >> Fireworks制作空间环绕文字动画
Fireworks制作空间环绕文字动画

设计

  一圈文字绕着中轴旋转,是不是感觉些象FLASH效果,呵呵,其实用Fireworks也能轻松地制作出来。


  制作方法:

  一、 新建文件(file->new)设置画布尺寸为500*500,画布颜色为白色。

  二、 选择工具面板中的文字工具,在文字编辑器中输入如下文字,在这儿我输入了五个donger英文字母,每个donger选择了不同的颜色。如果您需要做另外的效果,可以输入自己需要的文字及颜色。点击OK按钮确认


  三、选择工具面板中的椭圆形工具,在画布上画一个圆,打开info面板设置这个圆的W和H值分别都为128。这个圆的填充和描边您可以随意设置,也可以不需要填充和描边。

  四、用指针工具按住shift键,选中这二个对象,使用菜单text->attach to pash命令。使文字按路径排列。看下图所示。

  五、此时按路径排列的文字处于被选择状态。按F8键,在弹出的符号属性窗口中设置这个动画的名字为text。类型为animation,点击OK按钮确认。

  六、在紧接着跳出的窗口中进行这样的设置: Frame(帧):设为12帧。Rotate(旋转角度)为330。点击OK按钮,在紧跟着跳出的警告窗口中再次点击OK按钮。

  七、这样一个文字转动的动画就做好了,如果想查看效果的话,可以点击状态栏中的白色播放键进行预览。

  这还没有完,我们继续往下做。
  八、打开Frame面板,点下图用红笔圈出来的这个按钮,在弹出来的面板中使Show All Frames和Multi-Frame Editing前面打上钩,如果前面没钩的话,单击该选项就可以了。此时会显示出所有帧中的内容,重叠在一起,看下图所示。



  九、选择工具面板中的变形工具(下图红笔所圈出来的工具),把这个正方形形变形框下部分中间的点往右移到如下图所示的位置。所得到图形如下

  十、打开Layers(层)面板,点击层面板下面的最左边按钮(象一个黄色的文件夹)二次。此时会新建二个层,都在layer1上面。我们把Layer2拖到Layer1的下面,方法:接住Layer2层面板的标签往下拖到Layer1的下面就可以了。

  十一、选择Layer2层。在工具面板中选择矩形工具,在如下图的位置画一个矩形,打开info面板设置其W为20,H为128。在fill面板中选择填充类型为linear,填充的颜色点击下拉菜单,选择 Blue,Yellow,Blue,如下图。

  十二、用指针工具选择这个有渐变色的矩形,按下快捷键Ctrl+c,Ctrl+v。复制相同的一个矩形,选择菜单命令modify->transform->rotate 90,旋转90度,放在如下图的所示位置。

  十三、在Layers面板中选择Layer3。按下Ctrl+v,粘贴刚才所复制的渐变色矩形,用指针工具移动到如下图所示的位置。因为Layer3处于目前的最高层,所以它在所有对象的上面,覆盖住了文字层。

  十四、双击层标签,在弹出的对话框中选中Share Across Frames,使其前面有个钩,表示层共享。在紧接着跳出来的Fireworks4警告窗口中点击确定按钮。用同样的方法,把Layer2也进行共享。

  十五、在Frame面板中,取消显示全部的帧,你只需要选择No Onion Skinning就可以了。

  好啦,这个动画终于完工了,您可以在帧面板中调节每帧的速度,如果感觉速度满意的话也可以直接进行输出。方法为:使用菜单命令file->export preview,在输出对话框中,format(格式)选择为animated gif(动画GIF)按export按钮输出到指定的目录中。 

设计教程

相关链接:设计,欣赏,教程,平面,设计欣赏
Google
WEB DOFOTO.NET
最 新 文 章
相 关 文 章
电影《无间行者》海报设
电影《007之皇家赌场》海
电影《生与死》海报设计
电影《墨攻》海报设计欣
《星球大战》海报设计全
电影《龙骑士》海报设计
史诗巨片《300》海报设计
电影《夏洛特的网》海报
水木清华平面稿设计欣赏
名牌的独特视觉广告[组图
古典的房产楼书设计欣赏
宝业.家纺广场——楼书欣
当代艺术国际博览会网址
精典的FLASH网站
全球设计大站精选
国内外著名服装网站网址
网站推广如何在Google中拔得头筹
有关商业网站的建立和运作
几千个3D及素材网址收集!
商业网站设计主要原则
韩国商业网站设计分析
网站BANNER广告欣赏集
站 内 搜 索
Fireworks制作空间环绕文字动画相关设计:您现在欣赏的是由DOFOTO.NET设计欣赏站为您提供的《Fireworks制作空间环绕文字动画》,谢谢您!设计师学习设计的技巧和捷径是多看大师的作品,Fireworks制作空间环绕文字动画等设计资源欣赏,下载,图库,为教程,欣赏,平面,广告,创意,设计师打造一个自我学习和提升的平台,认真阅读艺术与设计杂志,多做,多想,只有不断学习借鉴视觉,平面,fireworks,教程,书籍,封面,设计优秀设计师的作品才能不断的提高自我,才能不断地迈向成功.我们为您提供丰富的平面设计,网站设计,广告设计,画册设计,包装设计,标志设计,海报设计,封面设计vi设计,设计,欣赏,教程,平面,设计欣赏,教程,欣赏,平面,广告,创意等设计类欣赏,教程和学习文章.欢迎收藏本网站,并记住我们的域名:WWW.DOFOTO.NET,点击此处返回设计网站首页!
推 荐 新 闻-+教程,欣赏,平面,广告,创意,设计欣赏,教程,技巧,ps+-
logosharx 标志设计(二) Wendy Garfinkel-Gold 标志设 Matthew Steffanie 标志设计 Power Graphixx 标志设计(二
logosharx 标志设计(三) Power Graphixx 标志设计(三 Jerry Skaggs 标志设计欣赏 Matthew Sulcoski 标志设计欣
motype 标志设计欣赏 Jay Frizzell 标志设计欣赏 Tony Godzik 标志设计欣赏 Liza Molina Smith 标志设计
|画册设计|样本设计|广告设计|DM设计|展示设计|专卖店设计|标志设计|VI设计|海报设计|LOGO设计|信封设计|设计论坛|

2004-2006 设计欣赏与设计教程