论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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,视频教程

Fireworks4 巧用无缝填充处理图片

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

先看看效果

  你不要以为这些图片是用到了ps中的滤镜功能,这只是在fireworks中用到了一点点小技巧。没想到FW还有这功能吧?废话少说了,现在就让我们动手去实践吧。

1、新建文件,Width=4pixels,Height=4pixels,背景色为透明。

2、打开info面板,参照info面板,用矩形工具按住Shift键,在编辑区拖画出一个长和宽为2象素的正方形,填充色为黑色。(用放大镜工具,把编辑区放大800倍。假如你不放大也能画出这样的效果,恭喜你,你将会受到专访。)

3、选中该黑色正方形,Commands>Document>Center in Document,使该正方形处于编辑区的中心。



4、把文件保存到你的文件夹中,等会我们要用到它。

5、打开一张图片,选中该图片,Commands>Creative>Convert to Grayscale,使图片变为灰度图。

6、在图片上面用矩形工具拖画出一个和图片差不多大小的矩形,填充色随意,因为我们等会要用图案填充该矩形,

7、选中我们刚才画的矩形,打开Fill面板,填充方式我们选中Pattern(图案填充),然后在图案选项中我们选中最下面的other



8、在随后弹出的对话框中找到我们刚才保存到文件夹中的图,点击打开按钮


9、此时效果如图所示



10、我们再对图片上面的矩形做点修饰,选中矩形,打开Effect面板,Blur>Gaussian Blur在弹出的对话框中,我们把高斯模糊设为1象素。



最终效果就出来了,是不是有点象photoshop中加了滤镜的效果?

 

举一反三

下面我们再用无缝填充的方法做一个效果。

1、新建文件Width=16pixels,Height=16pixels,背景色为透明。

2,把编辑区用放大镜工具放大到400倍,打开info面板参照。用矩形工具在编辑区拖画出一个长为16象素,宽为1象素的矩形。然后再用矩形工具拖画出一个高为16象素,宽为1象素的知形,同时选中这两个矩形,Modify>Align>Left,Modify>Align>Top把这两个矩形左对齐和顶对齐。然后把图保存到你的文件夹中。



3、打开一张图片,在图片上方我们用矩形工具拖画出一个和图片差不多大小的矩形。用我们刚才完成的图案填充它。可以得到下图效果。

4、选中图片上方的矩形,打开Effect面板,Bevel and Emboss>Inset Emboss,在弹出的对话框中如图设置



5、最终效果如图



  用无缝填充的方法可以创造出许多非常酷的效果,我这里只是抛砖引玉,希望通过本章的学习能激发你们的潜能,开动大脑充分发挥你们的想象力,做出更好的效果。:)


 

上一篇:用fireworks4做像素人的运动 人气:2917
下一篇:用 fireworks 打造自己的坐标 人气:2068
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