photoshop 制作雪碧图

作者: Devops海洋的渔夫 | 来源:发表于2019-02-18 23:14 被阅读31次

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

    需求说明

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

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

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

    创建透明画布

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

    打开图像

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

    新建图层,将图像复制

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

    调整画布大小

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

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

    拷贝定位图标

    拷贝购物车图标

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

    调整画布

    导出雪碧图

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


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

    寻找资源的地址如下:

    扫描微信公众号

    寻找价值数万的视频资源

    相关文章

      网友评论

        本文标题:photoshop 制作雪碧图

        本文链接:https://www.haomeiwen.com/subject/anttyqtx.html