투명한 배경으로 스케치에서 슬라이스 내보내기

Sketch 3을 사용하여 아이콘을 내보내려는 경우 아이콘 자체는 ​​24x24이지만 32x32 영역 내에 있습니다.

24x24와 다른 32x32의 두 가지 레이어를 결합하여 수행하는 방법을 알아 냈지만 지루한 과정입니다. 모든 단일 아이콘 마다이 작업을 수행해야합니다.

더 빠른 워크 플로우가 있습니까?

히트는 A만들 대지를 크기를 선택합니다 (또는를 클릭하여 자신의 설정 +아래 오른쪽) 및 내보내기 시작합니다. 추가 레이어를 만들 필요가 없습니다.

방법을 알고 있다면 실제로 매우 쉽습니다. :)

24x24px의 아이콘이 있고 png를 32x32px로 원한다고 가정하십시오. 아이콘 위에 슬라이스를 만들어야합니다. 슬라이스는 32x32 픽셀이어야합니다. 그런 다음 슬라이스와 아이콘을 함께 그룹화하십시오. 마지막으로 슬라이스를 클릭하면 인스펙터에서 다음과 같은 내용을 볼 수 있습니다.

"그룹 내용 만 내보내기"를 확인하십시오. 다른 옵션은 선택 해제해야합니다.

이렇게하면 아이콘 아래에 투명한 배경이 없어도 투명한 png를 내 보냅니다.

아이콘 레이어 (24x24) 만 내보내려면 레이어를 데스크탑으로 드래그하십시오.

이것을 사용하여 자산을 내 보냅니다. Sketch 자체 및 대부분의 다른 플러그인의 문제점은 내보내는 동안 보이지 않는 레이어를 무시한다는 것입니다. 결과적으로 보이지 않는 범위가 작동하지 않습니다.

스케치를 내보내도록 속이려고 바운드의 불투명도를 0으로 낮추려고했습니다. 그러나 Sketch의 기본 내보내기는 그리 순진하지 않습니다.

Android 용 자산을 쉽게 내보내는 데 도움이되는 Sketch 플러그인 플러그인이 있습니다. 관련된 단계를 줄일 수 있지만 범위 문제를 해결하지는 못합니다.

이거에요

https://github.com/GeertWille/sketch-export-assets

경계를 그대로 유지하면서 모든 해상도에서 iOS, Android 및 Windows 용 자산을 내보낼 수 있습니다.

모든 대지 노력을 절약합니다.

이 방법은 저에게 효과적이었습니다. 아이콘이있는 레이어 위에 올바른 크기의 슬라이스 레이어를 놓고 그룹화되지 않았 는지 확인하십시오 .

그것이 도움이되기를 바랍니다.

하나씩 수동으로 수행하는 것보다 더 많은 시간을 보냈지 만 포기하지 않고 잘 작동하는 솔루션을 찾았습니다.

1. 내보내려는 모든 아이콘을 새 파일로 복사
2. 그것들을 기호로 변환
3. 그들이 상징이 되었기 때문에 그들 자신의 대지를 가질 것입니다 (심볼 중 하나를 더블 클릭하면 심벌 페이지로 이동합니다)
4. 기호 페이지에있을 때 모든 기호가 축소되어 있는지 확인하십시오.보기> 레이어 목록> 모든 그룹 축소를 선택하고 모두 cmd + A를 선택하십시오.
5. 이제 계속해서 내보낼 수 있도록 최종 내보내기를 선택하십시오.
6. 짜잔! 이름을 올바르게 지정하면 깔끔한 작은 폴더에도 저장됩니다

이것이 도움이 되었기를 바랍니다!

별도의 대지를 만들지 않는 해결 방법을 생각해 냈습니다. 조금 해 키지 만 나를 위해 일했습니다. 디자인 내의 아이콘을 Zeplin에서 내보낼 수 있기를 원했습니다. 따라서 새로운 대지를 만들면 개발자가 아이콘을 찾기가 더 어려워집니다.

블렌드 모드 "Darken"으로 사각형 배경을 1 % 불투명도로 만들었습니다. 전혀 볼 수 없습니다. 그런 다음 아이콘으로 그룹화하고 그룹을 내보낼 수있게했습니다. 매우 간단합니다.