안드로이드 아이콘 만들기

안드로이드 아이콘 만들기

우리는 안드로이드 앱을 개발하면서

런처 아이콘, Notification Icon, Drawer Icon, Menu Icon 등

많은 아이콘들이 필요하다.

아이콘들은 mipmap을 사용해서 또는 전통적인 방식인 drawable을 사용해서 코드와 물리게 된다.

그러나 파편화된 수 많은 해상도에 대응하는건 귀찮고 귀찮은 일이다.

다행스럽게도 안드로이드 스튜디오에서는 아이콘 만드는 기능을 지원해준다.

또한 Android Studio 1.4에서부터는 SVG 포멧을 지원한다. 그렇다 벡터 이미지를 지원한다.

물론 구형 안드로이드는 벡터에 대응하지 못한다. 안드로이드 스튜디오는 이 점도 고려해 비트맵 이미지로도 아이콘을 생성한다. 나이스하다.

긴 이야기는 그만하고 아이콘이나 뽑아보자.

활용할 아이콘은 위에 있는 Arch Linux아이콘이다.

Prerequisite

주의: 이 글을 작성한 시점(20150927)에 나는 일반적인 개발 환경이 아닌 카나리 채널 개발환경에서 작업했다.

즉, 안드로이드 스튜디오 1.4 RC3, Android Gradle classpath 'com.android.tools.build:gradle:1.4.+'이 사용되었다.

1.4 보다 낮은 환경에서는 여기에 적은 기능을 일부 사용할 수 없다.

STEP> 스텝 같은거 없다. 뚝딱뚝딱 만들자

별거 없기 때문에 스크린샷으로 설명

만약 Image Asset이 아닌 Vector Asset을 선택하게 되면 SVG파일을 사용할 수 있다.

또한 안드로이드가 제공하는 머티리얼 디자인 아이콘 팩도 사용 가능하다. 궁금하다면 화면 맨 아래 부록으로.

Image Asset에서는 Launcher, Action Bar & Tab, Notification 아이콘 생성을 도와준다. 직접 실행해 보고 확인해보도록 하자.

나는 범용성이 좋은 Action Bar and Tab Icons를 선택했다.

그리고 Theme를 CUSTOM으로 설정하고 붉은 Foreground Color를 주었다.

다음 화면에서는 자동 처리된 이미지가 폴더 트리에 어떻게 추가될지 미리 보여진다.

Finish를 누르고, drawable에 잘 추가된 것을 확인할 수 있다.

부록> 벡터 이미지 활용하기

이번엔 Vector Asset으로 들어간다.

Vector Asset은 두 선택지가 있다.

1. 머티리얼 아이콘을 사용할거다! 벡터 이미지 구하기도, 만들기도 귀찮다!

Vector Asset Studio가 열리고, Choose 버튼을 누르면 이렇게 많은 기본 아이콘을 사용할 수 있다.

난 안드로이드 이미지를 골랐다.

간단하게 설정이 끝났다. 물론 구형 기기에서도 지원된다. 비트맵 형태로.

2. 난 SVG 파일이 있다!

Vector Asset Studio에서 Local SVG file을 누르고 이미지 파일을 선택한다.

나는 키위새 이미지를 적당히 구글링해서 구했다.

마지막 화면은 머티리얼 아이콘의 마지막 화면과 같다. 그러고, 구형 기기에서의 동작 방식도 같다.

끝.

CheatSheet