4221学习网
首页 | 网址大全 | 脑力倍增 | 电脑学院 | 学习方法 | 英语学习 | 口才交际 | 工作职场 | 成功励志 | 文学小说 | 视频教程 | 视频短片 | 下载中心 | NBA | 奥运 | 图片专区 | QQ·技巧 | 游戏技巧 | 恋爱技巧 | 谈天说地 | 专题教程 | 4221论坛
热门关键字: 视频教程  百家讲坛  美女  记忆力  疯狂英语
 → 当前位置:4221学习网>电脑学院>图形图像>Firework教程>正文

Fireworks简单方法设计网页闪字动画效果

4221学习网 2007-06-08 来源:互联网 收藏本文

训练30小时,让阅读提速5-10倍!---速读记忆训练软件免费下载!(点击下载)

最近网络上很流行一种超炫的闪彩文字及签名,在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影,一些具有个性的闪字还相当耀眼,那么这种炫彩字是如可制作出来的呢?其实制作炫彩字并不难,我们在Fireworks中用闪底素材+粘贴于内部的制作方法,可以省去相当大的工作量,是一种别出心裁的方法哟!

  下面我们来看看闪字的效果。

Fireworks简单方法设计网页闪字动画效果Fireworks简单方法设计网页闪字动画效果

Fireworks简单方法设计网页闪字动画效果

Fireworks简单方法设计网页闪字动画效果

部分完成效果

  制作步骤:

  1.打开Fireworks软件,新建一个透明背景的文档。(文档大小可以先设置为390×68像素,如果不合适,后期再进行修改)

Fireworks简单方法设计网页闪字动画效果
新建一个透明背景的文档

  2.利用左边工具箱中的“文本工具”Fireworks简单方法设计网页闪字动画效果在画布中输入文字,然后在下方“属性面板”中调整文字的大小/字体,并在“消除锯齿级别”中设置为“强力消除锯齿”。

Fireworks简单方法设计网页闪字动画效果
在“消除锯齿级别”中设置为“强力消除锯齿”

  3.接下来在“帧”面板中将第1帧拖到“新建/重制帧”按钮上Fireworks简单方法设计网页闪字动画效果2将,如下图所示,共制作成3帧。(一般是看闪底素材有多少帧,然后就制作几帧)。

Fireworks简单方法设计网页闪字动画效果Fireworks简单方法设计网页闪字动画效果
在“帧”面板中将第1帧拖到“新建/重制帧”按钮上、

8.接下来就是对闪底素材的编辑了,一般的闪底并不是我们想要的大小,有时会比字小,所以我们就需要编辑一下,首先要打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。

 

Fireworks简单方法设计网页闪字动画效果(2)Fireworks简单方法设计网页闪字动画效果(2)

打开闪底素材,单击下方“属性面板”中的“画布大小”,调整为闪字画布大小。

Fireworks简单方法设计网页闪字动画效果(2)

闪底素材

  9.然后在“帧”面板中单击Fireworks简单方法设计网页闪字动画效果(2)洋葱皮按钮,勾选“多帧编辑”,并将结束帧滑块拖到最后一帧上,并框选所有图像内容。

Fireworks简单方法设计网页闪字动画效果(2) Fireworks简单方法设计网页闪字动画效果(2)Fireworks简单方法设计网页闪字动画效果(2)

将结束帧滑块拖到最后一帧上,并框选所有图像内容

  10.这样,框选中的是三帧中的对象,利用移动工具移到画布最左边,然后利用ALT+移动复制对象至满画布,然后保存并关闭闪底。

 

Fireworks简单方法设计网页闪字动画效果(2)
利用ALT+移动复制对象至满画布

11.回到刚才我们闪字的这个制作画布中,选择菜单中“文件—导入”(Ctrl+R),选择导入刚才修改并保存的闪底素材图。

Fireworks简单方法设计网页闪字动画效果(3)

选择导入刚才修改并保存的闪底素材图

  (提示:要在第1帧中导入,不要选择其它帧,否则会出现前面的没有效果,后面却多出帧的结果。)

 

  12.导入后会看到动画元件布满了整个画布,然后选中闪图,按Ctrl+X剪切下来。

Fireworks简单方法设计网页闪字动画效果(3)
导入后会看到动画元件布满了整个画布

 13.单击第1帧中的文字,将其选中后选择菜单中的“编辑—粘贴于内部”。

Fireworks简单方法设计网页闪字动画效果(3)

选择菜单中的“编辑—粘贴于内部”。

  这时再点击预览会发现,闪字动画已经制作好了。

Fireworks简单方法设计网页闪字动画效果(3)

闪字动画

14.闪字制作完成后,接下来就是将这个闪字图像保存为动画Gif格式,可以选择菜单中“文件—图像预览”命令,在“图像预览”窗口中先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。

 

Fireworks简单方法设计网页闪字动画效果(4)
先单击预览按钮看一下动画效果,然后再单击“导入”按钮导出Gif图像。

  到此,闪字就制作完成了,下次给大家讲解闪图的制作。

上一篇:Fireworks图像优化快速教程   下一篇:Fireworks去照片红眼功能使用详解
添加到google书签 digg this! 添加到bolaa 添加到yahoo+ 添加到新浪vivi 添加到365key  
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭

相关文章
·Fireworks图像优化快速教程
·Fireworks去照片红眼功能使用详解
·Fireworks绘矢量风格“大雪盖顶”特效
·自定义Firework命令轻松批量调整图片
·教你用Fireworks绘制性感CG美女
·Fireworks 绘制可爱水杯
·Fireworks 滤镜作虚化残缺边缘
·Fireworks给美女来点颜色
·Fireworks制作涂鸦效果
·Fireworks8 绘制精致指南针图案
发表评论
要记得去论坛讨论,点击注册新会员) 密码: 匿名评论
评论内容:(请自觉遵守互联网相关政策法规。)
最新文章
·Fireworks锐化马赛克效果
·Fireworks也能为黑白照片上色
·Fireworks轻松绘制Windows Vista质感LOGO
·Fireworks 制作一个水晶图标
·Fireworks8 绘制精致指南针图案
·Fireworks制作涂鸦效果
·Fireworks给美女来点颜色
·Fireworks 滤镜作虚化残缺边缘
·Fireworks 绘制可爱水杯
·教你用Fireworks绘制性感CG美女
本类阅读排行榜
·教你用Fireworks绘制性感CG美女
·Fireworks绘矢量风格“大雪盖顶”特效
·Fireworks给美女来点颜色
·自定义Firework命令轻松批量调整图片
·Fireworks 制作一个水晶图标
·Fireworks去照片红眼功能使用详解
·Fireworks图像优化快速教程
·Fireworks制作涂鸦效果
·Fireworks8 绘制精致指南针图案
·Fireworks轻松绘制Windows Vista质感LOGO
热点视频教程
视频街舞 舞步 教学
视频windowsxp重装系统视频教程
视频李孝利十分钟详细舞蹈教程
视频美女教你跳舞
视频街舞 舞步 教学2
视频双截棍视频教程-定式
视频如何安装双操作系统
视频韩国的太空步教程,后滑、侧滑、旋转太空
视频【WindowsXP入门教程】 - 硬盘分区
视频台球教程-基本杆法
视频[百家讲坛]三十六计01_借刀杀人
视频24式太极拳教学---基本动作
视频 斯诺克台球竿法-后退球
视频动物世界之决战生死线2
视频超级全脑速读训练教程

设为首页 - 加入收藏 - 关于我们 - 联系我们 - 友情连接

4221学习网版权所有-鄂ICP备07006816号
已浏览: