怎样用ps切图.docx

《怎样用ps切图.docx》由会员分享，可在线阅读，更多相关《怎样用ps切图.docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、怎样用ps切图怎样用ps切图有时候大家在使用PS的时候需要把制作的设计图片转换为网页代码，这就需要用到Photoshop网页切图功能了，那么ps怎么切图呢?下面我给大家整理了关于一些用ps切图的方法，喜欢大家喜欢。用ps切图的方法步骤打开切片工具如上图红框所示，我们要用到的切图工具有两个，一个是切片工具，另一个是切片选择工具。左边有个小按钮，你按住它这三个选项就会显示出来。上图是我等下用做示范的图片。在切图之前有一点需要讲明的是，假如你需要辅助切图，你能够先添加参考线。在PS上方的菜单栏，你能够在视图里找到新建参考线选项。如上图，我已经添加两条参考线，由于参考线在鼠标靠近的时候有吸附功能，所以

2、切图不容易切错位置。开场切图，我用切图工具先裁一个框出来，我们能够看到图片上已经有01的框，但是右边02显示为灰色。继续用切图工具裁第二个框，记住01和02的框一定要贴合，否则会出现一个03的框。假如你这次切图位置没切对，可能给后面带来费事的是换图片会比拟费事。这个时候切图的框是能够移动的，你能够把鼠标放在边框上试着移动下，看下效果。你只能移动02，不能移动01。当我发现切图的位置出现错误，开场调整，刚刚我把02位置往右挪好，它从02变成了03。然后我用切图选择工具选择01，这样我就能把01的位置调整正确了。切好图之后就到最重要的步骤了，如上图所示，选择文件下面的存储为WEB和设备所用格式，最

3、好能记住快速键。图片格式为JPEG，它就是JPG，一样的。关键是品质的设定，我们都知道假如一张图片越大它在网上打开的速度就越慢，当我们把图片的品质设的越小，它的大小就越小，但是假如品质太差，图片会变模糊，所以一般情况下假如是网上使用的图片，品质能够设置60，既保证图片较小也不会模糊。这个数值由你本人设置，是大是小，详细看你的要求，试试就知道了。这里有个问题是你只是对其中一个切片设置品质，其他切片又要重新设置，所以存的时候最好检查一下。前面设置好后点击存储会显示以上界面。格式选项选择HTML和图像，默认是图像的，这样我们就能得到网页代码了。存好后得到一个图片文件夹和一个网页，你看到的网页图标可能

4、跟我这个不一样，这个没有关系，由于我们的阅读器不一样。用DreamWeaver软件打开这个网页看到如上界面，我们需要的就是大红框中（table（/table）这段代码，待会拷贝到淘宝页面里去的。拷贝之前要先把图片地址换一下，先把刚刚那个images文件夹里的图片上传到淘宝图片空间里去，再复制图片的网络地址替换上图小红框里的那个地址。替换的原因是，PS存的图片地址是你电脑上的，在网络上无法使用，只要你把图片上传到网上别人才会看的到。看过怎样用ps切图的认还看了：1.PS切片工具怎么用2.PS裁切工具3.怎么用PS制作宝贝图片水4.最全的Photoshop技巧5.PhotoShop切片工具切割图片转成网页格式教程