万户资源科技
万汇资源微信公众号

微信扫码有惊喜!

ps切图

lwting 2015-12-23 技术

  

   建站过程中,大多时候先用ps做成效果图,然后写代码。在PS中有一个工具叫切片工具,就是可以将一张大图弄成很多的小块。 然后可以方便导出,对于简单的网页甚至可以直接导出HTML文件。然后将文件放入到DW中进行一些修改最终得到想要的结果。

    其实说白了,所谓“切图”就是把 PSD格式 转 为HTML文件,主要就是怎么省KB怎么来,还要考虑到你切图之后放入html后 布局是否方便。图片切得要均匀等等。。


1.打开准备的设计图,打开标尺,先用网格线规划好想切得图

1.jpg

2.然后找到裁剪工具,右键点击弹出二级菜单,选择切片工具

2.jpg

3.点击一下默认为“起点”,再次点击默认为“终点”,右击出现的编辑框可以改变切片大小。使用该工具框选图像进行分布,如图所示切成六片,每一片右上角都会显示切片标签。

3.jpg

4.切好后,点击“文件”选择“存储为web和设备所用的格式”

4.jpg

5.这里选择JPG格式,品质一般设为60,不会怎么影响图片的质量

5.jpg

6.然后点击存储,选择图片格式为“html和图像”

6.jpg

7.存储后文档里面会出现一个网页打开的文件和一个images的文件夹,这里做了调整,看的比较清楚

7.jpg

8.然后把HTML文件在dw里打开,进行修改

8.jpg

文章关键词
ps
切图
网页制作
qq qq tel
服务热线:

134-1954-9128