게~~~하!
카톡테마를 자주 받아서 쓰는 사람으로써 얼마안돼서 금방질리고 내맘에 안드는 부분이 하나라도 있으면 못쓰는 완벽주의자 성격인 나에게 정말 고충이었음.
그래서 내가 직접 카톡테마를 만들어보는게 어떨까 라고 생각해봤다!!!!!
그런데 다소 험난해... 끈기가 있어야함 긜고 ★어느정도는★ 컴퓨터를 다룰줄 알아야해.
일단 어찌하는지 보자긔 ~~~~^^
난 아직 안드로이드 밖에 안만들어봐서... IOS는 모르겠어ㅠㅠㅠ 만드는 방식은 아마 비슷할거야
준비물: 포토샵 설치, 자바설치(설치 안되어있다면), APK MANAGER설치(첨부파일), 카카오톡에서 제공한 샘플 파일 . . .등
준비과정
먼저 카카오톡에서 파일을 받아줘야해
www.kakaocorp.com/service/KakaoTalk?lang=ko
들어가서 그냥 그대로 쭈욱~~~~ 내리면
안드로이드 샘플 테마 APK받아줘
옆에 안드로이드 테마 가이드도 받아줘
자바를 설치하고(만약 설치가 안되어있다면) 첨부파일의 APK MANAGER도 받아줘~~
https://ajb3296.blog.me/221082959306
위블로그에서 받았어! 바이러스없음 안심하고받아.
받았으면 압축도 풀어주긔~~
출바알~
카카오톡에서 받은 샘플 APK파일 (sample-7.0.0-release) APK MANAGER로 디컴파일할거야! 분해하겠다는 뜻으로 이해하면 되는데,
네모친 폴더에다가 sample-7.0.0-release 파일 (이하 샘플파일이라고할게)을 넣어줘
그리고 Script.cmd 파일을 열어줘
그러면 되게 무섭고 기계같은 장면이 등장하는데 에에 엣~!!! (아무것도 아니니 안심하샘)
22번 클릭 후 샘플파일을 선택 (샘플파일 하나만넣었으면 숫자 1번 엔터 치면됨)
9번 apk 디컴파일하기
그리고 다시 기본화면으로 돌아오면 디컴파일 완료된거야!
여기까지했으면 이 기계창을 닫지말고 내려놓으면돼
닫았어도 상관없어 (닫으면 나중에 22번으로 파일 선택 다시하면 됨)
디컴파일을 한 후
projects
sample-7.0.0-release.apk
res
drawable-xxhdpi-v4
순서대로 들어가면 이렇게 라이언 샘플 테마를 만들때 사용되었던 사진들이 들어있어
이제 여기 이용된 사진들을 게녀들이 원하는 사진으로 바꿔주기만 하면돼~
이제 카카오톡에서 제공해준 가이드 pdf를 열어서 읽어보자!
한번 쓱 읽어보면 대충이해는갈거야
더 내려보면
이런 스샷이랑 표가 보이는데
스샷에서 어디부분을 말한다! 라고 번호랑, 사진이름이랑 같이 설명되어져있어 사진이름은 이거 윗윗사진에 나온거랑 짝지어진다고 생각하면돼 이해됐을까?ㅠㅠ
예를 들어 내가 카톡 로딩창을 바꾸고싶다! 하면 drawable-xxhdpi-v4 폴더안에있는 thm_general_splash_image.png 요 사진을 게녀들이 원하는 사진을 가지고 이름을 똑같이해서 바꿔치기만 하면되는거야 ^0^~!!
그런 사진들은 게녀들이 만들거나, 구하면 돼!
표에 맨오른쪽은 카카오톡회사에서 이 라이언테마를 만들때 이 사이즈로 썼다 라는것을 의미하고, 게녀들이 적정한 크기를 잡아서 그만큼 사진을 만들어서 바꿔치기만 하면돼. 너무 크거나 작거나하면 테마를 적용해서 폰에서봤을때 구려보일수있겠지? 사이즈 맞추는 방법은 아래에 설명할게.
이제 제일 힘들었던 채팅창 말풍선 부분을 설명할게!
말풍선 만드는거는 일단 나인패치라는 것을 사용하는데, 나인패치는 쉽게말하자면 사이즈가 자유자재로 바뀌는 사진이라고 할수있어.
말풍선을 이제 한번 만들어볼게.
사이즈는 어느정도로 해야해!??!!
먼저 게녀들의 핸드폰 화면 카톡 채팅부분을 캡쳐를 해봐
참고로 내 핸드폰 화면크기는 1080*1920이야
다들 폰 화면 캡쳐해서 사진크기 확인해보도록
포토샵을 켜세욥!
저정도되는 작은 말풍선을 잘라서 세로길이랑 가로길이가 몇이나되는지 알아보면돼!
자 이제 잘라볼게
포토샵으로 잘라서 이미지크기가 어느정도되는지 알아보고 그정도~~?로만들면돼
말풍은 거의 정사각형으로 만들면되는데 이제 해볼게
1. ctrl + n 새로만들기를 통해서 새 이미지를 만들어보자
>투명<으로 해야하고 나는 110*90으로 할거야 저 위에사진은 내가 다른데서 가져오느라 이미지 크기가 줄은거같아!
나는 이번에 반투명한 하얀 직사각형 말풍선을 만들어보기로했어 ^0^~~
이만큼했는데 나인패치 검정색 선을 그려야되기때문에 상하좌우 다 떼어줬구, 오른쪽 뗀거는 채팅방에서 말풍선이 너무 오른쪽에 붙으면 못생겨서 약간 뗀거야 ㅎㅎ 그래서 110*90 으로 맞춘거구
혹시 어림잡기 힘들다면 나랑 화면크기똑같으면 이정도로 비슷하게하면될거야
이렇게 반투명한 흰 네모를 말풍선으로 쓰고싶어!
말풍선은 게녀들 마음대로 능력껏 ~~~만들어보쇼
말풍선이커졌을때 늘어나지않을 부분만 아주 작은 거의 정사각형모양으로 만들어야해
말풍선의 경우
이렇게 안늘어날부분만 최소로
줄쳐져있는부분이 늘어난다고생각하면돼
이제 여기에 나인패치사진으로 만드는 작업을할거야
상하좌우에 검정색으로 1픽셀의 아주 작은 라인을 그려줄거야
왼쪽과 위는 말풍선이 상하좌우로 커졌을 때 이부분을 늘어나게 하고싶다. 하는 부분을 표시하고,
오른쪽과 아래는 텍스트가 들어가는 범위를 정해주는거야.
연필도구를 사용해서 1px로 검정색 무조건 아예 검!!!!!정 색상코드 #000000로 해줘야한다
늘어날부분은 저만큼 2픽셀이상으로 그려주면되고
텍스트 들어갈 범위 그려주면돼~
사진의 상하좌우 끝에 그려줘야하는거야
이번에는 상대방 말풍선도 해볼게
똑같은 크기로 옆으로 옮겨주기만했고 상대방 말풍선도 마찬가지로 너무 왼쪽에 붙으면 못생겨서 오른쪽보다는 덜~~ 떼어줬어 ㅎㅎ
이제 이 나인패치 말풍선 이미지를 저장할건데
확장자는 PNG로 하고 사진의 이름 끝에는 .9를 붙여서 저장해야해.
샘플파일에는 자신의 말풍선이름이 thm_chatroom_message_bubble_me_bg.9.png 이야 (카카오톡테마가이드 보면 나와있음)
이대로 저장해서 샘플 디컴파일한 폴더에 있는 라이언 말풍선이랑 바꿔치기하면돼.
이제 말풍선제외하고도 엄청나게 다양한 이미지들을 바꿔치기해야해ㅠㅠ
엄청난 시간이 걸릴거야...ㅎㅎ
나처럼 이제 자신만의 사진을 다 이름똑같이!!! 해서 바꿔서 넣어주자.
이렇게 다 자기원하는대로 이름만 바꿔주기만하면돼~~
이렇게 사진들을 다 바꿔치기해줬으면 이제 남은건 텍스트나 몇몇 아이콘 색을 설정해주는게 남았어
이경로로 들어가보면돼
projects
sample-7.0.0-release.apk
res
values
중에 colors.xml 파일을 오른쪽마우스로 클릭해서 연결프로그램을 눌러서 메모장을 통해 열어보도록할게
카카오톡 테마 가이드에 나와있는대로 컬러 바꿔주면돼
왼쪽거는 어디부분이다 말해주는거고 색상코드는 #________ 8자리로 만들어져있어
앞에 두자리는 투명도를 나타내 투명한정도가 아예없는게 ff 100%이고
색상코드는 포토샵에 색상만지는데 만지면서 알아내서 메모장에서 코드만 바꿔주면돼
영어로써진거는 또 카카오톡 테마 가이드에 나와있으니까 대조해서 바꾸면된다!
이제 테마 이름을 바꾸어줄거야
projects
sample-7.0.0-release.apk
res
values
안에있는 string 파일을 메모장으로 열어서
ryan으로 되어있는부분만 게녀들이원하는 이름으로 바꿔주면돼 (영어로)
그리고 valuesko 폴더가면 또 있는데 거기는 이제 한국이름 적어주면돼
이제 마지막으로 컴파일 (apk로 만들기) 만해주면 끝이야
아까 내려놨었던 script를 실행시켜서
11번 apk컴파일 입력 후 시스템 apk냐고 물어보면 n을 입력하면돼
그러면 이제 내가 마냥 무슨 엄청난 해커와 기술자가된걳같은 기분을느끼면서
컴파일이 되어가는장면이야~
!!!!!!!!!!!!!!!!!'';;;;;;;;;;;;.;.;...;.;;..;.;
이거뜨면 이제 환장...^^;;;
이거는 만드는 과정에서 오류가난거야
이거 떴을경우에는 21번을 입력해서 로그를 확인하면되는데 그러면 빨간 글자가 마구떠!
그건 보기힘드니까 폴더에 들어있던 메모장 이름은 "log"라고 되어있는것을 한번 열어봐.
그러면 ERROR하면서 무슨 파일에 에러가 있으며 왜 에러가있는지 영어로;;^^ 설명을해줘
이렇게 빨간네모친데가 에러있는부분이야
나같은경우에는 두 파일에 문제가 있는거구.
에러가 네개인데 두개씩 똑같은말임
분홍색은 내이름나왔길래 가린거야 희희..~~
나는 저기 no marked region found along edge 이게 떴는데
이건 나인패치 검정라인을 잘못그린거야
찾아보니까 맨처음에
이렇게 나인패치 검정픽셀라인부분을 말풍선에 붙여놨었더라구 ㅋㅋㅋㅋㅋㅋㅋ 이러면안되고 사진 맨 가장자리에 그려야하는거야 알았지!!! 그리고 무조건 검정색 그리고 사진 가장자리 1픽셀라인에는 절대로 다른 무언가가 그려져서는 안돼!
이제 컴파일을 완료했으면 띙 하고 완료했다고 말도안해줌 그냥 다시돌아와 원상태로
이게 끝이아니다!!!
12번을 입력해서 apk 서명을 해주자.
서명까지하면 이제 끝!ㅠㅠㅠㅠㅠㅠ 감격의 눈물을 흘린뒤 얼른 닦아내셈.
그럼 이제 게녀가만든 테마 파일은 어디로간다????
여기안에 들어있어.
signed머시기머시기
이게 우리가만든 테마 파일이야~~~~~~^^##
나는 메일을 이용해서 내게쓰기를해서 뭐 폰에서 다운을받고 뭐 등등
폰으로 옮겨주기만하고 설치후 적용시켜주기만하면돼!
나는 약간 실험용으로 대충만든거라서 적용하면....
이렇게돼!!!
후 몇시간동안 열심히썼어
한명이라도 만들어서 자랑해주면 정말좋겠다 ㅠㅠㅠㅠㅠ
어려워도 읽어줘서 고마워
혹시 만들다가 질문있으면 (나도 부족한실력이지만) 댓달아조!^^
무..무문제시... 몇시간 노력이 공중분해됨
웅안지울게!!하다 모르는거있으면 물어봐 ^-^
이거 에러뜨면 대체뭘까?ㅠㅠ 지난번부터 계속떠서 뭔지모르겠음... 환경변수에서 에러가난건가
ㅠㅠㅠ글쎄모르겠다 무슨 파일 빼먹었거나 그래서그론가.. at 뫄뫄위치에 이상있는거아니야?
만든거 완전 내취향.... ㅜㅜㅠㅠ 폰트까지이쁘다...폰트어떤건지알려줄수있아??!!
by잊지않을게요!
어려워보이는데 디자인하는건 더 어려울듯
나 이 방법으로 초5때 카톡이랑 라인(하지도 않으면서)이랑 위자드메모? 그 테마 그런 거 졸라 만들어서 블로그에 공우했는뎈ㅋㅋㅋㅋㅋ 간만에 버니까 개추억
대박 잘읽었오
고마워!! 다시도전했더니 됐다ㅜㅜ
해봐야짛ㅎㅎ고맙당
나... 오믈 해서 꼭 자랑하러올게..
자물쇠랑 그런것도 직접그린거야?내일 시도해 보려고하는데..잘되면 좋겠다ㅠㅠㅠㅠ
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 01:38
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 01:39
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 01:40
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 11:37
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 11:38
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 11:39
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.06.27 11:39
삭제된 댓글 입니다.
폰트색만 바꾸더라도 자바가 apk manager때문에 필요한데 매니저 써서 테마파일 열어야돼서 자바는 필요행 글씨색만바꿀거면 나인패치포토샵 필요업셔
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.07.03 08:10
삭제된 댓글 입니다.
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.18.09.09 17:22
헉 지우지말아주라 대명생ㅠㅠ 고시끝나면 꼭 도전해볼껴
꼭 해볼거야....
혹시 지금 질문해두 돼??
버전 높아져서 그 이후로는 만들어본적이없어...ㅠㅠ 만드는 방법 변했을 수도 있어서ㅠㅠ 게다가 내가 까먹었을거같닼ㅋㅋㅋㅋ ㅠㅠ어떤거물어보려구..??
@그놈의 별 그 초록 창에서 어떻게햐여할지 모르겠어서ㅠㅠ 일안 처음이라 1 자판으로 누르고 9도 자판으로 누르먄 되는거야??
@T00THLESS 웅 자판(키보드)로 조작하는가얌!
@그놈의 별 엇 그렇게 했는데 프로젝트?에 아무것도 없어ㅠㅠ 샘플테마 만들때 사용했던 사진들이 나와야하는데ㅠㅠㅠ
@T00THLESS 여기 넣고 디컴파일한거맞앙??ㅠㅠ 왜없지
삭제된 댓글 입니다.
ㄱㅆ 요즘에도 이게 되는지는 모르겠다ㅠㅠ 인터넷 잘찾아바바