卢之秀 發表於 2014-11-28 16:52:39

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

<p>教程是向琼殿技术社区的朋友介绍利用Fireworks制作漂亮的网格化图像效果方法，这种网格化图像效果在设计中也很常见，效果如图4-127所示。这种效果适合作为网页或者通栏的背景图像。具体的制作方法如下：</p>
<p align="center"><img border="0" alt="" width="510" height="191" src="https://img.jbzj.com/file_images/article/201411/20141128165223346.jpg" /><br />图4-127 网格化图像效果</p>
<p>1、在Fireworks中打开素材图像，如图4-128所示。</p>
<p align="center"><img border="0" alt="" width="436" height="371" src="https://img.jbzj.com/file_images/article/201411/20141128165223347.jpg" /><br />图4-128 打开素材图像 </p>
<p>2、按快捷键【Ctrl+6】，把图像的显示比例放大到原来的1600％，如图4-129所示。</p>
<p align="center"><img border="0" alt="" width="436" height="371" src="https://img.jbzj.com/file_images/article/201411/20141128165223348.jpg" /><br />图4-129 放大显示比例</p>
<p>3、按键盘上的【Print Screen】键截屏，然后在Fireworks中创建一个新的画布，按快捷键【Ctrl+V】，把截取的屏幕图像粘贴到画布中，如图4-130所示。</p>
<p align="center"><img border="0" alt="" width="510" height="385" src="https://img.jbzj.com/file_images/article/201411/20141128165223349.jpg" /><br />图4-130 复制截取的屏幕图像</p>
<p>4、使用【裁剪】工具裁剪需要的部分，然后在【属性】面板中添加2到3次【锐化】滤镜即可。</p>
<p>可以基于这个图像效果为背景来设计网页通栏，效果如图4-131所示。</p>
<p align="center"><img border="0" alt="" width="510" height="191" src="https://img.jbzj.com/file_images/article/201411/20141128165223350.jpg" /><br />图4-131 网页通栏效果</p>
<p>除了类似于像素风格的效果以外，还可以制作水平或垂直的颜色条效果，如图4-132所示。具体的制作方法如下：</p>
<p align="center"><img border="0" alt="" width="400" height="300" src="https://img.jbzj.com/file_images/article/201411/20141128165242351.jpg" /><br />图4-131 制作好的颜色条效果</p>
<p>1、启动Fireworks，新建一个画布，尺寸任意。</p>
<p>2、使用【矩形】工具，在画布中绘制一个和画布同意尺寸的矩形，并且填充线性渐变色，颜色为白色过度到任意色彩，效果如图4-132所示。</p>
<p align="center"><img border="0" alt="" width="510" height="259" src="https://img.jbzj.com/file_images/article/201411/20141128165242352.jpg" /><br />图4-132 给矩形添加线性渐变色</p>
<p>3、切换到【两幅】的预览窗口，打开Fireworks的【优化】面板，在【优化】面板中选择格式为&ldquo;Gif&rdquo;，【索引色调色板】为&ldquo;最合适&rdquo;，【颜色】可以选择&ldquo;16&rdquo;或&ldquo;8&rdquo;，这里选择的是&ldquo;8&rdquo;，效果如图4-133所示。</p>
<p align="center"><img border="0" alt="" width="510" height="253" src="https://img.jbzj.com/file_images/article/201411/20141128165242353.jpg" /><br />图4-134 对图像进行优化</p>
<p>4、和上面的做法一样，按键盘上的【Print Screen】键截屏，然后在Fireworks中创建一个新的画布，按快捷键【Ctrl+V】，把截取的屏幕图像粘贴到画布中，如图4-135所示。</p>
<p align="center"><img border="0" alt="" width="510" height="356" src="https://img.jbzj.com/file_images/article/201411/20141128165242354.jpg" /><br />图4-135 复制截取的屏幕图像</p>
<p>5、使用【裁剪】工具裁剪需要的部分，然后在【属性】面板中添加2到3次【锐化】滤镜即可。</p>
<p>6、如果需要不同颜色的效果，可以直接使用【色相/饱和度】滤镜来进行调整，不需要重新制作。</p>
<p>以上就是Fireworks制作漂亮的网格化图像效果教程，希望对大家有所帮助！</p>
頁: [1]
查看完整版本: Fireworks制作漂亮的网格化图像效果