아이폰 카톡 테마 만들기 - aipon katog tema mandeulgi

(유료 도안배포 / 5000원)

키링 제작용 으로만 써주세요 그 외 굿즈, 프로필(인장), 상업적이용, 재배포, 수정, 판매 X 1인 1도안 구매 후 개인제작해주세요 키링제작 외의 사용이 발견된다면 즉시 배포글을 내릴 예정입니다. 동기조 보카로버전 도안 6개(하기마츠세트 포함)+특전 의 PNG 파일이 들어있습니다. 그 외 문의 및 질문은 @Phlox_APTX 캐릭캐릭체인지 버전은 http...

▶아이폰 카톡 테마 만들기/아이폰 카톡 테마 만드는 법◀

어떤 분께서 아이폰 카톡 테마 만드는 방법에 대해 문의하셔서 강좌를 올리게 되었습니다. 이 글은 pc버전에 최적화된 글이니 pc로 보시는 것을 추천합니다 :)

​

★

오늘 카카오톡을 8.0버전으로 업데이트할 예정이라고 공지가 떴습니다. 그에 따른 UI 변화가 있을 것으로 보입니다. 즉, 카카오톡 테마 만드는 방법에도 변화가 있을 수 있다는 뜻입니다..ㅠ 기본적인 방법은 변하지 않겠지만 일단 업뎃된 후 확인해봐야 알겠네요..:(

​

아이폰 카톡 테마 만들기 8.0.0버전 업데이트 했습니다. 아래 링크로 접속해주세용 :) (2018.9.20 수정)

​

[준비물]

* zip파일 압축 해제 프로그램

- 자신이 편한 프로그램 사용

- 저는 '알집'을 사용했습니다.

​

* 카톡 샘플 파일

- 링크 접속 https://www.kakaocorp.com/service/KakaoTalk?lang=ko#tab2-1

> ios 샘플 테마 ktheme 다운로드

> ios 테마 가이드 다운

- 자신이 편한 위치에 다운

​

[사전 작업]

1) 바탕화면에 아무 폴더나 들어가서 ★

- 도구> 폴더 옵션> 보기 탭> 알려진 파일 형식의 파일 확장명 숨기기 체크 해제

​

​

2) zip파일 압축 풀기

3) 폴더 이름 바꾸기

- ‘테마이름.ktheme’의 형태로 바꿔주세요.

- 편의상 테마이름으로 바꾸는 것이니 아무렇게나 바꾸시면 됩니다. 뒤에 .ktheme을 붙이는 것만 잊지 마세요!

​

[이미지 편집]

images폴더로 들어가줍니다. 이제부터 images 폴더 안에 있는 이미지를 싹 다 바꿔줄 거예요. 이미지가 정말 많아요. 안드로이드보다 많은 것 같아요... 편집할 때는 ‘포토샵’과 같은 이미지 편집툴을 사용하면 됩니다. 웬만하면 원래 이미지와 크기가 같게 만들어주세요.

참고로 아이폰 테마는 똑같은 이미지를 X2 (혹은 X3) 크기까지 제작해줘야 합니다. 그래서 안드로이드보다 바꿀 양이 많은 것 같네요. 그래도 나인패치가 없다는 것에 위안을 두고 열심히 바꿔 봅시다..8ㅁ8

​

처음 열어보시는 분들은 이게 뭔 이미지인가 싶을 거예요. 그럴 때 필요한 게 ‘테마 가이드’입니다. 정말 친절하게 설명이 되어있어요! 이미지 변경 리소스는 5쪽부터 확인하시면 됩니다.

리소스 명 끝에 ‘.png’가 붙어있는 파일이 저희가 바꿀 이미지 파일입니다. 왼쪽 이미지에 있는 숫자와 표의 숫자를 번갈아 보면서 바꿀 이미지를 확인하시면 됩니다.

​

[색상코드 변경]

이미지를 다 바꾸셨다면 이제 글자 색을 바꿀 차례입니다. 채팅방 말풍선 내용, 안 읽음 표시, 시간, 친구 이름, 채팅방 이름 등 대부분의 폰트 색상을 바꿀 수 있으며, 선 색상도 바꿀 수 있습니다.

‘Kakao talk.css’ 파일을 메모장으로 열어줍니다. 그냥 더블 클릭하면 메모장으로 열릴 거예요! 만약 안되신다면 연결 프로그램을 메모장으로 바꿔서 열어보세요.

ios 테마는 안드로이드에 비해 색상코드 변경하기 쉽게 되어있습니다. 위에 한국어로 대충 쓰여 있거든요. ‘그래도 모르겠다!’ 하시는 분들은 테마 가이드를 보면서 하시면 됩니다. 4쪽부터 보시면 되요.

다시 css파일로 넘어와서요, 저희가 건들 부분은 숫자+영어가 혼합된 6자리 색상코드와 소수로 된 알파값입니다.

포토샵 색상피커를 누르면 밑에 뜨는 6자리 코드가 바로 색상코드입니다. 아마 포토샵 뿐만 아니라 다른 이미지 편집툴에도 색상피커 기능이 있을 것 같은데... 제가 포토샵 밖에 안 써봐서 확신은 못 하겠네요ㅠ,ㅠ

만약 없다면 네이버에 ‘색상코드표’ 혹은 ‘색상코드’라고 검색하시면 몇 가지 색상코드 샘플을 얻으실 수 있습니다. 더 세밀한 색상을 뽑고 싶으시다면 색상피커 프로그램을 설치하는 것도 좋을 것 같아요.

참고로 하얀색은 FFFFFF, 검은색은 000000입니다. 그리고 영어의 대소문자는 신경쓰지 않으셔도 됩니다.

​

알파값은 ‘불투명도’를 조절하는 값입니다. 1.0은 100%를 뜻하고 0.0은 0%를 뜻합니다. (불투명도가 0%가 되면 완전히 투명해져 보이지 않게 되고 100%에 가까워질수록 덜 투명해짐.) 텍스트의 불투명도를 85%로 조정하고 싶다면 알파값을 0.85로, 50%로 조정하고 싶다면 0.5 (혹은 0.50) 이런 식으로 바꿔주시면 됩니다. 만약 친구 목록에 있는 선을 없애고 싶다면 알파값을 0.0으로 입력해주시면 되겠죠?

보라색 박스로 된 항목은 색상코드로도 수정할 수 있고 이미지로도 수정할 수 있는 부분인데요, 둘 다 설정할 시 ‘이미지’로 수정한 것이 반영이 됩니다. 색상코드로 수정하고 싶다면 해당 이미지 파일을 지워주시면 됩니다만, 파일을 지우는 게 불안하시다면 이미지 파일을 수정해서 원하는 단색으로 깔면 됩니다.

​

[테마 정보 변경]

마지막으로! css파일 맨 위에 있는 테마 정보를 변경해보겠습니다. (짝짝짝)

① 테마의 고유 아이디 > 여러 개의 테마가 충돌하지 않게 하기 위해 설정하는 고윳값

② 테마 이름

③ 테마 출처(?) > 굳이 설정하지 않아도 됨

④ 테마 저작자 > 굳이 설정하지 않아도 됨

②,④ 항목은 한글로 입력하셔도 됩니다. ①,③은 잘 모르겠네요ㅠㅠ 일단 저는 영어로 바꿔주고 있습니다.

②에서 변경한 이름이 카톡 테마 리스트에 뜨는 테마명이 됩니다!

②,③ 사이에 버전은 수정해주셔도 되고, 안하셔도 됩니다. 하든 안하든 큰 의미는 없어요!

​

[마무리]

1) zip파일로 다시 압축

- 위의 사항을 모두 수정했다면, 압축을 풀었던 폴더를 다시 zip파일로 압축

2) 테마이름.ktheme 폴더 삭제

- 3번에서 이름 바꿀 때 이름이 같아져서 충돌하기 때문에 미리 지워줍니다.

3) 파일 이름 바꾸기 > 뒤에 ‘zip’ 지우기

- ‘테마이름.ktheme.zip’ > ‘테마이름.ktmeme’

- ‘확장명을 변경하면 사용할 수 없게 될 수도 있습니다’ 경고문은 무시하고 ‘예’

끝! 이제 잘 만들어졌는지 핸드폰 적용하고 확인만 하면 됩니다ㅎ,ㅎ

​

안드로이드와 다르게 컴파일, 디컴파일을 할 필요가 없는 것이 장점이지만 어디서 잘못 됐는지 적용하기 전까진 확인을 못 한다는 단점이 있죠ㅠ,ㅠ 그래도 나인패치도 없고! 색상코드 바꾸기도 쉽고! 어...바꿀 이미지는 많고...8ㅁ8

​

그래도 모두 화이팅해서 예쁜 테마 만들어보아요!!

​

제가 설명을 잘 못해서 좀 도움이 되셨는지 모르겠어요ㅠㅠㅠㅠ

그래도 강좌가 도움이 되셨다면 공감을 마구마구 눌러주세요:D

질문은 댓글로 남겨주세요~ 그럼 이만 총총총

​

8.0.0 버전 강좌가 올라갔으니 댓글창은 닫겠습니당 :)

​