photoshop 制作雪碧图

时间:2024-05-21 09:47:15

仅供学习,转载请注明出处

photoshop 制作雪碧图

需求说明

在上一篇photoshop 切图技巧中,我使用批量切图的技巧切出了三张图片如下:

photoshop 制作雪碧图

那么可以将这三个图片做成一张雪碧图,方便一次性请求获取下来。

下面来演示一下制作过程。

创建透明画布

photoshop 制作雪碧图
photoshop 制作雪碧图

好了,有了透明背景之后,就可以打开那三个图片,抠出图像部分,复制+黏贴到透明背景中。

打开图像

photoshop 制作雪碧图

选择【反选】,然后复制,如下:

photoshop 制作雪碧图

新建图层,将图像复制

photoshop 制作雪碧图
photoshop 制作雪碧图

发现画布不是很够大,那么下面就要调整一下画布的大小。

调整画布大小

photoshop 制作雪碧图
photoshop 制作雪碧图
photoshop 制作雪碧图

设置参考线,方便另外两个图片的位置定位

photoshop 制作雪碧图

首先使用固定的矩形选择框确认高度,然后拖拉参考线。

拷贝定位图标

photoshop 制作雪碧图
photoshop 制作雪碧图

拷贝购物车图标

photoshop 制作雪碧图
photoshop 制作雪碧图

好了,大概已经画好了,那么裁剪一下画布。

调整画布

photoshop 制作雪碧图

导出雪碧图

photoshop 制作雪碧图
photoshop 制作雪碧图

好了,这样就制作好雪碧图了。


2019年全套Java、Android、HTML5前端、Python、大数据视频,价值数万资源大放送

photoshop 制作雪碧图
photoshop 制作雪碧图
photoshop 制作雪碧图

寻找资源的地址如下:

扫描微信公众号

photoshop 制作雪碧图

寻找价值数万的视频资源

photoshop 制作雪碧图