ps怎么切图制作网页

详细操作

小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。

然后打开网页设计图，一般都是psd格式的，小编这里以简单的JPG格式代替了。

然后点击左侧工具栏中的“切片”工具，就是那个小刀子形状的。

之后在图片上切出想要做网页的部分，小编演示的比较简单，将整个图片切为若干份，先切中整个图。

然后在图片上右击，划分切片，分成若干就行了。

最后保存一下，选择存储为web所用格式。

选择好格式之后点击存储，如果不是透明的一般选择jpg格式。

保存的时候选择保存所有用户切片。

再然后就是制作网页了，我们打开Dreamweaver CS6，新建一个html网页文档。

然后将图片和html网页保存于同一个文件夹下。

html代码和css如下。

最后预览一下效果，还是不错滴~

最后愿天下有情人终成眷属！

用户类似问题：

问题1：ps怎么切图来做网站

ps切图来做网站的方法是： 1、打开图片； 2、点击打开“切片工具”； 3、根据需要设置切片数字，确定； 4、保存为web所用格式图片，在一个叫“images”文件夹里有需要的图片； 5、这些图片可以作为网站制作素材。 >>详细

问题2：PS图片做好以后怎样切图保存

1：建立参考线，CTRO+R，出现标尺，将鼠标放在标尺上，按住左键像图片内拖动就形成参考线，这时可以兼顾参考线上的单位像素（或厘米等，如果是厘米等，请到首选项中设置为像素），拖拽参考线，包围需要切割成图片的区域。这个不是必要环节，但是... >>详细

问题3：怎么用PS网页切图

第一步 用PS打开网页效果图PSD文件，根据网页效果图拉出参考线，同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。 第二步 在PS图层中找出主背景图层，如果背景图是渐变的话可以只切出一两像素，后面再代码中设置填充。 第三步 ... >>详细

问题4：怎样用ps切片工具切片一个网站主页的图？

如果你想做一个快速简单的网页(单纯的网页)组成的网站.又没有任何基础的话,建议你用Frontpage制作纯HTML静态网页组成的网站.我刚开始做网站也是无意中打开了Microsoft Office里的Frontpage的.由于是微软出的,所以可以说是只要你会word就肯定会Fr... >>详细

问题5：photoshop ps切图 保存成web所用格式做网页时，为...

保存成web所用格式可以重新定义图片格式！ 如下图：可供格式选择！ >>详细