论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

特效字系列教程——马赛克文字

文章类别:Fireworks | 发表日期:2008-9-20 19:31:20

源文件下载

  大家可能已经看到了使用PS制作的马赛克文字特效了,使用FW能不能也实现同样的效果,答案是肯定的。在今天的教程开始之前,我们还是先来看一下已经制作完成的马赛克文字的效果图:



  具体制作步骤:

  1、打开FW,新建一个文件,文件的大小,背景色自定。

  2、在编辑区输入文字对象,本例输入的是汉字“马赛克文字”;字体选择了一种比较粗的字体效果“方正超粗黑简体”;字号为“64”;文字颜色为白色。选中输入的文本对象,选择属性面板上的效果菜单中的“阴影和光晕|内侧发光”效果命令,在弹出的“内侧发光”的效果设置框中,保持默认的设定即可,当然可以根据实际情况做一定的设定变化。此刻编辑区的效果如下图所示:



  [提示:]此处文字的大小设定是和将来产生的效果有着一定的关系的。因为随后的操作中我们会将文字做缩放操作,以产生马赛克的最初效果。本例中,我们会将4号字进行16倍的放大操作,而4X16恰恰等于64,故上面文字的大小设为了“64”。现在看到这些文字可能你有些犯晕,没关系,你先按照我的操作来进行,操作完毕后,一切你就都清楚了。Take it easy,慢慢来。

  3、选中文字对象,按“Ctrl+Shift+D”组合键,对其进行“克隆”操作。选中克隆对象,除了将其字号设为“4”之外,其他设定不做任何修改。为了便于随后的操作,将克隆的文字对象放置到编辑区的左上角,如下图所示:


  4、单击编辑区状态栏上的视图比例切换按钮,将视图比例设为“1600%”,当然,通过按“Ctrl+6”组合键,也同样可以达到视图切换的效果。具体操作可以看下图示范:



  5、拖动编辑区的滚动条使得克隆文字体现在编辑区的中心位置,此刻文字因为处于放大状态,就已经呈现为马赛克效果了,如下图所示。请注重,这并不是我们最终的要求效果。按键盘上的“Print Screen SysRq”捕捉屏幕键,将当前屏幕截屏。



  6、按“Ctrl+1”组合键,将编辑区视图切换到“100%”视图状态。按“Ctrl+V”组合键,将刚刚“截屏”的图片粘贴到编辑区,拖动粘贴的图片,使得马赛克区域能够覆盖住第2步操作中输入的文本对象。为了便于后面的操作,选取工具箱的“选取框”工具,将粘贴图片的马赛克区域全部圈选中,然后按“Ctrl+Shift+I”组合键,将圈选区域反选,然后按键盘上的“Delete”键,将反选部分删除掉,此刻编辑区效果请看下图:



  7、选中位于层面板上层的位图对象,选取工具箱的“魔术棒”工具,在图片边缘部分单击鼠标,这样就将位图对象的黑色边缘部分选中了,如下图所示:

8、按键盘上的“Delete”键,将选中区域删除,此刻编辑区效果如下图所示:



  9、还是选中位于上层的位图对象,在属性面板上的效果区域进行调解。图层的混合模式保持“正常”不变,将不透明度的数值做一个调整,此处设为了“48”。具体设置请参看下图。



  10、经过对图层的不透明度数值的调整,编辑区的效果如下图所示:



  11、本步的操作是文字特效最终出现的要害所在。选中位图对象,选择属性面板上效果菜单中的“锐化|锐化”效果命令,然后再次执行该效果命令2~4次,直到最终效果让人满足为止。本例执行了3次锐化命令操作,编辑区效果如下图所示:



  12、接下来可以使用“魔术棒”工具对位图对象做进一步的操作,本例是使用“魔术棒”工具配合“Shift”键,选中了多处区域,如下图所示:


  13、删除掉选中区域,最终的图形效果会如下所示:



  14、接下来可以选中位图对象,然后选择属性面板上的效果菜单中的“调整颜色 | 曲线”效果命令,在本例中,进行了如下图所示的设定。



  15、经过设定后,编辑区的图形效果会如下图所示,本例的制作方法就讲解完毕了。



  [补充:]位图对象的颜色也可通过调整属性面板上的效果菜单中的“调整颜色 | 色相/饱和度”效果命令来做进一步的调整,以取得最佳的显示效果。

上一篇:使用Fireworks制作相片框 人气:2731
下一篇:网页设计综合实例(下) 人气:2745
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058