巧用Photoshop生成照片画廊
2009-01-28徐磊磊
徐磊磊
介绍Photoshop的Web照片画廊功能。通过简单的4步——选择和调整图片、画廊设计、Photoshop批处理、上传文件,不仅可以轻松把图片做成网站式的电子相册,而且可以把相册传到网上进行共享。在介绍相应步骤时适当解释每一步的目的和注意事项,使读者能够通过快速每一步的技巧,做出精美的照片画廊。
Photoshop是一款功能强大的图片处理软件,除了具备强大的图片处理功能之外,还提供照片画廊的功能。所谓照片画廊是指把图片做成网页的形式,形成一个Web相册。如果想以网页的形式展示一下图片,Photoshop完全可以做到,而且其效果并不比任何专业的网页制作软件差,如Dreamweaver、FrontPage等。最主要的是它不需要有太多的网页技术作为基础,通过简单的鼠标操作和上传就可以把照片画廊挂到网上,比如QQ空间、Blog等空间上。Adobe公司从PS 6.0版本开始其Web画廊功能就已经十分强大,演变至今更加完善。下面以Photoshop cs版本为例来看一下它是怎么实现的。
第一步,选择和调整图片。这一步的目的是选取想加入到画廊的图片。选择相应的图片并把它复制到单独的一个文件夹中,这一步的操作十分简单,不再详细介绍。之所以第一步是选择和调整图片是因为在图片画廊生成的第二步中只能选择文件夹,所以首先把需要生成照片画廊的图片放在一个文件夹中,这样在进行下一步操作时就不用再进行图片的选择了。此时应该注意一下几点。1)在给文件命名时应该尽量用英文或数字,尽量不要用中文。由于Html语言的原因,当进行超链接时,如果被链接文件名是中文可能链接会出现问题。2)选择图片是应该尽量选择大小差不多的,因为在第三步中Photoshop会对图片进行批处理,统一大小有利于Web照片画廊的美观。同样影响美观的非常重要的一点就是图片文件的横幅竖幅问题,这一点进行图片选择和调整时一定根据需要选择相应的横幅竖幅图片。3)对于文件顺序的调整也应该在这一步中进行操作。在以下的步骤中将看不到图片文件,也就不能对图片文件的实现顺序进行调整,如果希望图片以特定的顺序显示时,应该通过鼠标的拖拽进行相应调整。
第二步,Web照片画廊的设计。这一步的目的是对网站样式以及图片显示进行设置。点击文件/自动/Web照片画廊选项,在弹出的对话框中设置以下几个主要方面就可以进行Web画廊的生成。1)画廊样式的选择。Photoshop给出很多种样式。在这些样式中可以随便选择其中一种,在右边的预览区可以看到选择样式的效果图。当然也可以自定义样式,基本步骤是通过Html编辑器获取自己的样式或者复制现有样式,然后为它命名并把它存到Web图片库的样式中。由于自定义样式包括到Html语言和网页制作方面的知识,这里不再详细介绍。2)源图像的选择。在第一步中已经选择了图片,并把图片存到了一个文件夹中。这一步要做的就是点击“浏览”,并选中那个文件夹,点击“确定”。但是在进行这些操作之前一定要保证使用栏中选中的是“文件夹”,不然是没法选中文件夹点击“确定”的。3)目标。在这个选项中可以设置把最后形成的Html文件以及网站建设所需的素材存到相应的位置,这样在生成照片画廊之后就可以到设置的目录下找到源文件,因此这一步是十分重要的,要通过设置的路径去寻找要上传的文件夹。这一步要做的就是单击“目标”,选择相应目录,单击“确定”就可以了。4)选项的设置。其中包括常规、横幅、大图像、缩略图、自定义颜色、安全性等几个方面,这些采取默认就可以。
第三步:点击“确定”。此时Photoshop会自动进行图片处理和网页的生成。待生成完毕之后会自动弹出照片画廊的首页,就可以浏览。
第四步:上传文件。找到文件所在的目录,这个目录就是在目标选项中设置的目录。在目录下主要有3个文件夹,分别是images、pages、thumbnails,这些是不能随便删除的。在目录下还包括一个index.htm文件,这就是网站的首页。要把包含首页和以上3个文件夹的文件夹上传。上传之后只需要把链接链到index.htm,这个照片画廊网页就可以在网上进行浏览了。