Fireworks4 巧用无缝填充处理图片

先看看效果

  你不要以为这些图片是用到了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、最终效果如图

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

时间: 2024-11-05 12:10:30

Fireworks4 巧用无缝填充处理图片的相关文章

Fireworks 用无缝填充处理图片的另一效果

在经典论坛上(http://www.blueidea.com/bbs)看到一个使用无缝背景图制作的效果,感觉非常不错,特摘录此教程,方便借鉴参考. 1,新建一个长和宽为20象素,背景为透明的文件.放大到800倍 2,用直线工具画长为20象素.宽为1象素的线条.把它们如图排列.(为方便看清,我把填充色设为黑色) 3,选中全部的线条,texture:Grid6.100%. 4,把中间的一横一竖的线条的透明度设为50.把它保存.(个人认为透明度设为60比较好.) 5,打开一张图片,在图片在上方用矩形工

Photoshop制作菱形针织纹理无缝填充图案

  效果图: 这个是用了颜色查找功能后的展示图 下面教程开始: 新建文件,并设置其大小为210像素×414像素 ctrl+R调出你的标尺工具 在上边标尺出右键选择单位为像素 放大画布到800%左右,选择"矩形选框工具",绘制一个矩形选区,矩形位置(99,0)到(108,3),填充颜色#92c6de 移动矩形选区,向右移动3像素,向上移动6像素,继续填充浅蓝色#92c6de 移动矩形选区,向右移动3像素,向上移动6像素,继续填充浅蓝色#92c6de 复制这条锯齿线,水平翻转,排列如下:

用 fireworks 打造自己的坐标

有次看到别人的网页上的横坐标和纵坐标,着实是该页面中的点晴之笔.开始我认为这可以用普通的无缝背景填充就可以办到.直到有一天,我打算在一个网页上用上这效果时,才猛然发觉,原来这种无缝填充还真有些技巧!而远非我想象的那样简单.效果虽然做到了,但是凭良心说,为什么要如此画才能填充的如此精确,我还是不知道,最超码原理上我还没弄明白.只能说是瞎碰上了处理方法.现在就把咱这瞎碰上的方法拿出与大家共享.:) 1.新建文件,Width=50pixels,Height=20pixels,背景色为透明(Transp

C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(三十七)

C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(三十七)地图自适应区域加载 目前地图编辑器已经能够对地图图片进行切片了,那么接下来我们需要做的是对切好的地图片进行拼装从而取代整张大地图.需要特别说明的是,如果一次性将所有的切片加载进游戏中并显示出来,那么效果与使用一张整的地图几乎没区别,性能上甚至可能会更差:本节我们最终要达到的目的是利用这些切片自适应的填充游戏窗口区域,即用最少的地图片实现窗口的无缝填充,从而提升游戏的整体性能. 教程示例游戏窗口模式时

PS神器内容识别用途详解

  从Adobe Photoshop CS5开始,PS就增加一个工具叫做内容识别.它被形容得像魔术一般神奇,拥有智能AI,但就是内容识别是什么,怎么才能用好它,可能许多童鞋还没有具体的认识.今天国外精品翻译教程就跟大家一起探讨这个革命性工具的最犀利的用途. 一.使用污点修复画笔工具消除瑕疵 下面从内容识别最简单的应用方法开始.通常我们的照片都有那么一点瑕疵,比如镜头的污点.蓝天中调皮的小鸟,如果想将这些瑕疵弄掉,污点修复画笔工具是非常适用的.它可以快速漂亮地将瑕疵从图像中弄掉. 下图白圈中的就是

EXCEL中使用REN命令结合BAT批处理实现照片批量改名

  要在后面加入.jpg 但太多了,Excel有没有什么命令能批量在名字后面修改的?如下图所示: 以上问题,经百度搜索之后寻得一篇不错的教程,可以解决此类问题,需要的朋友可以看看下文: 在籍学生全部都要用电子相片来制作学籍电子档案.学生照片用数码相机很快就可搞定,可照完后却发现文件名的设定可是个问题.我校数码相机型号为尼康E7600相机,照出的相片自动以DSCN0001.JPG为首文件名来依次命名.可是要存入学籍管理软件的电子相片文件名要求以学生的入学学籍为相应文件名.要是全部逐一改名的话,那可

photoshop巧用填充图案和滤镜制作锈迹字体教程

给各位photoshop软件的使用者们来详细的解析分享一下巧用填充图案和滤镜制作锈迹字体的教程. 教程分享: 先来张最终成果图   1.首先需要创建一个点状的图案模板.新建一个文件100*100px,背景填充黑色.使用椭圆工具画一个直径24px的圆①,填充为白色,并放在画布的左上角.复制①并垂直移动40px成为②,复制②并水平.垂直各移动20px成为③,复制①②,然后水平移动40px成为④⑤. 注:平移时,按Shift+方向键试试看吧~   扯出四条参考线,交点是外围的四个圆的圆心.使用矩形选框

巧用Photoshop的图案填充制作拼贴图

在这篇教程中,我们将要把一张图象制作成拼贴图的效果. 首先,找到一张自己喜欢的图片,并在Photoshop打开(如图1),这张图片的尺寸是567像素×567像素,分解以后,这幅图将由大小不一的36块组成,标准块的尺寸为113像素×113像素.下面我们开始制作填充所需要的分界线. 图1 新建一个文件,将尺寸设为113像素×113像素,模式设为RGB颜色,背景设为透明后单击好按钮确认,在导航器中将图象的缩放比例设为200%,这样便于图形的绘制(如图2). 图2 选择钢笔工具,勾画出如图3所示的线条,

巧用Word2010处理图片背景

  去除图片的背景,不是只有PS等专业的处理图片软件才可以的,Word2010也可以轻松的完成这个任务.肯定很多的朋友和小编一样没有试过吧. 1.选择Word文档中要去除背景的一张图片,然后单击功能区中的"格式">"删除背景"按钮. 删除背景 2.进入图片编辑状态,拖动矩形边框四周上的控制点,以便圈出最终要保留的图片区域,如下图所示. 圈出最终要保留的图片区域 3.完成图片区域的选定后,单击功能区中的"背景清除">"关闭&q