PS切片

172 阅读1分钟

PS切片

切片

将网易云上需要的图片切出来

fd0517a9e507f60b1e2cf7a316bb246.png

在切片之前将参考线做好,选择左侧的切片工具

b63db2cb371fd7e16806e05749467b2.png

用切片划出需要裁剪的部位

db8f6945edd5b82aecaf8555cbefe41.png

用快捷键 alt+shift+ctrl+s 储存为web所用格式

a780e6f1c744e57aed135f3e0e497c6.png

点击储存为就得到想要的图片了

30ce7736eb898563c66d845c7f9f1f0.png

切psd文件上的图

点击菜单栏上 文件->脚本->将图层到处到文件,选择要保存到的文件夹,文件名前缀,文件类型。

7e2c9af3a05f409acfe0760cebfce3c.png

保存成功

1893f2e6f2276ebbc2e22aa3e6d72da.png

雪碧图

雪碧图是将很多小图标放在一张图片上。 雪碧图的优点:

  • 将多张图片合并在一起,减小图片的大小
  • 将多张图片合成一张图片后,下载全部所需的资源,只需一次请求,可以减小建立连接的消耗。 将小图标做成雪碧图

28d37c6c1a7b08bafbf72b23dc90208.png

fc38f44c23c7c257e8e7cc98f2c6645.png