카카오톡 테마 만들기

카카오톡 테마 만드는 법 12편 - 앱 아이콘 만드는 법 (+ 자세하게, tmi)

살구공작소 2022. 12. 2. 15:33




테마 설치 파일 아이콘과 카카오톡 설정 > 테마 리스트에 보이는 앱 아이콘을 만드는 방법에 대해서 알아보겠습니다.

 


 

이전글

 

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

 

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

이제 이미지 준비가 다 되었다면 카카오톡 테마 배경색이나, 글씨색 같은 색상을 바꿔줘야겠죠? 이번에는 컬러코드 수정하는 법에 대해서 알아봐요. 이전글 카카오톡 테마 만드는 법 1편 - 프로

salgudiy.tistory.com

 


 

카카오톡 테마 만드는 법 모아보기

카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi)

카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi)

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

카카오톡 테마 만드는 법 4편 - 안드로이드 스튜디오에서 테마 파일 프로젝트로 여는 방법 (+자세하게, tmi)

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

카카오톡 테마 만드는 법 6편 - 안드로이드용 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 7편 - 안드로이드용 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 8편 - iOS 말풍선 알아보기(+자세하게, tmi)

카카오톡 테마 만드는 법 9편 - iOS 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 10편 - iOS 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 12편 - 앱 아이콘 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 14편 - apk 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 15편 <마지막편> - 안드로이드용 말풍선 응용형2 + 작업방식 (+ 자세하게, tmi)

아이폰 카톡 테마 쉽고 빨리 만들기 : 메인탭 버튼 편 (ft. 스크립트 공유)

아이폰 카톡 테마 쉽고 빨리 만들기 : 잠금 버튼 편 (ft. 스크립트 공유)

 


 

 

 

카톡테마 만드는법

 

 

 

 

아.. 이미지 파일 다 만들었다.

고된 시간이었다

 

하고 한숨 놓을 때 정도

 

 

 

mipmap-

 

 

우리는 Android_Sample_Theme_220405 > apeach-9.7.5-source > src > main > res 경로에서

mipmap-hdpi

mipmap-mdpi

mipmap-xhdpi

mipmap-xxhdpi

mipmap-xxxhdpi

라는 이미지가 든 폴더들을 발견하게 됩니다...아..

 

저 이 폴더 처음봤을때 정말 슬펐던 기억이나요

이건 또 뭔가.. 이건 또 어떻게 만드는 것인가 하고요 ㅋㅋㅋ

걱정 마세요! 생각보다 만드는 방법 굉장히 간단하답니다!

 

 

안드로이드 스튜디오 이미지 에셋

 

 

다시 작업하고있던 안드로이드 스튜디오로 돌아와서

res 라고 써져있는 폴더 위에서 마우스 오른쪽 클릭 > New > Image Asset 버튼을 눌러줍니다.

 

Image Asset

 

그러면 이런 Configure Image Asset 이라는 창이 뜹니다.

 

Configure Image Asset

 

Foreground Layer에서 Path의 폴더 아이콘을 눌러주세요

 

 

앱아이콘에 넣을 이미지를 선택

 

앱아이콘에 넣을 이미지를 선택해서 OK를 눌러줍니다.

 

 

 

이렇게 이미지가 불러와졌으면 Resize 바를 움직여 사이즈를 적당하게 조절해주세요.

 

 

같은 방식으로 Background Layer를 눌러 Path에서 폴더 아이콘을 눌러주세요.

 

 

 

배경이 될 이미지를 선택한 후 OK 버튼을 눌러주세요.

 

 

Resize 바를 움직여서 배경도 사이즈를 조절할 수 있습니다.

 

 

조절이 끝났다면 Next 버튼을 눌러줍니다.

 

 

Finish 클릭!

 

 

 

 

apeach-9.7.5-source > src > main >res

이 경로로 저장이 되면 좋았을 텐데

 

apeach-9.7.5-source > src > main > theme-adv

아쉽게도 이 경로의 폴더에 저장되었습니다.

 

mipmap-anydpi-v26

mipmap-hdpi

mipmap-mdpi

mipmap-xhdpi

mipmap-xxhdpi

mipmap-xxxhdpi

 

이 폴더들을 잘라내기해서 (복사 말고 잘라내기! 이동!)

 

 

 

 

 

 

 

apeach-9.7.5-source > src > main >res

이 경로로 덮어쓰기 해줍니다.

 

 

 

 

 

 

 

그럼 이렇게 아름답게 폴더안에 앱 아이콘 이미지들이 바뀐걸 확인하실 수 있습니다.

 

 

 

ic_launcher-web.png 이미지를 지워주시고

 

 

 

 

 

 

 

 

새로 생긴 ic_launcher-playstore.png의 파일명을 ic_launcher-web.png 로 만들어 줍니다.

이 파일은 512 x 512px 입니다.

 

 

 

 

 

이 파일을 162 x 162 px로 축소 저장해서 iOS 아이폰용 카카오톡 테마 작업하고 있는 Images 폴더의 앱 테마리스트 노출 아이콘에 덮어씌워주시면 됩니다.

 

 

다음에는 iOS 카카오톡 테마 설치 파일 만드는 법에 대해서 알아보겠습니다.

 

 


 

다음글

 

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

 

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

디자인 작업을 마쳤으니 마지막으로 테마명, 테마id를 입력해주고 아이폰용 카카오톡 테마 설치파일인 .ktheme을 만드는 법에 대해서 알아봐요. 이전글 카카오톡 테마 만드는 법 12편 - 앱 아이콘

salgudiy.tistory.com

 

 


 

카카오톡 테마 만드는 법 모아보기

카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi)

카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi)

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

카카오톡 테마 만드는 법 4편 - 안드로이드 스튜디오에서 테마 파일 프로젝트로 여는 방법 (+자세하게, tmi)

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

카카오톡 테마 만드는 법 6편 - 안드로이드용 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 7편 - 안드로이드용 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 8편 - iOS 말풍선 알아보기(+자세하게, tmi)

카카오톡 테마 만드는 법 9편 - iOS 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 10편 - iOS 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 12편 - 앱 아이콘 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 14편 - apk 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 15편 <마지막편> - 안드로이드용 말풍선 응용형2 + 작업방식 (+ 자세하게, tmi)

아이폰 카톡 테마 쉽고 빨리 만들기 : 메인탭 버튼 편 (ft. 스크립트 공유)

아이폰 카톡 테마 쉽고 빨리 만들기 : 잠금 버튼 편 (ft. 스크립트 공유)