用PS将图片做切片效果

站长资源 2024/11/6 佚名

30 1538 30

DDR爱好者之家 Design By 杰米

有很多新接触平面的朋友想做网页设计，但是做出的页面一般尺寸比较大，如果一个页面放很多链接的话，怎样实现点不同的部分可以指向不同的链接呢？今天先跟着小编学第一步，将已经做好的图片做切片处理。

1、首先，打开PS软件（为了方便书写，后边的photoshop一律简写为"PS"）

2、在最上层的菜单栏选择“文件”→“打开”→选择要做切片的图片

（也可以直接使用快捷键：ctrl+o）

3、然后再左侧找到下图所示的“切片工具”图标，左键长按一秒左右，会出现下图所示的子菜单，选择第二项。

4、这时候原来的鼠标指针会变成切片刀的样子，然后鼠标左键点击图片左上角并开始拖拽，注意这期间不要松开鼠标，拖拽出来的形状就是你的一个切片了，切片的左上角有个数字的标示。有几个切片就会有几个数字~

5、这样手动切片就完成了，你可以不局限于总左上角开始，甚至你可以从中间开始拖拽~PS会自己帮你在周围做好切片~像是下图这样。

（蓝色数字是手动切片，灰色是ps自动生成的切片）

6、做好切片后，在首行菜单栏选择”文件“→”存储为WEB和设备所用格式“，进入保存切片的对话框。

7、在保存页面，选择保存的图片格式，默认我是选JPG的，当然网上常用格式gif或者png都是可以的。然后选择品质，默认是100，数值月底，图像越不清晰，但是大小会越小。

选好后，选择下方的存储。

8、在新的对话框里选择切片们被存放的位置→编写文件名→选择格式（HTML和图像/仅限图像/仅限HTML），只要切片图的话，一般我们选择”仅限图像“就好。最后点击”保存“，切片就正式被存储好了。

9、最后，在你之前设置好的位置，会自动生成一个名为”inage“的文件夹，这个里面按次序排列着你所有的切片们。

以上就是用PS将图片做切片效果方法介绍，操作很简单的，大家按照上面步骤进行操作即可，希望能对大家有所帮助！

图片,切片

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“用PS将图片做切片效果”

暂无评论...