本站原创摘 要：伴随着网络技术的不断前进和发展,网站已经成为大家沟通、交流的重要平台.而想要将网页设计的更加优秀、更美观,网页设计就越来越受重视.本文主要对网页设计和计算机图像处理技术所涉及到的相关知识进行介绍,最后对常用的图像处理技巧记性应用技巧的讨论和解析,以此帮助读者能将网页设计的更加完美.
关 键 词 ：网页设计；计算机图像处理技术；Photoshop
中图分类号：TP391.41 文献标识码：A 文章编号：1674-7712 （2013） 14-0000-01
一、网页设计中的图像
当前的时代是网络不断快速发展的时代,通过网络来沟通、交流越来越多,也使得网页设计成为了一门十分有必要,也十分热门的行业.网页设计技术市场前景广阔,其以基础的编程技术为根基,最终的目的就是把网页设计的具有艺术美感,从而吸引广大的浏览者,提高网页的感染力.其中的关键就在于网页设计中的图像处理的如何,只有将文字以及图像效果统一的结合起来,才能达到最佳的网页设计效果,最终实现吸引浏览者的目的.伴随网络使用度不断提升,人们对网页的要求也不断增加,这就成为了我们不断改进网页设计技术的内在动力.在计算机中应用的图像按图像格式可以分为很多类,下面对网页设计中常用的三种图片种类进行介绍.
GIF：第一种要介绍的就是简称为GIF的图像交换格式,英文全称为GraphicsInterchangeFormat.这种格式的有点就是可以对图像进行无损压缩处理,图像颜色上限大,最多可达256种颜色.另外此种格式有四种优点,即透明处理、支持动态画面、支持交互处理、适用范围很广.在动漫卡通、美术素描等图像方面均可应用,在互联网图像应用中是最合适的格式种类.这
JPEG图片格式：中文名为联合静态图形专家组,英文全称为JointPhotographicExpertsGroup.此种图片格式相对GIF格式为有损压缩算法,但同样因为有损压缩,也使得JPEG的图像压缩比很高,能有效的减小数据量从而节省硬盘空间.而且针对普通的网络用户,这种有损压缩是不影响使用的.JPEG图片格式不具备透明效果的性能,也不能在动态图像中应用.较多的运用在图像处理中,很少在图像数据传输中使用.这种格式的图像效果,一般在Photoshop软件中制作.
PNG格式：翻译成中文为,可以之网络图形；英文全称为PortableNetworkGraphics.这种图像格式是随着网页设计技术的发展而出现的全新格式.因此PNG同样也具备了前两者的优点,同时也具备了新的性能优点.如真彩色最多可达一千万种,最少也能实现普通256色彩的图像；具备可压缩算法；可以在图像数据传输中应用.可以预见的是,因PNG格式的诸多优点,随着网络技术的发展以及PNG应用的广泛,PNG格式也会成为主流的图像格式.种格式的图像效果,一般在Fireworks软件中制作,是Fireworks的默认文件格式.
二、Photoshop在网页图像处理中实用技巧
图像处理有很多工具以及技术,但Photoshop是到目前为止,功能最全、应用最广泛的图像处理工具,因此笔者在下面的文章中举例介绍Photoshop在网页设计中的一些实用技巧.
(一)图像截取和尺寸大小的调整
在对网页进行设计时,一张图像往往并不使用其全部,这就涉及到了图像的局部截取.图像局部截取的方法多种多样、不拘一格,相对来说photoshop的使用更为快捷.（1）使用Photoshop打开目标图像.（2）因为所需求的局部图片大小和形状不同,Photoshop中工具栏有相应的截图工具,如方形、星形、圆形等.在图像上截取完成后,可以在“样式”中输入截图的尺寸大小,设定图像长度,宽度等值.（3）在设定好选区的大小尺寸和形状之后,可以移动选区框去选择截取的合适部位.然后使用Ctrl+c复制截取的局部图像.（4）按Ctrl+N键新建画布,所新建的画图的大小和形状都是与所复制的局部图像相符合的.然后按Ctrl+V粘贴图像.最后保存即可完成局部图像的截取以及图像尺寸和形状的调整.
(二)图像融合处理
在网页设计时往往需要将多张图片进行合成,增加空间利用率,或者增强图片效果,这常在制作网页背景图像时用到.其融合步骤如下：（1）选择两张高度相同的图像,在Photoshop中先打开一种图像,用工具栏中的移动工具将另外一张图像拖进Photoshop中,并选择适当的位置摆放.（2）对两张图像的色相、亮度、色彩饱和度等进行相应的调整,为后面的融合做准备以期有较好的融合效果.（3）选择拖进图像的图层,建立一个蒙版,然后通过渐变工具将两张图像的结合处变成黑白渐变的效果,最后再适当的调整不透明度,达到较好的融合效果.
(三)添加阴影和倒影
通过添加倒影可以使图像具有立体效果,倒影添加步骤如下：（1）将图片在Photoshop中将倒影效果素材打开,并按Ctrl+J复制素材所在图层.（2）在“编辑”一栏中选择“变换”然后选择“垂直翻转”,单击按钮,将需翻转的图层添加到初始图片所在图层的下边.（3）在需要翻转的图层中加图层蒙版,在蒙版上使用渐变功能,这样就能使图像添加倒影效果.
(四)网站LOGO的制作
每个网站因其诞生总是有一定的目的和定位,是每个网站的门面和标志,因此十分的重要.好的LOGO需要能体现出网站的内涵,并且能传递出网站的理念等信息.LOGO的制作同样的重要,运用Photoshop同样可以对网站LOGO进行绘制,制作步骤如下：（1）首先在新建的画布上用画笔工具大体勾画出轮廓范围.（2）用“转换点工具”把勾画出的轮廓路径中的直线部分进行弧度的调整,把直线变为有一定弧度的曲线.（3）点击“直接选择工具”,调整某些锚点的位置,调整曲线弧度.（4）按Ctrl+Enter键,对选区进行填充.
(五)艺术字体等的制作
图像处理技术不仅仅包括了对图像的处理和应用,也包括了文字的创作.在Photoshop中可以通过图层、通道、路径等制作一些特殊文字等效果.步骤如下：（1）先输入相应的文字,选择合适的字体.（2）将文字转换成路径,并对文字的轮廓进行修改,完成后将新字形重新转换为选区.（3）在新的图层中,对选区填充颜色,运用图层样式,对文字的外观进行设置,可以做出水晶字、毛刺字、玻璃字等.（4）如果要制作镂空字或透明字效果,还需把修改了外形文字在通道中进行调整,再回到图层中进行颜色或样式的加工.
六、结束语
随着社会的不断发展,网络应用不断增多,如今互联网已经是一个完整、系统、复杂的一个应用系统.而网页是其中的一个基本元素,如何把网络的网页设计的更加完美、富有艺术感,关系到很多的方面.这需要我们不仅仅从图像的色调、图像选择等方面出发考虑,而且也要求我们熟练掌握图形处理的工具,如Photoshop等工具.网页设计的质量好坏,直接受到图片处理技术的影响