Fireworks教程:网格化图像效果

所属分类: 平面设计 / Fireworks教程 阅读数: 353
收藏 0 赞 0 分享
网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:


图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所示。


图4-131 网页通栏效果

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


图4-131 制作好的颜色条效果
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、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。

更多精彩内容其他人还在看

Fireworks怎么去掉图片中的水印?

Fireworks怎么去掉图片中的水印?Fireworks导入的图片有水印,想要删除水印,该怎么干净的清除图片中的水印呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks切片工具怎么快速切割图片?

Fireworks切片工具怎么快速切割图片?Fireworks导入的图片想要快速切割成多个图片,该怎么切片呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么讲图片插入到画布上?

Fireworks怎么讲图片插入到画布上?Fireworks想要将图片插入到画布指定的位置,该怎么插入呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么添加投影效果?

Fireworks文字怎么添加投影效果?Fireworks输入的文字想要制作投影效果,该怎么制作呢?下面我们就来看看Fireworks制作投影效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么转曲?

Fireworks文字怎么转曲?Fireworks中输入的文字想要转换成路径,该怎么文字转曲呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks文字怎么填充纹理图案?

Fireworks文字怎么填充图案?Fireworks中输入的文字想要填充纹理图案,该怎么填充呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么设计长投影文字效果?

Fireworks怎么设计长投影文字效果?Fireworks中输入的文字想要制作成长阴影效果,该怎么制作长投影艺术字呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks怎么制作渐变色艺术字?

Fireworks怎么制作渐变色艺术字?Fireworks中想要制作一个渐变色的文字,该怎么制作渐变色的艺术字呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks图片怎么调色? fw图片调亮的教程

Fireworks图片怎么调色?Fireworks中的图片颜色太暗,想要调亮一些,该怎么调呢?下面我们就来看看fw图片调亮的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

Fireworks图片怎么添加模糊效果?

Fireworks图片怎么添加模糊效果?Fireworks插入的图片想要添加模糊效果,该怎么制作模糊效果呢?下面我们就来看看fw添加模糊效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多