圆形图标导出透明背景png图片的问题?

尝试过多种方式导出png切图~

  • 第一种:选择 Export Group Contents Only 选项,屏蔽其它图层。



最终圆形图标之外还是白色的底图。
  • 第二种:选择 Export Group Contents Only 选项下,并且 勾选 Background Color,并且将A通道设置为0(透明)



此方法导出的切图,有时候是透明背景,有时候还是白色背景。非常无语。

请教一下大家,正确导出png透明背景切图的方法!!!!
2014-07-18 12:31 添加评论 分享
已邀请:
1

xiaodao - hicc.me

赞同来自: jiando

其实,我觉得不要纠结那些选项,把需要导出的复制了,新建个空白文档导出不就OK了,简单明了~~~
0

Duans - 让一切变得简单.

赞同来自:

选择Trim Transparent Pixels 修剪透明像素
第二个的意思是只导出该组的内容,所以你上图的背景跟图标是在一个组的话,想不要白色圆背景就可以先隐藏了
0

ichord - hi

赞同来自:

不清楚你的图层是怎么样的, 我试过了导出都没问题.

还有另外一种导出方法:
  1. 点击选中你要导出的那个图层(Layer), 图层组 (Group) 或者已经合并的组合,
  2. 点击右侧最下面有个 "Make Exportable" 的按钮.

这样导出的 PNG 就只有内容没有背景的, 但是按理说这个和 Export Group Contents Only 是一样的才对.

看你截图是 path 的设计嘛, 可以的话顺便分享出来啊, 我们也可以试试看.
0

macma - 交互 视觉

赞同来自:

不要用切片导出,直接选择元素导出即可。
0

rice50g - 米饭二两

赞同来自:

问题已经解决,正如macma所说,不用切片直接选层导出就是正常的。
0

粢饭大人 - 像素级的设计师

赞同来自:

那么麻烦干嘛...

把要导出的白色圆底+相机icon两个图层 Command+G 群组,然后鼠标按住这个组拖到桌面或指定文件夹,自动保存透明背景的PNG图片

知道这个功能是否突然很感动?

当然,如果你要导出多个尺寸的话,那还是要用右侧的检查器底部的 "Make Exportable" 按钮,一次导出多个。
0

amiula

赞同来自:

试了下,如果artboard无背景,用slice导出的时候,就可以直接选择Export Group Contents Only,这样导出的就没有背景,否则,如果你board是有背景的,勾选这两个都没有效果~
0

kakaly

赞同来自:

在Sketch裡如何切出背景是透明的切圖?對於切圖這件事情曾有過困擾嗎? Riry 或許提供你一個更簡單快速的方式。切出透明留邊的圖,並且提供多種解析度

教學文章在此

要回复问题请先登录注册

退出全屏模式 全屏模式 回复