前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >photoshop 制作雪碧图

photoshop 制作雪碧图

作者头像
Devops海洋的渔夫
发布2019-06-02 13:35:00
1.9K0
发布2019-06-02 13:35:00
举报
文章被收录于专栏:Devops专栏Devops专栏

需求说明

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

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

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

创建透明画布

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

打开图像

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

新建图层,将图像复制

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

调整画布大小

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

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

拷贝定位图标

拷贝购物车图标

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

调整画布

导出雪碧图

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.02.18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 需求说明
  • 创建透明画布
  • 打开图像
  • 新建图层,将图像复制
  • 调整画布大小
  • 设置参考线,方便另外两个图片的位置定位
  • 拷贝定位图标
  • 拷贝购物车图标
  • 调整画布
  • 导出雪碧图
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档