要想充分利用好Photo Shop来设计网页,就要了解一些网页的基本知识,例如网页构图。通常网页包括以下几部分: Logo、导航、正文等等,因此,要规划好整个页面的构图,就需要网页设计者把握好Logo放在哪个区域,导航放在哪个区域,正文在什么位置更能吸引读者等,我们在浏览网页第一眼的时候,就能判断出这个网页是否布局合理,因为在构图不合理的情况下,人们会感到不舒服,观看起来别扭,这就是页面布局不合理导致的结果。
网页布局通常有以下几种类型:第一,方向式布局。电子科技、旅游自驾、商务通、汽车汽修等通常都用方向式布局,方向式布局又分为水平型、垂直型、斜向型三种框架。水平型框架是指将页面分为左右结构,左边是企业的Logo,导航等,右边是关于企业的正文。它的优势在于人们浏览页面时具有很强的整体感,布局简单大方,结构清晰,便于读者观看,节约时间。垂直型框架与水平型框架优势基本相同,唯一不同的就是它是上下结构。斜向型框架就比较个性些,有很多种情况,举一例说明,有的网页最上面是标题以及重要标志,而在网页的左右两侧确是关于网页内容的链接或者图片,中间是正文,在网页的最下面则是一些联系方式等辅助信息,这样的结构优势在于读者在浏览网页时,可操作性强,主次分明。第二,曲线式布局。曲线比较柔和,适合抒情,能够表达出一种浪漫的情怀, 因此,它的优势是具有一种艺术感,适用于交友网站、教育教育等方面。第三,其他结构式布局。这样的布局相对没有规则, 优势在于趋向表现自己的特性,适用于建筑设计、美术设计等方面。
在了解网页构图后,就能合理布局,这时候就需要进一步细致的处理图片,将图片布置到网页中去。网页设计里面很多时候都会用到图片的某一部分,需要网页设计者掌握如何截取图片[5]。截图的方法有很多种,如果使用Photo Shop,那将会更加简便。首先,打开Photo Shop,然后找出原图片,在工具栏中选中所需要的工具,截取图片。倘若需要更加准确的截取,就在工具选项栏中找到“样式”,在“样式”里就可以设定需要的尺寸,例如“固定大小”,设定固定的宽度和高度,单击图像即可确定选区,用鼠标拖住选区移动到要截取的地方,即可获得截取的图片。单击“菜单-编辑-拷贝”,就可以复制图片,单击“菜单-文件-新建”,就可以新建画布,将刚刚复制的图片粘贴到新建的画布上,单击“菜单-编辑-粘贴”即可,最后保存图片。利用Photo Shop截图就算是完成了。
运用Photo Shop处理图像,使其背景透明在网页设计中应用特别广泛,举一例说明,有些时候需要将一张图片中的人物抠出来放到另一个背景中,这就需要将人物图片的背景透明, 只有这样,才能将这张人物图片中的人物与另一个背景融合, 成为一体。网页设计者可以这样应用Photo Shop:首先打开Photo Shop,找出原图片,利用选取工具选中需要的图像,保留下来,倘若原图片是单一的背景颜色,那就能用魔棒工具选中背景颜色,单击“菜单-选择-反向”,利用反向选中需要保留的图片,然后同上述Photo Shop处理图像中复制的操作一样开始复制图片,新建画布,在画布的“背景内容”项中选择“透明”,其次粘贴图片,这样就将所需要的内容从原图片中抠出来了,调整尺寸,最后保存图片。
网页设计者在给网页做背景图片或者做banner图像时会发现,很多情况下都需要将两张或者两张以上的图像进行合成,成为一张图片,这时候,如果应用Photo Shop,会使合成图片更容易一些。举一例说明,将两张高度相同的图片进行合成, 其操作如下:首先在Photo Shop中打开第一张图片,找到第二张图片,用鼠标将其拖进来,调整放置的位置,倘若两张图片有不协调的地方,可以利用工具栏中的工具一一进行调整,使其统一,然后在第二张图片所在的图层建立蒙版,选择渐变工具,拖拽两张图片的结合处,使其变成黑白渐变,其次调整其不透明度,最后保存图片,两张图像的融合就完成了。
网页设计中最基本的要素就是文字与图像,上面已经对如何应用Photo Shop处理图像的技巧做了简单叙述,接下来我将着重叙述如何在Photo Shop中将特殊字体写在图片上。在众多网页设计中,单单是一种字体已经满足不了人们的需求,大家更希望出现一些另类的字体吸引人们的注意,但是计算机在默认情况下大都是没有这些字体的,这就需要我们上网下载并安装到计算机中去方可使用。举一例说明,在图片上添加一种特殊字体—“方正清刻本悦宋简体”,这种字体一般情况下计算机上是没有的,这就需要我们采取以下操作:首先,在网上下载 “方正清刻本悦宋简体”字体并安装到电脑上,下载的字体一般都是.ttf格式的文件,复制该文件,粘贴到c盘的Windows文件夹下的Fonts文件夹下,这样就完成了字体的安装工作,然后关闭Photo Shop并重新启动,就可以看到字体列表中有了“方正清刻本悦宋简体”,其次在图片上输入要写的内容,最后保存即可。
网站Logo指的是网站的标志,它的设计在网页设计中占有十分重要的地位。读者在浏览网页的时候,最先看到的就是网站的Logo,一个好的网站,其Logo必定能展现出网站的内涵以及重要的信息或者理念,体现其独特的风格,才能够吸引大家的目光,增加点击量。熟练地应用Photo Shop绘制网站Logo,会使网页设计更加成功,其操作过程如下:首先,在Photo Shop中新建画布,使用钢笔工具勾勒出网站Logo的轮廓,利用“转化点工具”将某些直线变成曲线,增加柔和度,利用“直接选择工具” 调整曲线弧度,然后按Ctrl+Enter键,将路径变为选区,填充选区,其次开始添加重要的文字,最后保存即可。