PS在网页中的应用

Firework---优化面板(尽可能高清晰度、小的尺寸)(需安装);

制作首页切片:PS切片-存储为WEB所用格式-存储-保存类型:HTML和图像-自动生成一个名为images的文件夹和一个html文件;

1 PS中编辑

2 切换到imageReady

3 切片

4 文件---将优化结果存储为:

5 保存后即可输出为网页,同时产生一个images文件夹,其中包含了所有切片图像,生成的网页是以表格将切片组合在一起(在代码中可查看;当浏览网页时,就会将下载的一片图像马上显示出来,而不必等待到下载完全部图像后才显示,这样从心理上缩短了浏览者的等待时间;

透明图像

1 建PS文档

2 设置背景为透明(或去除背景图层、再新建透明图层)

3 将需要的图像拖入;

4 另存为GIF;

自动化处理

1 确认动作面板有需要的动作;

2 将要使用相同动作的图像放入一个文件夹中;

3 文件-自动-批处理;

4 在“组合”下拉列表中选择动作序列,然后在“动作”下拉列表中选择要使用的动作;

5 在“源”下拉列表中选择“文件夹”选项,

6 单击“选取”按钮,选择存放图像的文件夹;

7

web照片画廊

由一个文件夹中的所有图像自动生成一个用于展示或浏览的图片型网站,同时自动生成HTML网页文件,并建立相关的超链接。创建了web画廊后会自动产生两组图片,一组为缩览图,另一组为大图片,因此,我们经常使用该功能来创建图像的缩览图,以便在多媒体开发或网页制作中使用。

1 新建文件夹,放入需要的图片;

2 文件---自动---web照片画廊

3 单击“浏览”,确定目标文件夹(即需要处理的文件夹);

4 单击“目的”,确定需要处理结果的位置;