| 网站首页 | 文章中心 | 设计欣赏 | 下载中心 | 设计咨讯 | 平面设计 | 二维|三维 | 网页制作 | NIIT论坛 | 酷站! | 
    您现在的位置: 卓越设计网 >> 平面设计 >> Photoshop专区 >> 平面设计正文
[组图]Photoshop CS2制作Web像册         ★★★
Photoshop CS2制作Web像册
作者:Photoshop教程 文章来源:Photoshop教程 点击数: 更新时间:2006-5-22 21:26:22

Photoshop CS2制作易更新的Web像册画廊

Photoshop是大家都很熟悉的软件了,CS2版本也已经发布了好久,不知道大家是否用过它的自动化功能?以前schiy在找工作的时候,曾用Photoshop5.5的自动化菜单里的“web照片画廊”功能做了一个简单的作品展示的网页

CS2在以前版本的基础上又增加了一些新的功能和样式。有一些非常的棒!譬如本教程要讲到的“Flash-Gallery 1”。

你可以制作出很漂亮的web像册或者是用来展示作品的画廊 ^_^而且最大的优点是因为这个样式结合了Flash和Xml,所以在以后可以非常快捷地添加和删除里面的图片,还可以添加背景音乐哦~~

而你所要做的,仅仅是一些简单的设置就好了!

1.选择:File>Automate>Web Photo Gallery。

2.选择像册的样式。


3.设置事先准备好的放照片或图片的文件夹。

4.选择制作完成后的目标文件夹。


5.接下来就是一些参数设置了,首先设置一般参数。

6.然后是标题设置,在这里可以设置页面的标题、画廊标题、信息和日期,可以根据自己的意愿自由设置:


7.下面的是设置画廊里用来显示的大图片的尺寸、压缩比大小和其他的选项。在本例中因为考虑到后面要嵌入到网页里面使用,所以限制了宽度最大为450pixels,大家可以根据实际情况来决定。

8.这里设置缩略图的尺寸,大家可以根据自己的喜好来设置,我设置的是50pixels。


9.下面设置的是关于颜色的,背景色、标题栏颜色文字颜色和链接的颜色。

10.然后是一些关于安全方面的东东了,像版权信息啊什么的……我选的是none = =


11.现在点击OK就算是完成了Web像册画廊的制作^_^打开之前选择的目标文件夹,会发现里面有几个子文件夹和文件。
双击gallery.swf或者index.htm,就可以看到精美的像册了。下一页将介绍进阶的设置,如果你和schiy一样稍微懂那么一丁点·#%……·%#……·语言的话,可以更加随心所欲进行修改、增删的动作

12.用记事本或Dreamweaver打开photos.xml文件。在这里可以修改之前设置的一些参数,不过好象不支持中文的,大家可以修改后看效果。


13.关于图片。

14.添加图片的话,先把调好尺寸的大、小图片分别放到images和thumbnails文件夹中,在复制下图中的红色部分代码,再修改大图片和缩略图的路径、对应的尺寸。


15.背景音乐的设置。先准备一首动听的音乐,放到跟目录下,再将红色部分的音乐文件名改为刚才放进去的音乐的名称即可。

16.好啦,到这里基本上可以叫作结尾了,大家有兴趣的话,就赶紧试试吧 ^_^


平面设计录入:傻姑    责任编辑:as8130239 
  • 上一篇平面设计:

  • 下一篇平面设计:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网站
    导航
        最新图片
       推荐信息
       最 新 热 门
        最 新 推 荐
        相 关 文 章
    photoshop教程----超强打
    photoshop教程----photo
    photoshop教程----用pho
    photoshop教程----用pho
    photoshop教程----Photo
    CG教程--鼠绘呦呼!女孩
    CG教程--photoshop做金鱼
    CG教程--photoshop做金鱼
    CG教程--鼠绘大肉虫
    插画教程之:mattepaint