ITPub博客

首页 > 架构设计 > 软件结构 > photoshop批量切图技巧

photoshop批量切图技巧

软件结构 作者:小常说IT 时间:2020-12-16 17:12:30 0 删除 编辑

切图,就是从效果图中把网页制作需要的小图片裁剪出来。

1、使用psd格式并且带有图层的图像切图

2、在图像上用切片工具切出需要的小图

3、双击切片,给切片命名

4、将需要制作透明背景图像的切片的背景隐藏

5、执行菜单命令 存储为web所用格式

6、点选切片,设置切片的图片格式

7、存储切片,选择“所有用户切片”,点存储(多个切片会自动存到所选文件夹中的images文件夹中)

Photoshop制作雪碧图技巧

雪碧图,就是将网页制作中使用的多个小图片合并成一个图片,使用css技术将这张合成的图片应用在网页不同的地方,雪碧图可以减少网页加载时的http请求数,优化网页性能。

步骤:

1、使用Photoshop新建一张背景透明的图片

2、将小图片复制到此图片中,排列好每个图像的位置,图片幅面不够可以用画布大小调整大小

3、按照所有小图片的范围裁剪图片,存为透明背景的png图片


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69990902/viewspace-2742829/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2020-12-16

  • 博文量
    10
  • 访问量
    7431