图像处理技术在网页制作中的应用研究
2018-05-14金琰
金琰
[摘 要] 21世纪我国社会全面进入信息化时代,互联网成为现代企业展示自己,与大众进行沟通、交流的主要平台。为了提高网页设计质量,培养高素质的网页设计人才,中职学校开设了网页设计课程,利用Photoshop软件可以提高网页的整体效果。以利用Photoshop完成图像的截取和对图像尺寸的控制,完成网站LOGO的制作以及完成艺术字体等的制作为例,分析了Photoshop在网页制作图像处理过程中的实用技巧。
[关 键 词] 图像处理技术;网页制作;应用
[中图分类号] TP751 [文献标志码] A [文章编号] 2096-0603(2018)22-0196-01
21世纪我国进入信息化时代,现代信息传递主要依托计算机网络、多媒体等方式进行,现代企业的行业发展也更多依托于网络。各类网站的兴起让网站建设、网页设计有着越来越广阔的发展空间,现代社会对这类新型人才的需求量和专业技能要求越来越高,网页设计成为中职学校计算机应用专业课程中的一项重要内容。在当前中职网页设计课程教学当中,许多学生仅能学到网页设计的皮毛,无法胜任网页设计的重任,这一方面和当前中职学校学生素质普遍降低有关,另一方面也和教师采用的教学策略不能激发中职学生学习兴趣有着莫大关系。为了全面提升中职学生的网页制作能力,提升他们的综合职业素养,就势必需要教师在网页设计课程当中锐意创新。图像处理技术在网页制作当中起着重要作用,网页制作水平的提高、高质量网站的建设都离不开高超的图像处理技术。本文将以Photoshop为例对Photoshop在网页制作图像处理过程中的实用技巧进行简要介绍。
一、网页制作中PS图像处理技术的典型应用
PS图像处理技术在网页制作当中,可以用来对网页布局进行规划和调整,提高网页的整体效果,使网站的点击率得到有效提高。现代企业为了自身宣传的需要,有时候需要在网页上放置宣传视频、图片资料,为了增强企业宣传资料与网页的兼容性,使用PS对图片、视频素材进行处理,统一图片格式,保障网页动画的质量。由于当前用来制作网页的Dreamweaver软件在图像处理功能方面有所欠缺,在利用Dreamweaver软件对网页图像进行初步处理的基础上,还需要借助PS来完成后期的特效制作。总而言之,在网页制作当中运用图像处理技术,不仅可以使网页的整体构造得以进一步完善,使网页的优势充分展示出来,全面提高网页质量,另一方面,经过PS技术处理过的图像更为规范,质量更优,不仅可以在用户浏览网页时为他们提供流畅的视觉体验,还能够提高图像下载速度,提高网页点击率。
二、Photoshop在网页制作图像处理过程中的实用技巧
(一)利用Photoshop可以完成图像的截取和对图像尺寸的控制
网页整体效果的好坏受到图像尺寸的直接影响,因此,在网页制作当中要注意图像的布局。相比较而言,大尺寸图像和小尺寸图像各自有其优势,大尺寸图像具有更为直观,包含内容更为丰富、更为精细清晰的优势,可以成功吸引网页浏览者的注意力,而那些个性化较强的尺寸较小的图像则对烘托网页整体效果具有重要作用。因此,可以利用Photoshop完成网页制作过程中对图像的截取和对图像尺寸的控制,在对图像进行处理的过程中,Photoshop更为便捷。在打开需要进行编辑的图像之后,可以利用Photoshop工具栏当中相应的截图工具完成对图像外形的处理,图像截取完成后,利用“样式”可以完成对截图尺寸的设置,将图像设置成合适的尺寸;接着可以用设定好尺寸、形状的选区框移动到需要截取的合适部位,将截取好的局部图像运用Ctrl+C的命令复制下来,在使用Ctrl+N命令新建画布的基础上将截取并复制的局部图像粘贴到画布上,就可以保存成为网页所需尺寸、形状的图像了。
(二)利用Photoshop可以完成网站LOGO的制作
在网页制作当中,考虑到不同网站创建目的和定位的区别,为不同网站制作、添加代表网站标志的LOGO极为重要。为了制作出能够体现网站内涵、传递网站理念的LOGO,可以利用Photoshop完成对网站LOGO的绘制。网站LOGO的制作可以通过以下步骤完成:(1)根据LOGO大小用画笔工具在新建画布上面勾画出大概轮廓。(2)运用转换点工具对轮廓路径当中的直线进行调整,调整成为具有一定弧度的曲线。(3)在對曲线弧度进一步进行精细化调整的过程中,运用“直接选择工具”对某些锚点的位置进行调整。(4)按下Ctrl+Enter键对选择区域进行填充,完成网站LOGO的制作。
(三)利用Photoshop完成艺术字体等的制作
利用Photoshop不仅可以完成对图像的处理,还可以通过图层、路径等完成特殊效果艺术字的创作。(1)将需要编辑的文字输入后为其选择合适的字体。(2)首先将文字转换成为路径,完成对文字轮廓的修改后将新字形重新转换成为选区。(3)在形成的新图层当中为选区填充好所需颜色,用“样式”将文字制作成水晶字、玻璃字等不同样式的艺术字体。(4)如果需要对艺术字进行进一步的加工,制作出镂空或者透明的效果,则需要将修改好外形的文字放在通道当中进行调整,然后回到图层中对其样式或颜色进行进一步加工,制作成所需文字效果。
总而言之,在网络社会中,为了将网络的基本元素——网页设计得更独特、更完美,可以应用图像处理技术对网页进行进一步的加工和完善。这就需要中职学生熟练掌握以Photoshop为主的图形处理工具,进一步提升网页的美观性、艺术性,促进中职学生网页设计水平的整体提升。
参考文献:
[1]刘丽君.浅谈Photoshop在网页制作中的应用[J].科技广场,2007(7):131-132.
[2]李丹.浅谈多媒体技术发展及在网站设计中的应用[J].吉林省经济管理干部学院学报,2009(4).