Fireworks教程:网格化图像效果

2016-02-19 18:50 4 1 收藏

下面图老师小编跟大家分享一个简单易学的Fireworks教程:网格化图像效果教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Fireworks教程:网格化图像效果[ 】

  网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

图4-127 网格化图像效果

  1、在Fireworks中打开素材图像,如图4-128所示。

图4-128 打开素材图像

  2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。

图4-129 放大显示比例

  3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。

图4-130 复制截取的屏幕图像

  4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。

  可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

图4-131 网页通栏效果

  除了类似于像素风格的效果以外,还可以制作水平或垂直的颜色条效果,如图4-132所示。具体的制作方法如下:

图4-131 制作好的颜色条效果

  1、启动Fireworks,新建一个画布,尺寸任意。

  2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。

  1、启动Fireworks,新建一个画布,尺寸任意。

  2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。

图4-132 给矩形添加线性渐变色

  3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如图4-133所示。

图4-134 对图像进行优化

  4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-135所示。

图4-135 复制截取的屏幕图像

  5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。

  6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。

来源:https://www.tulaoshi.com/n/20160219/1619175.html

延伸阅读
先看一下添加以后的文字效果。 第一步:用螺旋形工具画出一个螺旋。 第二步:根据情况从中心删除多余节点 第三步:复制一个并适当调整大小 第四步:调整两个螺旋的位置,使中心对齐 第五步:用钢笔工具把两个螺旋的外接口连接一起即形成一个封闭的螺旋路径,然后根据需要调整大小粗细及颜色。 最终效果:
第一部分:面板内容 本节主要针对几个新增的面板来进行简要的讲解,使得大家快速的对新增面板有一个全面的了解和掌控。 一、图像编辑 面板 如上图,我们可以发现,比较常见的几个位图处理工具(红眼消除、模糊、钝化、减淡、烙印)已经整合在这个面板上了,当然,通过单击工具箱上的这些工具按钮同样还是能够实...
1、新建文件,大小为50*50。 2、选取矩形工具,绘制一个50*50大小的正方形,填充及描边笔触设置如图。   3、将绘制好的图形保存为PNG或GIF文件,取名为网格.png备用。 4、打开一副素材图片。   5、在图片上方绘制一个略大于图象并覆盖整个画布的矩形框。在属性面板上,选择填充纹理为...,在弹出的...
看看效果 : 首先放大图片以多边形选取工具精确扣图 选取扣出部分垂直翻转,点右键以变形--平行扭曲工具调整位置。 如果不能确定位置的准确性可以把需要处理的部分设置些许透明再调。 注意到接缝有白点锯齿,把倒影模式改成叠加让接缝看起来比较自然。 看看效果 : 首先放大图片以多边形选取工具精确扣图 选取扣出部...
用Fireworks4创建图像翻转 除了创建按钮之外,Fireworks 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。 加入引发翻转的图像 1...

经验教程

364

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部