【教程1】

 

第一步 用photoshop软件制作大图

1。首先打开photoshop,选择“文件”下拉菜单中的“新建”。

2。在“新建”对话框中,设置宽度(自定尺寸),高度(自定尺寸),分辨率(72),颜色模式(RGB),背景内容(透明色)。


  注:宽度高度,一般用像素作单位。括弧内的参数,是我使用的设置。 分辨率单位为像素/英寸,颜色模式选择8位就可以。

  在此对话框的“高级”里,我们还可以设置“颜色配置文件”和像素长宽比,我的设置分别是prophoto RGB 方形

  这些设置都完成了,为了以后制图方便,我们可以点击“存储预设”保存。

3。制做图片,自由发挥。(具体步骤略)

4。图片做好保存时,最好是
psd格式,便于各图层修改。

5。由于图较大,不便于上传到网上,也不易打开,所以必须使用切片工具,将其切割成一些小图。

6。选择photoshop“文件”下的“存储为web所用格式”,将大图自动生成为html网页。

7。为了网页的像素品质高,存储为网页格式时,一些相关设置必须注意。

  在“存储为web所用格式”对话框中,我使用的具体参数设置如下:

  a。预设:优化的文件格式(jpeg),压缩品质(最佳),“连续”“ICC配置文件”处打勾,品质(100),模糊(0),杂边(无)。

  b。图像大小:品质选择“两次立方(较平滑)”

8。存储为网页格式时,出现“将优化结果存储为”对话框,参数选择如下:

  a。文件名:自定,后缀为html

  b。保存类型:HTML和图像(html)

  c。设置:背景图像

  d。切片:所有切片

9。保存后,会出现html文件images文件夹,images文件夹内所有图片都是切割好的图片,用于html文件调用。

  注:一定要先将大图切割,再进行存储为网页这一步。

 

                        梅雪清梦编写  2009.10.26