아이폰 카카오톡 테마 만들기 에이전트 오브 쉴드 버전

카카오톡을 많이 사용하시다보면 테마를 이것저것 바꾸시는 분들이 많이 계실텐데요. 기존 테마가 아니라 내가 만든 나만의 테마를 적용 하는 방법도 있습니다. 카카오에서 테마 만들기 앱이나 기능을 제공을 하면 좋을거 같은데 수작업으로 만들어줘야 하네요. 이번 포스팅은 아이폰 카카오톡 테마 만들기를 해보도록 하겠습니다. 최근에 에이전트 오브 쉴드를 재미있게 보고 있어서 에이전트 오브 쉴드 버전의 테마를 만들어 볼까 합니다. ^^ 테마 생성 하는 방법에 대해서 해보기 위해 급하게 만든 테마라 이상 할지도 모르겠네요. ^^ 참고로 제가 작업한 버전은 카카오톡 8.0 버전 입니다. 

일단 아이폰 에서 카카오톡 테마를 만들기 위해서는 아이폰에서만 작업 하는건 어렵습니다. PC 에서 작업을 하셔야 하니 참고 하시기 바랍니다. 카카오톡 사용자 테마를 만드는 방법에 대해서는 홈페이지 " https://www.kakaocorp.com/service/KakaoTalk#tab2-2 " 에 접속해 보시면 제시히 나와 있습니다. 접속 하시면 상당과 같은 페이지를 보실수가 있는데요. 여기에서 "채팅을 풍부하게" 부분에 나만의 테마 만들기에 대한 설명이 나와 있습니다. 거기에 각각 안드로이드 버전과 iOS 버전의 테마 가이드와 샘플 파일을 다운 받을수가 있습니다. 가이드와 샘플 테마를 각각 다운을 받으시기 바랍니다.

1. 아이폰 카카오톡 테마 파일 구조 확인해 보기

가이드 파일의 경우에는 PDF 로 되어 있으며 열어 보시면 "iOS Theme User Guide , iOS  테마 - 사용자가이드" 라는 제목으로 내용을 확인해 보실수가 있습니다. PDF 뷰어로 읽어 보시면서 작업을 하면 크게 어렵지 않게 작업이 가능 합니다. 샘플 테마 파일은 다운을 받으시면 ZIP 파일로 되어 있는데 압축을 푸시면 됩니다. 샘플로 다운 받을수 있는 테마 파일은 피치 테마 인데요. 아래와 같이 apeach.ktheme 라는 디렉토리에 Images 라는 디렉토리와 "kakaoTalkTheme.css" 파일이 보입니다. Images 에는 테마에 사용되는 이미지 파일들이 들어 있고 css 파일에는 글자 색등을 지정 할수 있는 Style Sheet 정보가 들어 있습니다. 

이미지 디렉토리로 이동을 하신후에 미리 보기로 보시면 아래와 같이 이미지가 들어 있는걸 보실수가 있습니다. 피치 테마를 이용해 보셨다면 한눈에 어떤 이미지 들인지 알수가 있는데요. 테마 배경과 말풍선 그리고 하단에 사용되는 아이콘등의 이미지가 들어 있습니다. 사용자 테마를 만들기 위해서는 아래 이미지들을 원하시는 이미지로 모두 대체를 해주시면 됩니다.

2. 테마용 이미지 쉽게 만들어 보기

아래는 대화창 배경화면을 에이전트 오브 쉴드의 로고로 바꾼 건데요. 가능하면 기존 테마의 이미지 사이즈에 맞추시는게 나중에 보기에도 좋을거 같아서 저는 가능한 샘플 이미지에 맞추는 식으로 작업을 했습니다.

이미지 작업은 포토샵 없이도 가능 하며, 저 같은 경우에는 파워포인트를 열어서 대략적인 배경 이미지와 말풍선의 느낌 그리고 텍스트를 넣어봐서 대략의 느낌을 보면서 작업을 했습니다. 이미지의 경우에는 개인이 사용 한다고 하면 구글링 해서 원하시는 이미지를 이용하시면 될거 같습니다. 저 같은 경우에도 구글에서 검색해서 받은 이미지를 사용 했습니다. 저작권 문제가 있을수 있으니 개인 사용 용도에서만 작업을 하시고 공유 하실 예정이라면 저작권에 문제 없는 이미지를 사용하시는게 좋을거 같습니다. 

말풍선의 경우에는 파워 포인트에 있는 말풍선 도형을 이용해서 만드시고 거이에 추가로 꾸미시고자 하시는 이미지를 추가해서 만드시면 쉽게 만드실수 있습니다. 저는 말풍선 하나 만들고 옆에 작은 쉴드 마크 하나 붙여 보았는데요. 나중에 제대로 한번 다시 만들어 보고 싶은 욕심이 있네요 ^^

파워포인트에서 대충 작업을 하셨다면 캡쳐 프로그램인 픽픽을 이용하셔서 파워 포인트의 이미지를 캡쳐를 뜨시면 됩니다. 캡쳐 뜨실때 픽셀이 표시가 되므로 기존 샘플 이미지와 비슷한 픽셀로 캡쳐를 하시면 됩니다. 미리 픽셀을 cm 로 변경 하셔서 파워 포인트에서도 비슷한 사이즈로 작업을 하시면 조금더 편하게 작업을 할수가 있습니다. 픽픽에서도 어느정도 이미지 편집이 가능 하므로 반전 효과를 줘서 선택용 이미지 (~~~Selected@xx.png) 를 만드시는것도 쉽게 작업 하는 방법입니다.

아래 캡쳐 화면처럼 이미지를 하나씩 만드셔서 기존에 있던 샘플 이미지를 모두 대체를 해주시면 사용자 테마용 이미지 작업은 끝납니다. 이미지를 잘 다루시는 분이시라면 조금더 멋지게 작업을 할수도 있을거 같네요. 저는 이미지 편집 기술은 그다지 좋지 않아서 대충 만들어 보았습니다. ^^;

3. 글자 색등 스타일시트 편집하기

이미지 작업이 완료 되었으면 이제는 글자와 기타 화면 구성을 마무리 하기 위한 스타일 시트 편집 작업을 하셔야 합니다. 위에서 잠깐 설명 했듯이 압축푼 디렉토리에서 KakaoTalkTheme.css 파일을 찾아서 편집을 하시면 되는데요. 별도로 사용하시는 편집기가 있으시면 해당 편집기를 사용 하시면 됩니다. 메모장으로 여시는 경우에 이상하게 보일수 있으니 편집기가 없으신 분들은 연결 프로그램에서 워드패드를 이용해서 편집을 하셔도 됩니다.

사용자 가이드를 보시다보면 아래와 같이 스타일 시트의 모든 항목들에 대해서 주석을 달아 놓았습니다. 물론 100% 정확히 이해가 않되기도 하지만 하나씩 훓어 보시면 이게 어떤 부분인지 아실수 있을건데요. 보시기 어려우시다면 일단은 글자색 먼져 변경을 해보시는것도 방법입니다. 저도 모두 확인해서 작업하기는 아직 아려워서 배경색과 텍스트 색 위주로 작업을 했습니다.

파일 첫 부분에는 아래와 같이 테마 이름과 ID 등을 지정 하는 부분이 나오는데요. 테마 이름은 원하시는 테마 이름으로 지정을 하시면 됩니다. 해당 이름은 카카오톡 에서 사용자 테마 부분에 이름으로 표시가 됩니다. 나머지는 그냥 두셔도 무관한 부분 들입니다. 그리고 하단에 이미지에 대한 정의가 있는데요. 기존 이미지를 바꿔 치기 하셨다면 아래 이미지 부분은 수정이 필요 없습니다. 혹시 이미지 이름을 다시 정의 하시고 싶으시다면 여기에서 수정을 하신후에 이미지 를 여기에서 정의한 이름으로 저장을 하시면

그리고 조금더 내려 보시면 아래와 같이 ios-text-color 라고 되어 있는 부분이 많이 보이실텐데요. 여기에서 글자색등을 지정 하는 건데요. 색지정은 HEX Code 로 입력을 하셔야 합니다. RGB 를 각각 16진수로 두자리씩 입력을 하는건데요. 색을 찾는 방법은 인터넷에서 hex color code 로 검색을 하시면 색을 변환해서 코드를 알려주는 사이트들이 꾀 많이 있습니다. 그런 사이트의 도움을 받아서 원하시는 색을 미리 선정해 놓고 일괄적으로 수정을 하시면 됩니다.

색 수정을 모두 하셨다면 저장을 하신후에 빠져 나오시면 됩니다. 이제는 테마 파일을 다시 묶은후에 적용하는 일만 남았습니다.

4. 테마 파일 적용 하는 방법

테마 파일을 아이폰 카카오톡에 적용 하기 위해서는 만드신 테마 디렉토리 이름을 원하시는 이름으로 변경 하시고 .. 저 같은경우에는 shiled.ktheme 로 변경 했습니다. 그런후에 알집등을 이용해서 "zip" 파일로 압축을 하시면 됩니다.

압축을 하시게 되면 예로 shiled.ktheme.zip 형태로 파일이 저장이 되는데요. 여기에서 .zip 파일은 제거를 해주고 아래와 같이 shiled.ktheme 로 이름을 변경해 주시기 바랍니다. 만약에 탐색기에서 알려진 확장자 숨김으로 해놓으셨다면 설정에서 변경 하신후에 알려진 확장자까지 볼수 있는 상태에서 .zip 을 지워 주시면 됩니다.

이제 해당 파일을 아이폰으로 옯기기 위해서 메일등을 이용해서 전달 합니다. 저 같은 경우에는 메일이 편해서 지메일에서 나에게 보내기로 보냈습니다. 파일을 첨부 하신후에 보내시면 되고, 혹시 다른 방법이 있으시면 다른 방법을 이용하셔서 전달 하셔도 됩니다. 다만 PC 버전 카카오톡에서 바로 파일을 전달 할수는 없으니 참고 하시기 바랍니다.

이제 아이폰으로 가서 메일을 보시기 바랍니다. 받은 메일의 첨부 파일을 확인 하신후에 아래와 같이 해당 첨부 파일을 여시기 바랍니다. 이때 "카카오톡에 복사" 라고 되어 있는 부분을 이용해서 해당 테마 파일을 카카오톡으로 전달을 하시면 됩니다. 그냥 카카오톡을 선택 하시면 다른 사람에게 전달을 할수만 있으니 테마 적용을 하기 위해서는 "카카오톡에 복사"를 꼭 선택 하시기 바래요 ^^

그러면 카카오톡이 열리게 되고 아래와 같이 테마 설정 부분이 바로 열리는걸 볼수 있을겁니다. 그러면 하단에 사용자 테마 라고 되어 있는 부분을 보시면 내가 만든 사용자 테마가 보이실겁니다. 이 부분을 선택 하신후에 메인 화면으로 이동을 하시면 내가 만든 이미지를 통해서 카카오톡이 테마가 변경된걸 보실수가 있습니다. 여기 까지 하시면 아이폰 카카오톡 테마 만들어서 적용까지가 완료 된겁니다.

저 같은 경우에는 만들고 보니 말풍선이 아래처럼 보이네요. ^^ 배경 화면은 멋진거 같고 말풍선은 조금 개선을 해야 할거 같습니다. 조만간 조금 손을 봐서 다시 적용해 봐야 할거 같아요. 그래도 처음 작업한것 치고는 나름 마음에 드는 테마 인거 같습니다. ^^

이상 아이폰 카카오톡 테마 만들기에 대해서 에이전트 오브 쉴드 버전으로 직접 해보면서 포스팅을 해보았습니다. 거의 완벽하게 나만의 테마를 만들수 있도록 테마가 구성이 되어 있는거 같습니다. 이미지만 잘 만들어 낸다면 멋진 테마를 쉽게 만들수 있을거 같네요. 물론 스타일 시트도 조금더 보고 수정을 하면완벽할거 같기는 하지만요. 이상 아이폰 카카오톡 테마를 만들어 보고 싶으신 분들에게 참고가 되셨길 바라면서 이만 포스팅 마치도록 하겠습니다. 여기 까지 읽어 주셔서 감사합니다. ^^