作为一个前端新手,某天,拿到了设计师提供的设计稿,准备切图,乍一看就发现很多地方都不能用gif或者jpg图片顶替,于是开始研究怎么保存png图片,研究了大半天,总算走上了“星光之道”,下面跟大家分享下自己一丢丢经验之谈。
工具/原料
1
Photoshop
2
psd图层文件
方法/步骤
1
打开Photoshop软件,只要是ps,无论什么版本都可以啦,如图所示:
2
打开设计稿psd文件,如下图,我打开的psd是一辆豪华汽车。我的目的是将这辆汽车保存为png透明格式;
3
好,下面继续操作,点击“背景”图层左边的“眼睛”小图标,取消显示你不需要的背景,如图所示;当然一般的psd图层都很多,只要取消显示其它遮挡图层即可;
4
可以看见,上图已经背景成透明,下面有两种方法保存为png图,第一种方法:点击菜单“文件”——“存储为”;
5
在弹出的框中,选择保存格式为png即可,如下图所示;
6
第二种方法:也是点击菜单“文件”,在下拉的列表中选择“存储为web所用格式”,如图所示
7
弹出框后,在右上角选择png-24格式,然后点击存储,即可导出png图片。
注意事项
丢丢的经验之谈,希望对你有帮助。
上一篇:关于30字的自我介绍
下一篇:如何利用ps分割保存图片