Icon Composer 사용법: 레이어에서 Xcode까지

Icon Composer는 Apple 플랫폼용 레이어 아이콘을 준비하는 도구입니다. 이 Icon Composer 가이드는 원본 이미지에서 네이티브 문서를 만들고 실제로 사용할 Xcode 대상으로 전달하는 과정을 설명합니다. PNG 합성 미리보기와 네이티브 아이콘 파일은 역할이 다릅니다.

원본 복사본으로 작업하고 교체 결과를 확인할 때까지 기존 프로젝트 아이콘을 보관하세요. 아래 단계는 Apple 문서에 따른 설명이며 이번에 새로운 네이티브 가져오기 시험을 완료했다는 보고가 아닙니다.

도구와 프로젝트부터 확인하기

Apple Icon Composer 페이지에서 내려받거나 Xcode 개발 도구 메뉴에서 엽니다. 이 글을 확인한 시점의 독립 실행형 다운로드는 macOS Tahoe 26.4 이상이 필요합니다. 설치할 때 요구 사항을 다시 확인하세요. 이전에 포함된 버전은 다른 조작 항목을 제공할 수 있습니다.

macOS, Xcode, 대상 플랫폼과 최소 배포 버전을 기록합니다. 현재 프로젝트가 에셋 카탈로그를 쓰는지 네이티브 파일을 쓰는지 알아보세요. 선택한 대상은 배포하려는 원본을 참조해야 합니다. 저장소에 파일을 넣는 일만으로 빌드에 포함되었다고 판단할 수 없습니다.

여러 대상이나 개발용 구성을 가진 프로젝트라면 실제로 빌드할 대상을 먼저 정합니다. 이름이 비슷한 파일을 여러 곳에 추가하면 나중에 어떤 설정이 적용되는지 구분하기 어렵습니다. 기존 경로를 기록해 두면 교체 후 문제가 생겼을 때 확인하기 쉽습니다.

재질 적용 전에 레이어 준비하기

전경과 배경을 분리하세요. 투명한 전경은 배경 사각형 전체를 같은 물체로 처리하지 않고 모양에 재질을 적용하는 데 도움이 됩니다. 효과 없이 먼저 윤곽을 확인합니다. 작은 글자와 복잡한 무늬는 광택을 추가해도 읽기 어려울 수 있습니다.

Apple Watch 이미지 도구는 foreground-1088.png, background-1088.png, composite-preview-1088.png를 준비합니다. 앞의 두 파일은 입력 원본이며 마지막 파일은 구도를 보여줍니다. ZIP에는 완성된 .icon 파일이 없습니다.

Apple Icon Composer 세션은 제작 과정과 Apple Watch용 1088픽셀 캔버스를 설명합니다. Watch 치수를 모든 프로젝트에 적용하지 말고 대상 플랫폼의 캔버스를 확인하세요. 같은 디자인의 전경과 배경을 한 묶음으로 보관하면 다른 버전의 파일을 섞는 실수도 줄일 수 있습니다.

이미지를 가져오고 순서 정리하기

알아보기 쉬운 이름으로 문서를 만들고 저장합니다. 레이어를 추가한 뒤 순서, 위치, 그룹을 확인하세요. 단순한 구도부터 시작하면 재질 설정이 어느 부분을 바꾸는지 파악하기 쉽습니다. 먼저 필요한 요소만 넣고 결과를 살펴본 뒤 추가 요소를 결정합니다.

정확한 지원 항목은 Apple 생성 및 Xcode 통합 가이드를 따르세요. 이름은 버전에 따라 달라질 수 있습니다. PNG에 이미 그려진 유리 효과는 픽셀의 일부로 남습니다. 가져오기가 독립적인 편집 대상까지 복원하지는 않습니다.

전체 구도뿐 아니라 원본 파일의 투명 영역과 위치도 확인합니다. 전경 정렬이 잘못되었다면 먼저 원본을 고치세요. 이미지 문제를 추가 재질로 감추려고 하면 원인을 구분하기 어려워집니다.

플랫폼과 외관 모드 확인하기

설치 버전이 제공하는 플랫폼 보기와 외관 모드를 전환합니다. 재질을 조절하면서 경계, 대비, 배경을 봅니다. 크게 보기에 예쁜 이미지도 런처에서 실제로 사용하는 크기에서는 불분명할 수 있습니다.

효과를 유지하기 전에 적용 전후를 비교하세요. 브라우저 미리보기는 원본 준비를 돕고 Icon Composer는 네이티브 표현을 담당합니다. 브라우저의 그림자만 보고 네이티브 표시가 검증되었다고 기록하지 마세요.

저장하고 Xcode 대상에 연결하기

네이티브 문서를 저장해 올바른 대상에 추가하고 App Icon 설정을 확인합니다. Apple 가이드는 선택한 이름이 확장자를 제외한 Icon Composer 파일 이름과 일치해야 한다고 설명합니다. 빌드할 스킴과 구성도 함께 확인하세요.

프로젝트를 빌드하고 Simulator 또는 기기에서 아이콘을 관찰합니다. 각각의 결과를 분리해서 기록합니다. ZIP 다운로드, 빌드 성공, 설치 후 표시, 스토어 승인은 서로 다른 확인입니다. 하나가 끝났다고 나머지도 완료된 것은 아닙니다.

PNG 카탈로그가 필요한 프로젝트에는 iOS 생성기와 Xcode 가져오기 가이드를 사용합니다. Maker의 PNG 패키지와 네이티브 문서는 서로 다른 입력 형식입니다. 실제 확인에 쓴 파일을 보관해 나중에 수정한 버전과 섞이지 않도록 합니다.

Icon Composer 관련 질문

AI PNG가 편집 가능한 레이어로 바뀌나요?

PNG는 래스터 이미지로 남습니다. 개별 물체를 편집하려면 분리된 원본이 필요합니다. AI 결과를 먼저 확인하고 그려진 효과를 네이티브 재질로 취급하지 마세요.

watchOS ZIP에 최종 아이콘이 있나요?

전경, 배경, 합성 미리보기만 들어 있습니다. 가져오기와 외관 설정, 네이티브 문서 저장은 Icon Composer에서 진행합니다.

기존 카탈로그를 바로 지워도 되나요?

백업을 남기고 프로젝트 대상의 지원 범위를 확인하세요. 교체 파일을 선택하고 의도한 구성에서 검증한 뒤 불필요한 리소스를 정리합니다.

재현 가능한 전달 자료 보관하기

Icon Composer 작업과 함께 원본 레이어, 네이티브 문서, 도구 버전, 대상 설정을 보관하세요. PNG가 필요하면 Maker를 사용하고 네이티브 레이어 방식이 필요한 프로젝트에는 Icon Composer를 사용합니다.