新浪首页免费邮件用户注册网站地图
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
用Photoshop创建Web图库

http://www.sina.com.cn 2001/09/13 17:21 大众网络报

  文\子竹

  想把手中的精美图片制作成一个基于Web的在线图库吗?想把它们集中在一起让你的朋友快速查看吗?Photoshop 6.0中为我们提供了“Web照片画廊”命令,让我们非常轻松地把图片制作成Web图库。下面请看如何在Photoshop中制作Web图库吧!

  1.集中放置好图像素材

  首先你要将图像素材集中存放在一个目录下(比如命名为Photos)作为源文件夹。同样,再创建一个目标文件夹(比如命名为Html),用来放置生成的Web图库的HTML和图像文件。

  2.设置图库样式以及图库的标题

  在Photoshop 6.0中选择菜单栏中的文件→自动→Web照片画廊命令,弹出“Web照片画廊”对话框。你可以在“风格”的下拉列表框中选择图库样式,在对话框右边的预览窗中你可以看到所选样式的大致效果。Photoshop 6.0提供了4种图库样式:表格——图片缩略图以表格的形式展现;垂直画框——图片缩略图垂直排列在Web页面左边;简单——图片缩略图自动排列;水平画框——图片缩略图水平排列在Web页面下方。

  接下来我们就要在“选项”下拉列表框中选择“横幅”,然后在其下方文本框中输入你的Web图库站点的标题,如果需要你还可以添加摄影师名和拍摄日期,另外你还可以选择标题的字体和字号。

  在这里我们为图库选择了“表格”风格,并使用了“黑体”和3号字作为标题。

  3.设置图像显示方式

  现在你要确定图像如何显示,是否要边框、图像尺寸、压缩比率等等。

  在“选项”下拉列表框中选择“画廊图像”,如果不选“调整图像”复选框,图片尺寸就不会被改动。但为了方便起见,你可以拖动滑块选择JPEG品质来决定文件大小,或者直接在下拉列表框中选择。

  这里我们将所有选项设为默认值,包括图像尺寸选为可调整。

  4.设置图像缩略图的显示方式

  你可以为那些缩略图指定外观和说明。

  在“选项”下拉列表框中选择“画廊缩略图”,选中“使用文件名”复选框,用文件名作为缩略图的说明,如果你喜欢自己加一个说明,可以选择“使用文件简介题注”复选框。

  5.定义你的图库页面的色调

  你的Web图库的背景色可以是缺省的白色或者是你希望的任何颜色,你也可以指定文字和链接的颜色。

  在“选项”下拉列表框中选择“自定颜色”,这里你可以使用Photoshop的调色板指定。

  6.选择你的源文件和目标文件的目录

  按对话框中的“源”和“目的”按钮选择你的Web图库的源文件和目标文件目录。

  7.查看你的Web图库

  完成上面的设置之后,点击“好”按钮,Photoshop将开始创建你的Web图库,最终的HTML文件和JPEG文件都将生成在目标文件目录下。一旦Photoshop完成了创建工作,就会自动启动浏览器浏览你的Web图库。

  8.定制自己的Web图库模板

  你可以打开“Web照片画廊”的样式模板并修改它。这样,你可以自己定制样式以获得所需的字体、颜色和格式等等。

  每一个“Web照片画廊”的样式都是一组HTML模板文件,这些模板在Photoshop6.0的安装目录下PresetsWebContactsheet文件夹中。打开这些HTML文件,你可以在HTML代码中看到被添加的标记,这些标记就是在“Web照片画廊”对话框中返回的参数。

  你可以修改一个现成的模板文件,通过编辑HTML和标志来获得自己的样式,或者你可以复制现有样式,然后使用HTML编辑器,修改出一种新的样式并为它命名,在“Web照片画廊”的样式菜单中将会出现你命名的新样式。

  Photoshop 6.0提供的这个“Web照片画廊”功能是不是很简单?还不赶快把你的精美图片制作成Web图片册,让大伙一睹你的精彩资源吧。



发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
为PhotoShop选择最佳运行平台 (2001/08/13 15:07)
Photoshop 6.0新增功能进阶 (2001/08/09 10:59)
Photoshop 6.0立体按扭的制作 (2001/08/08 15:49)
Photoshop6中向量图形的使用 (2001/08/07 17:26)
脚踏实地--谈Photoshop的创意 (2001/08/03 11:01)
PhotoShop快速制作特效字 (2001/07/06 15:51)
让Photoshop自觉、自动 (2001/07/06 15:59)
PhotoShop快速制作特效字 (2001/07/06 15:51)
Photoshop快捷键技巧 (2001/07/02 14:19)
用Photoshop连接全景照片 (2001/06/28 14:47)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3361   欢迎批评指正

网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2001 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网