비주얼 에디터
원본이 최종 캔버스에 어떻게 앉는지 정밀하게 조절합니다. 모든 변경이 실시간이라 내보내기 전에 실험할 수 있습니다.
레이아웃
두 영역입니다.
- 왼쪽 패널 — 아이콘, 배경, 형태 컨트롤.
- 오른쪽 캔버스 — 선택한 캔버스 크기의 라이브 미리보기.
아이콘 컨트롤
| 컨트롤 | 범위 | 용도 |
|---|---|---|
| 크기 | 0% – 100% | 전경을 키우거나 줄입니다. |
| 회전 | 0° – 360° | 동적인 구도. |
| 가로 오프셋 | -100% – +100% | 좌우 이동. |
| 세로 오프셋 | -100% – +100% | 상하 이동. |
팁: 빌드가 지원하면 캔버스를 드래그해 오프셋을 맞출 수 있습니다. 아니면 숫자 입력.
형태
| 컨트롤 | 효과 |
|---|---|
| 모서리 | 전경 모서리를 둥글게. |
| Squircle | 둥근 모서리를 iOS 초타원으로. |
| 패딩 | 이미지와 캔버스 가장자리 사이 빈 공간. |
진짜 iOS 앱 아이콘이면 Squircle을 켜고 패딩은 적당히. Android 적응형 아이콘은 마스크 안에 남도록 패딩을 더 줍니다.
배경
- 단색 — 플랫한 한 색.
- 그라디언트 — 두 색과 각도의 선형 그라디언트.
- 투명 — 알파 채널 (PNG 출력에서 지원).
캔버스 크기
편집을 시작하기 전에 내보내기 캔버스를 고릅니다.
- 512 px — 미리보기가 빠름, 웹에 적당.
- 1024 px — 대부분 플랫폼에 균형.
- 2048 px — 디테일 최대, App Store 마케팅 소재용.
참고: 캔버스 크기는 미리보기 해상도에 영향을 줍니다. 내보낸 패키지에는 각 플랫폼이 요구하는 실제 크기가 들어갑니다.
디자인 가이드
정렬을 보려면 켜세요.
- Apple 아이콘 그리드
- Android 아이콘 그리드
- Windows Fluent 아이콘 그리드
- 황금비 나선
- 픽셀 그리드
가이드는 참고용이며 내보낸 파일에는 나타나지 않습니다.
마지막 업데이트