加入收藏 | 设为首页 | 会员中心 | 我要投稿 | 在线留言 | RSS
成网科技业务包括域名空间企业网站制作
 
国际域名com/net/org仅售80元/年
1G独立空间(PHP+MYSQL)仅售600元/年
您当前的位置:首页 > 平面设计 > Fireworks教程

Fireworks制作漂亮的网格化图像效果

时间:2015-04-18 12:20:10  来源:互联网  作者:佚名  点击:

教程是向脚本之家的朋友介绍利用Fireworks制作漂亮的网格化图像效果方法,这种网格化图像效果在设计中也很常见,效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下:BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-127 网格化图像效果BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

1、在Fireworks中打开素材图像,如图4-128所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-128 打开素材图像 BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

2、按快捷键【Ctrl+6】,把图像的显示比例放大到原来的1600%,如图4-129所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-129 放大显示比例BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

3、按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-130所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-130 复制截取的屏幕图像BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

4、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

可以基于这个图像效果为背景来设计网页通栏,效果如图4-131所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-131 网页通栏效果BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

除了类似于像素风格的效果以外,还可以制作水平或垂直的颜色条效果,如图4-132所示。具体的制作方法如下:BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-131 制作好的颜色条效果BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

1、启动Fireworks,新建一个画布,尺寸任意。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

2、使用【矩形】工具,在画布中绘制一个和画布同意尺寸的矩形,并且填充线性渐变色,颜色为白色过度到任意色彩,效果如图4-132所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-132 给矩形添加线性渐变色BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

3、切换到【两幅】的预览窗口,打开Fireworks的【优化】面板,在【优化】面板中选择格式为“Gif”,【索引色调色板】为“最合适”,【颜色】可以选择“16”或“8”,这里选择的是“8”,效果如图4-133所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-134 对图像进行优化BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

4、和上面的做法一样,按键盘上的【Print Screen】键截屏,然后在Fireworks中创建一个新的画布,按快捷键【Ctrl+V】,把截取的屏幕图像粘贴到画布中,如图4-135所示。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4-135 复制截取的屏幕图像BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

5、使用【裁剪】工具裁剪需要的部分,然后在【属性】面板中添加2到3次【锐化】滤镜即可。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

6、如果需要不同颜色的效果,可以直接使用【色相/饱和度】滤镜来进行调整,不需要重新制作。BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

以上就是Fireworks制作漂亮的网格化图像效果教程,希望对大家有所帮助!BgE成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

成网科技 www.it28.com竭诚为您服务!
开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设_成网科技

更多
 


来顶一下
返回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐资讯
相关文章
栏目更新
栏目热门