网页制作:从切图到生成网页 [ 网站地图 ]

发表于:2009-10-10 浏览:49 作者: 来源:天极网

关键字:切图,网页

描述:鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:  step1:在PhotoShop中打开设计稿,

鉴于很多朋友问到如何切图这个问题,又鉴于这个问题可大可小,一两句话是绝对讲不清楚的,所以今天有空闲在家里就举一个简单的例子来说明这个问题吧!OK,让我们开始:

  step1:在PhotoShop中打开设计稿,如下图
13220191_2006040417143359044100.jpg

  选择工具板上的slice切片工具,先大刀阔斧的切上一番!技巧: 大面积的色块单独切成一块,尽可能的保持在水平线上的整齐(这个问题你们在后面的制作页面中深有感触)切好的图如下所示:
13220191_2006040417143376505100.jpg

  step2:在PhotoShop中选择file-save for web...来输出,这里要注意一些参数的选择:
13220191_2006040417143391832600.jpg

站长资讯网 做中国最丰富的资讯网站 沪ICP备05004089号