포토샵 액션 작업의 진수! 앱 아이콘 템플릿.

 

창간 이후 3년만에 처음 교체하는 이츠비 새 아이콘.
검색어를 헛갈려 하시는 분들이 많은 것 같아 아이콘 내 삽입해 버렸다.
앱스토어, 구글플레이에서 '이츠비'로 검색하시면 다운로드 받으실 수 있습니다.

 

 

 

 

iOS7 대응 애플 제출용 아이콘 작업.

 

 

 

안드로이드 구글플레이 제출용 아이콘 작업.

 

 

이츠비 아이콘을 새로 디자인해 곧 업데이트 할 예정이다.
햇수로 3년째니 바꿀 때도 되었다.

 

애플의 경우 뉴스가판대용으로 세팅되어 있어 왠만하면 앱아이콘 대신
최신호 표지로 대체되어 보이니 별 상관이 없긴 한데
안드로이드의 경우 너무 오래 방치(?)되어 있어 봄을 맞아 한 번 정리해 주기로 한다.

 

문제는 OS나 단말기의 다양성 만큼이나
앱스토어, 구글 플레이에서 요구하는 앱 아이콘들의 사이즈가 너무 다양해
노가다를 해야 한다는 점.

 

기본 아이콘 한 개만 만들어서,
이걸 어떻게 한 큐에 자동으로 해결할 수는 없을까?

 

여기 포토샵 액션을 이용한 기가막힌 방법을 소개한다.
세상엔 능력자들이 참 많다.

 

 

■ 템플릿 파일 다운로드 사이트
http://appicontemplate.com/

 

 

 

 

우선 1024*1024px 사이즈의 기본 아이콘을 제작해 PNG 파일로 준비해 둔다.

 

 

 

'App Icon Template'을 제공하는 사이트로 이동한다.
iOS7 버튼을 클릭하여 압축 ZIP파일을 다운로드 한다.

 

 

 

압축파일을 풀면 '액션.atn'과 '템플릿.psd'파일이 풀려 나온다.

 

 

 

포토샵 액션파일인 '*.atn'파일을 더블클릭한다. 

 

 

 

포토샵이 실행되면서 액션탭에 해당 액션이 임포트되어 보여진다.

 

 

 

템플릿.psd 파일을 불러온다.
내가 만든 아이콘이 들어갈 자리가 기본적으로 마련되어 있다.

 

 

 

레이어 탭에서 'Edit me and save' 레이어를 선택 후

'우클릭' - 'Edit Contents'를 누른다.

 

 

 

1024px 사이즈의 편집 창이 나타난다.
여기를 내가 만든 아이콘으로 대체 후 저장하면 되는 것이다.

 

 

 

위에서 미리 준비해 둔 내 '아이콘.png'를 '드래그앤드랍'으로 끌어온다.

 

 

 

자동으로 대체되어진다.
원형 가이드를 보면서 균형된 자리를 잡아본다.
안맞으면 '*.png'를 다시 만들어 끌어오면 된다.

 

 

 

자리를 잡았으면 원형 가이드선은 눈 아이콘을 꺼두어 숨겨둔다.
그리고 'Ctrl+S'로 저장.

 

 

 

템플릿.PSD파일에 제출할 사이즈에 딱 맞게 자동으로 들어가져 있다.

 

 

 

이제 액션을 맛 볼 차례.
별거 없다.
그림처럼 'icon Export'를 선택 후 '▶'를 누른다.
자동으로 'Save for Web' 창이 실행되고 '저장' 버튼만 누르면 끝.

 

 

 

저장한 폴더를 열어보면 폰, 패드용 앱빌드시 필요한 아이콘들과
앱 등록시 필요한 아트웍 이미지들이 한 큐에 자동으로 좌~악 만들어져 있다.
참~ 쉽죠잉~