网站首页 软件下载 游戏下载 翻译软件 电子书下载 电影下载 电视剧下载 教程攻略 音乐专区
霍普软件下载网-旗舰软件下载站，将绿色免费商业版破解软件、共享软件、游戏、电影、电视剧一网打尽!
| 文章 | 怎么使用PS切图？PS切图后怎么保存到本地？ |
| 分类 | 教程攻略 |
| 语言 | zh-CN |
| 大小 | |
| 版本 | |
| 下载 |
|
| 介绍 |
怎么使用PS切图？使用PS切图的目的其实就是将大的设计图分割成多个小图片，通过网页代码定位后台相册的照片来显示前端网页的效果，当然，在处理某X宝的图片的时候也是可以使用该方法的，具体见下文怎么使用PS切图的。 早年间我学切图的时候，网上就没看到过什么教程的，只能靠自己摸索学习，挺简单的东西还是绕了点弯子。这次写出来应该会帮助其他人学会切图的。 教程中使用的软件、工具： Photoshop CS5 下载 Dreamweaver CS6 下载 怎么使用PS切图？ 1、先说下软件，我用的是PhotoShop CS5 这个版本，你要用其他版本也行，反正对切图这个功能影响不大。  2、如上图红框所示，我们要用到的切图工具有两个，一个是切片工具，另一个是切片选择工具。左边有个小按钮，你按住它这三个选项就会显示出来。  上图是我等下用做示范的图片 4、在切图之前有一点需要说明的是，如果你需要辅助切图，你可以先添加参考线。在PS上方的菜单栏，你可以在视图里找到新建参考线选项。如上图，毁钟为铎拼音：huǐ zhōng wéi duó释义：将钟改铸为铃。毁大物为小物，比喻随心所欲的愚蠢行为。出处：《淮南子·说林训》心所说，毁舟为杕；心所欲，毁钟为铎。”示例：无我已经添加两条参考线，因为参考线在鼠标靠近的时候有吸附功能，所以切图不容易切错位置。  5、好了现在我们开始切图，我用切图工具先裁一个框出来，我们可以看到图片上已经有01的框，但是右边02显示为灰色。  6、我继续用切图工具裁第二个框，记住01和02的框一定要贴合，否则会出现一个03的框。如果你这次切图位置没切对，可能给后面带来麻烦的是换图片会比较麻烦。这个时候切图的框是可以移动的，你可以把鼠标放在边框上试着移动下，看下效果。你只能移动02，不能移动01。  7、当我发现切图的位置出现错误，开始调整，刚才我把02位置往右挪好，它从02变成了03。  8、然后我用切图选择工具选择01，这样我就能把01的位置调整正确了。  PS切图后怎么保存到本地？ 1、切好图之后就到最重要的步骤了，如上图所示，选择文件下面的存储为WEB和设备所用格式，最好能记住快捷键。  2、图片格式为JPEG，它就是JPG，一样的。关键是品质的设定，我们都知道如果一张图片越大它在网上打开的速度就越慢，当我们把图片的品质设的越小，它的大小就越小，但是如果品质太差，图片会变模糊，所以一般情况下如果是网上使用的图片，品质可以设置60，既保证图片较小也不会模糊。这个数值由你自己设置，是大是小，具体看你的要求，试试就知道了。这里有个问题是你只是对其中一个切片设置品质，其他切片又要重新设置，所以存的时候最好检查一下。  3、前面设置好后点击存储会显示以上界面。格式选项选择HTML和图像，默认是图像的，这样我们就能得到网页代码了。  4、存好后得到一个图片文件夹和一个网页，你看到的网页图标可能跟我这个不一样，这个没有关系，因为我们的浏览器不一样。  用DreamWeaver软件打开这个网页看到如上界面，我们需要的就是大红框中<table...</table>这段代码，待会拷贝到网页的后台里去的。拷贝之前要先把图片地址换一下，先把刚才那个images文件夹里的图片上传到网页后台图片空间里去，再复制图片的网络地址替换上图小红框里的那个地址。替换的原因是，PS存的图片地址是你电脑上的，在网络上无法使用，只有你把图片上传到网上别人才会看的到。  以上便是教用户怎么使用PS切图的教程，各类网页在制作之前，一般都需要使用切图操作，切图的目的也就是更加精确的进行网页布局。 |
| 截图 | |
| 随便看 |
|
免责声明
本网站所展示的内容均来源于互联网，本站自身不存储、不制作、不上传任何内容，仅对网络上已公开的信息进行整理与展示。
本站不对所转载内容的真实性、完整性和合法性负责，所有内容仅供学习与参考使用。
若您认为本站展示的内容可能存在侵权或违规情形，请您提供相关权属证明与联系方式，我们将在收到有效通知后第一时间予以删除或屏蔽。
本网站对因使用或依赖本站信息所造成的任何直接或间接损失概不承担责任。联系邮箱：101bt@pm.me