[iOS] liquid glass 아이콘 만들기 (icon composer)

안녕하세요, 퍼플즈 기획자 혜린이에요.

이전에 사용하던 앱 아이콘이 대문자만하게 샤우팅!!!하는 소리가 갑자기 이번주부터 들렸어요;;

그래서, 퍼플즈의 아이콘을 앱 아이콘으로 변경하기로 했어요.

(퍼플즈의 텍스트 로고는 Perplz 대소문자의 조합으로 수정되었고, 소문자로 기재하는 것도 허용하기로 했답니다)



퍼플즈 앱은 iOS 앱스토어와 AOS 구글 플레이스토어에서 다운로드 받을 수 있는데, 머릿속에 퍼플즈 디자이너의 피드가 생각이 났어요.

바로, 리퀴드 글래스 디자인이 2027년부터 의무라는 내용이 적힌 쓰레드 글이었는데, 앱스토어 공식 뉴스를 확인해보니....

Apple은 2026년 4월 28일부터 App Store 제출 앱을 iOS 26 SDK(Xcode 26) 이상으로 빌드하도록 의무화했다(링크 1). iOS 26 SDK로 빌드된 앱은 별도 비활성화 처리를 하지 않는 한 Liquid Glass가 기본 적용되며, 현재 가능한 UIDesignRequiresCompatibility 미적용 옵션도 iOS 27(대략 2027년)부터 제거될 것으로 전해진다(링크 2). 따라서 신규 제출·업데이트 앱은 사실상 Liquid Glass 환경을 전제로 준비하는 것이 안전하다.

https://developer.apple.com/news/upcoming-requirements/
https://appleinsider.com/articles/26/03/26/stop-holding-out-hope-liquid-glass-will-be-mandatory-in-ios-27



'이때다'하는 생각이 들었어요.

(사실 디자이너의 피드가 없었다면 2027년까지 쭉 미뤘을 수도 있었겠지요?)

조금 돌아왔지만, 퍼플즈가 전해드릴 이번 소식은 'iOS 앱스토어에 배포될 앱 아이콘이 리퀴드 글래스 디자인으로 개편하게 되었습니다.'이에요.

저처럼 앱스토어 어플 개편을 압둔 기획자, 디자이너 그리고 엔지니어에게 이 글이 도움이 되었으면 좋겠어요.

먼저 Apple Developer 사이트에서 Icon Composer를 다운 받아야 한다?

(Mac App Store가 아니라 developer.apple.com 다운로드 페이지예요. Xcode 26을 설치했다면 이미 포함돼 있고, macOS Sequoia 이상이 필요해요.)

이것보다 먼저 해야하는 점은, 우리 아이콘을 케이크처럼 봐야한다는 점이에요.

이게 무슨 말이냐...하면... 아이콘의 이미지를 레이어로 쌓아야하기 때문이에요.

(아마 왕년에 일러스트레이터를 사용했거나, 피그마를 사용하는 디자이너라면 이 말을 정확하게 파악할 수 있을거예요)

레이어를 나누지 않고, 기존에 사용 중이던 앱 아이콘을 넣으면... 케이크가 아닌 납작한 도화지가 나오게 돼요.



자 다시 본론으로 돌아와서, 앱 아이콘이 케이크라면?하고 다시 생각해봐요.

1단, 2단, 3단, ... (참고로 Icon Composer는 4개의 그룹을 권장해요)



잘 떠오르지 않는다면, 가장 넓은 면부터 아래에 쌓는다 생각하면 좋아요.

Apple Developer에서업로드된 유튜브 영상의 예시를 봤을 때 가장 도움이 됐던 이미지는 아래와 같아요.



그러나 퍼플즈처럼 아이콘에 중간이 파인 도형이나, P와 같은 테두리가 생기는 알파벳이 있다면 한 가지를 더 생각해야 해요.



2층 레이어에 흰 영역과 보라색 영역을 같이 올리면, 3차원에 둘러쌓인 2차원의 빈공간이 생겨버려요.

흰 영역을 1층 레이어에 넣어도 동일하게 2차원과 3차원이 공존하는 입체파 아이콘이 되어버려요.

(리퀴드 글래스 피카소가 될 수 있는 절호에 기회...!)

그래서 아이콘에 뎁스(깊이)가 있는 영역은 꼭 별도의 레이어로 분리해야 해요.



특히 아이콘의 모양에 따라 그림자 각도를 360도로 조정할 수 있으니, 강조하고 싶은 음영의 방향을 선택하면 좋아요!

앱스토어 아이콘 추출

아이콘 작업이 모두 완료되었다면, .icon과 .png 2가지 종류의 파일로 추출해야 해요.

두 파일은 역할이 달라요. .png는 글래스 효과가 한 장으로 구워진 정적 이미지라서, 글래스를 입혀줄 iOS가 없는 곳, 즉 App Store 리스트, 웹사이트, SNS에 써요.

반면 .icon은 iOS가 런타임에 직접 글래스를 입히는 '재료' 파일이라, 실제 앱에 박히는 아이콘용이에요.

.icon은 Xcode 프로젝트에 넣어주세요.

참고로 글 첫머리에서 봤듯이, Apple은 이미 2026년 4월 28일부터 iOS 26 SDK 빌드를 의무화했고 그렇게 빌드된 앱엔 리퀴드 글래스가 기본 적용돼요.

Google Play Store 아이콘

이렇게 만든 아이콘은 png 형태로 AOS 구글 플레이스토어에도 사용할 수 있어요.

다만 iOS 마스터(1024×1024)를 그대로 올리면 안 되고, Play Store는 512×512 PNG예요.

참고로, 알파(투명) 없이, 모서리는 직접 둥글리지 마세요. 구글이 자동으로 깎아줘요.

그리고 아직 AOS에서는 플랫한 디자인의 앱 아이콘을 유지하는 추세예요.

그래서 퍼플즈도 iOS는 리퀴드 글래스, AOS는 플랫 이렇게 2가지 아이콘 스타일을 당분간 유지하기로 했어요.

이번 업데이트에는 앱 아이콘만 바뀐 게 아니에요.

잘 맞는 동료와 프로젝트를 함께 할 수 있도록, 시너지 기반 추천 프로젝트가 추가된 퍼플즈를 만나 볼 수 있어요.

자세한 업데이트 사항은 아래 앱스토어와 플레이스토어에서 확인해 주세요 :-)

앱스토어 바로가기

플레이 스토어 바로가기