网页美工操作技巧之网图像处理技巧

时间：2020-10-03 18:25:21 美工设计我要投稿

网页美工操作技巧之网图像处理技巧

　　网页中图像表的现力是无可替代的,没有图像的网页是枯燥页单调的，无法吸引人的注意力，因此图像在整个网页制作中占有非常重要的地位。它不但使网页内容更丰富，表现力、渲染力更强，而且使整个网页更具有观赏性，更具美感、艺术性。而我们手头的照片或其他图片有时并不适合直接用于网页的。那么做为网页美工，就必须要掌握一定的图像处理技巧。小编就通过Photoshop实例来和您讲一讲网页图像的处理。

　　一、网页图像制作

　　图像是网页中必不可少的元素。如何使用一个较大的图象文件恰倒好处的融入网页之中呢?那么势必要对图像进行切割，ImageReady CS(ImageReady是Photoshop的'一个附件)也可以很好地来完成这项工作。

　　1.制作切片

　　尽管网络速度一直在提高，但网络传输的速度一直是个瓶颈。假如用户浏览网页时，网页中包含了一个较大的图象，由于网络传输速度过慢，就会等待很长时间才能看到这个图像。人们想出了一个方法，就是将图像进行切割，分成若干个较小的图像，从而避免了较长的等待时间。

　　要切割图片，可首先选择工具箱中的切片工具，在图像窗口单击并拖动，即可以制作出切片。如图，可看出图像被分成了9个部分。

　　2.切片属性设置

　　在工具箱中单击切选取工具，然后单击鼠标右键，从弹出的快捷菜单中选择[编辑切片选项]菜单项，此时系统弹出“切片选项”对话框。读者可以在此对话框中对切片的属性进行设置。在对话框中可以设置以下参数：“切片类型”、“名称”、“URL”(超级连接)等。如图所示。

　　3.调整切片的位置尺寸

　　在工具箱中选择切片选取工具，单击属性工具栏中的“切片选项”图标按钮，将其设置为用户切片。然后将光标移动到切片区单击并拖动，实现切片的移动。将光标移切片边界单击并拖动，实现切片尺寸的调整。

　　二、网页图像的优化输出

　　身为网页美工，我们应该知道在Photoshop中，图像的优化输出可以分为两类，即基本优化与精确优化。如果是简单地制作能够用于网页的优化图像，可选择菜单中的[文件]→[存储为]命令，然后在打开的“存储”对话框中将文件类型设置为网页常用的GIF、JPG格式即可。

　　如果要精确优化图像，可选择菜单[文件]→[存储为Web格式]命令。此时系统将弹出相应的对话框，其中各工具箱的意义如下图所示。

　　设置优化输出参数

　　值得注意的是，要输出带有透明区的图像时，在源图像中必须带有透明区域，输出格式只能是GIF。

　　当然，网页美工在图像的处理方法不止这一种，有很多图像处理软件都是可能达到编辑效果。本文只是列举了其中的一种，朋友们可以举一反三，在实际工作中灵活掌握。

【网页美工操作技巧之网图像处理技巧】相关文章：