카카오홈 테마 제작 하기 [스마트폰 꾸미기 강좌]

2013.06.08 12:56





카카오홈 테마 제작 / 개성있는 나만의 카카오홈 만들기

오늘은 카카오홈의 테마를 제작해 볼께요^^ 이전에 카카오톡 테마만들기 강좌를 진행해 드린적이 있는데요. 그 때는 테마봇을 이용해서 카카오톡 테마를 만드는 방법을 포스팅해드렸습니다.

카카오홈은 아직 제작툴이 나와있지 않네요. 그래서 간단하게 APK툴을 이용해서 테마제작 하는방법을 소개해 드리겠습니다. 


사실 카카오홈은 기본적으로 100개이상의 테마를 지원하고 있습니다. 카카오홈 런칭당시도 가장 무게를 두면서 마케팅한 부분도 다양한 테마 부분입니다. 하지만 아직까지 많은 기능을 지원하지 않아서 자신이 원하는 부분만 딱 바꿔주는 편리기능이 조금 아쉬운 단계입니다. 간단한 아이콘 변경도 안되는 상황이라...


지금 테마제작 방법은 어떻게 보면 어플 리팩 개념이지만 간단하게 자신만의 개성있는 카카오홈 테마를 한번 만들어보시는 것도 좋은 경험일 거 같습니다. 앞으로 카카오홈 테마제작툴이 나올거 같습니다. 그때까지 답답한 부분을 테마제작으로 해소해 보세요^^




★ 카카오홈 관련 포스팅 자료 보러가기 


 카카오홈 테마 제작 하기 [스마트폰 꾸미기 강좌]


 카카오홈 폴더 만들기


 카카오홈 삭제하기 [기본홈 전환]


2 카카오홈[Kakaohome] 런쳐 사용후기





★ 스마트폰 꾸미기 관련 포스팅 자료 보러가기 ★ 


▶ 스마트폰 필수 어플 추천 포스팅 보러가기 링크


▶  런처로 스마트폰 꾸미기 버즈런처 사용법 및 소개 보러가기 링크


▶ DVR을 이용한 스마트폰 꾸미기 보러가기 링크




★ 카카오톡 PC버전 관련 포스팅  


카카오톡 PC버전 설치하기 [ 첨부 파일 추가]


카카오톡 PC버전 사용 후기










잠시 예전에 만들어놓은 카톡테마 하나 소개해 드릴께요. 이때는 카카오톡 테마를 만들어서 구글에 등록하는걸 해보고 싶어서 배우고자 해본 자료였습니다. 지금은 버젼이 안맞아서 부분부분이미지가 틀리게 나온다고 하더라고요^^ 그래도 예전 추억을 생각하면서 구글 플레이스토아에 올린 카카오톡 테마입니다. 테마는 백님의 자료로 수정해서 올렸었습니다.

 

카카오톡 테마강좌는 아래 링크를 참조해 주세요

카카오톡 테마 만들기 / 카톡테마 만들기 [테마봇 이용]



Washed Blue 카카오톡테마 보러가기



카카오톡 테마만들 때 생각이 나네요^^






카카오홈 테마 제작 준비하기

기본적인 Tool은 Apkmanager로 진행하도록 하겠습니다. 테마제작을 조금 해보신 분이라면 정말 쉽게 작업하실 수 있습니다. 기본적으로 이미지 위치등이 모두 공개되어 있는 상황이라 간단한  apkmanager사용방법과 이미지 수정툴 하나만 있으면 어렵지 않게 테마를 제작하실 수 있습니다. 우선 아래 첨부되어있는 파일을 받아 주세요.

 

1)  apkmanager (테마제작 툴)

    - Apkmanager를 사용하시려면 자바가 설치되어 있어야합니다.

      (한번만 설치하시면 됩니다.) 어렵지 않으니 링크를 통해 자바를 우선 설치해 주세요

      자바설치 방법 보러가기 ==> ▶ 링크       

Apk_Manager_5.0.2_KAKAOHOME_azdesign.zip

 

 

2) 카카오홈 샘플테마 및 테마 가이드 파일 (샘플로 진행 할 파일)

kakaohome-theme-friends.apk

 

 

3) 카카오홈 테마 가이드

KakaoHome_Theme_guide_v_1.0.pdf

 

카카오홈 샘플테마와 테마가이드는 아래 사이트를 통해 다운로드 받으실 수 있습니다.

 

 

 

 

카카오홈 테마 만들기

본 포스팅을 통해 모든 이미지를 수정할 수 없기에 어떤식으로 이미지가 수정이 되고 어떻게 자신만의 카카오홈 테마 apk(안드로이드 설치파일)를 만드는지 알아보겠습니다. 

APK 툴이 조금 익숙치 않은 인터페이스일지는 모르겠지만 한번 써보시면 금방 익숙해지실 겁니다. 아직 안드로이드계열(갤럭시시리즈, 베가시리즈등) 테마작업을 한번도 안해보신 분들은 본 툴의 사용법만 아시면 스마트폰 테마까지도 만드실 수 있습니다.

 

그럼 본적적으로 테마를 만들어 볼까요?

 

 

1. Apk manager Setting (작업환경 만들기)

첨부파일 중 Apk_Manager_5.0.2_KAKAOHOME_azdesign.zip 파일압축 해제하신 후

드라이브 최상위 경로로 위치해주세요. (apk manager 오류방지)

제PC기준   "F:\Apk_Manager_5.0.2_KAKAOHOME_azdesign"

 

 

첨부파일2 (kakaohome-theme-friends.apk)를 Apkmanager 폴더 내

place-apk-here-for-modding에 저장시켜 주세요. 그리고 상위폴더로 이동해 주세요. 

 

 

아래 apk메니져 폴더내에 Script.bat을 떠블클릭해서 실행 해 주세요. 

 

 

아래 apk메니져 폴더내에 Script.bat을 떠블클릭해서 실행 해 주세요.

아래는 초기 구동 화면입니다. 자신이 원하는 작업을 선택하기 위해

자판의 숫자키 22를 눌러주세요.  그리고 엔터키

 

 

자신이 원하는 작업을 선택하는 과정입니다. 현제 place-apk-here-for-moddingd안에 선택할 수 있는 apk가 하나밖에 없으므로 하나만 표시됩니다. kakaohome앞에 1이라고 적혀있는데 ID입니다. 이걸 선택하기위해서

자판의 숫자키 1를 눌러주세요.  그리고 엔터키(Enter)를 눌러주세요.

 

 

 

우측상단에 현재 자신의 프로젝트가 표시됩니다. 이젠 apk를 디컴파일 해보겠습니다.

자판의 숫자키 9를 눌러 주신 후  그리고 엔터키(Enter)를 눌러주세요. 

하단에 decompilling 이라는 문구가 나오면서 10정도 후 다시 초기화면 으로 돌아옵니다.

 

 

하단에 decompilling 이라는 문구가 나오면서 10정도 후 다시 초기화면 으로 돌아옵니다.

창을 닫지 말고 유지해주세요.

 

 

디컴파일이 완료 후 아래 폴더로 들어가 보시면 assets, res, smali 폴더가 존재합니다

F:\Apk_Manager_5.0.2_KAKAOHOME_azdesign\projects\kakaohome-theme-friends.apk

 

Res 폴더 안으로 들어가 주세요. 그럼 저희가 수정할 파일들이 있습니다.

drawable-hdpi, nodpi, xhdpi는 이미지 파일을 수정할 수 있는 데이타가 있고

Vales폴더 안에는 색상, 글씨등을 수정할 수 있는 파일이 있습니다.

 

 

작업에 들어가시기 전 첨부파일3 KakaoHome_Theme_guide_v_1.0 테마제작 가이드 PDF파일을 확인해 주세요. 원하는 이미지 경로와 파일 명이 모두 나와 있습니다.

자신의 폰의 기종을 확안해서 해상도에 맞게(hdpi / xhdpi) 작업하시면 됩니다.

우선 실습삼아서 이미지를 변경해 볼까요?

 

 

PDF파일에 모든 이미지경로가 나와 있습니다. 아래 하단독바를 가죽테마로 바꿔볼께요.

 

 

res/drawable-xhdpi폴더 안에 보시면 아래 처럼 바꿀이미지들이 있습니다.

이 이미지들의 이미지이름, 사이즈와 확장자를 같게 해서 바꿔주시기만 하면 됩니다.

하단 아이콘 이미지 사이즈는 96×96픽셀 사이즈의 png이미지 파일 입니다.

이전강좌중에 http://pixlr.com/editor/ 를 통해서 간단하게 이미지 사이즈를 변경해보겠습니다. 아래 스샷과 같이 이미지 픽셀을 맞춰주신 후 바꾸고 싶은 이미지 명에 맞게 Png로 저장해주시면 됩니다.

 

아래와 같이 해당이미지들을 모두 교체해 주세요.(좌측 원본, 우측 수정본)

 

xhdpi폴더 안에 이미지를 덮어씌운 후 모습입니다.

drawable-nodpi폴더안에 배경화면도 바꿨습니다. (작업파일   work_leather.alz)

 

 휴.. 단순한 과정을 스샷과 함께 보여드리다보니 너무 길어지네요.

해보시면 아시겠지만 소스만 준비되어있다면

지금 이과정은 약 5분도 안걸리는 과정입니다.

 

이제 테마명만 지어서 사인작업만 하면 됩니다.

조금만 힘을 내서 따라와주세요.

 

 

 

 

다시 APK메니저 폴더로 오신 후 맨아리 Value폴더로 들어가 주세요.

 

 

Strings.xml파일을 우클릭해서 메모장으로 열어주세요. 

 

"카카오 프렌즈 테마"라는 부분을 "가죽테마"로 변경했습니다.

자신이 원하는 카카톡 명으로 변경하신 후에 저장해주시면 됩니다.

 

 

 

이젠 compile 과 Singn과정만 거치면 자신만의 카카오홈 테마가 완성됩니다.

창을 닫지 않으셨다면 아래와같은 창이 유지 되어있을 겁니다.

혹시 창을 닫으셨다면 Script.bat을 떠블클릭해서 22번을 눌르신 후 1번을 눌러주세요.

 

 

 

우선 자신이 수정한 부분을 컴파일 하는 부분입니다. 11번을 눌러주세요

(이번 강좌에서는 버젼 및 라이센스관련은 삭제했습니다. 자신의 카톡을 구글 플레이스토아에 올리는 방법은 이 후 강좌에서 진행하도록 하겠습니다.)

 11을 숫자 자판에서 입력해 주세요

 

 

 

system apk냐고 물오보는 데 "N"을 눌러주세요

 

 

 

다시 초기화면 으로 돌아오면 "12"을 눌러주시면 잠시후 사인이 되고 초기화면 복귀

 

 

 

카카오홈 테마 설치하기

이제 다 완료 되었습니다.  modding폴더안에 signedxxxxx.apk를 스마트폰에 옮겨서 설치하시면 됩니다. (이 부분은 설명안해드려도 되겠죠?)

 

 

signedxxxxx.apk를 스마트폰에 옮겨서 설치하시면 됩니다. 전 메일로 보내서 바로설치해 보았습니다 우선 카카오홈 테마 이름이 가죽테마로 바뀌어저 있습니다.

설치누르시고 완료를 눌러주세요 (열기하지 말아주세요)

 

 

 

 

 

이제 카카오홈에서 메뉴를 누르시고 내 테마함을 선택해주세요 .

  

 

 

저희가 제작한 가죽테마가 있네요^^ 저장후 종료를 눌러주세요

(테마 세부편집을 통해서 독바 배경을 삭제한 후의 스샷입니다.)

 

  

 

 

 오늘은 간단하게 과정을 보여드리는 과정에서

추가로 이미지 제작을 하지 않았습니다.

 

 

적용해보니 조금 만족스러운 아웃풋은 아니지만

오늘은 어떻게 하는 과정을 보여드리는

포스팅이니 이해해주세요^^

아이콘 및 이미지 수정을 통해 정말 자신만의

개성있는 카카오홈 테마제작은 가능합니다.

 

 

앞으로 카카오홈이 기능이 추가되고 안정화되면

깔끔한 카카오홈 테마제작을 한번 해볼까 합니다.

 

 

 

사실 이런류의 테마작업한번만 해보시면 다른테마작업도

어렵지 않게 다가가실 수 있습니다.

 

한번 도전해 보세요^^

 

다음 강좌에서는 구글플레이 스토아에 등록하는 과정까지

포스팅해드릴께요^^

 

 

 

 

이상으로  카카오홈 테마 제작 하기  포스팅을 마치도록하겠습니다.

 

 

조금이나마 테마작업하는데 도움이 되어드리고자 포스팅 하고 있는 

Azdesign™ 입니다.^^






저작자 표시 비영리 변경 금지
신고


azdesign™ ☆ 테마제작관련 ☆/테마제작강좌 , , , , ,



  1. Blog Icon
    Az님팬

    디자인님께서 슬슬 능력을 보여주시네요 기대할게요 ㅎ

  2. Blog Icon
    한별

    집에 도착하면 오늘은 약간의 시간적 여유로 도전 한번 해보겠습니다 ^^
    잘 될지는 의문이지만 ㅋ

    java 설치하고 들어가서 apk manager로 들어가서 봤는데 .... ^^;;
    전 녹색이 아닌 빨간색으로 나오더라구요. windows7 64bit 한글판 쓰거든요. 잠시 따라서 해보다가 눈이 아파서 ... 일단 보류로...
    생초짜라 그런지 따라서 하는 것도 생각보단 쉽지 않더라구요.
    천리길도 한걸음 부터이니.. 설치는 해놨으니 이제 들어가보긴 쉽겠지요. 감사합니다 ^^ 혹시나 apk manager로 들어갔을 시 보이는 색 변경 아시면 알려주시면 감사하겠습니다 ^^
    웃는 일만 가득한 주말되세요 ^^

  3. Blog Icon
    한별

    역시 같은 버전을 쓰면 위에 스크린샷 처럼 나오네요 ㅋ
    다른 버전을 전에 쓸데가 있나 해서 받아놓은 것으로 했더니.. 그랬습니다 ^^;;

    디자인님 오늘 맛클 들어가보니 디자인님tm:F가 써 있던데요. F의 의미가 무엇인지 알려주실수 있으신가요?
    궁금하면 찾아보는 성격인지라...^^;;
    편히 쉬세요 ^^

  4. Blog Icon
    강인영

    근데 제가 가지고있는 테마를 이용해서는 못 바꾸나요 ㅠㅠㅠ
    폰하고 컴퓨터하고 연결하고 아무리 찾아봐도 제가 다운받았던 테마는 보이질 않아서요 ㅠㅠㅠ

  5. 어떤테마를 설치하셨는지요? 해당apk를 찾아야하는데...

  6. Blog Icon
    호두

    카카오홈 말고 LG기본 홈에서 아이콘만 카카오꺼로 사용하고 싶은데요,
    아이콘 위치 좀 알 수 있을까요? ㅠㅠ

티스토리 툴바