카카오톡 테마 만들기

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

살구공작소 2022. 12. 1. 22:33




이전글

 

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

 

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

(작성일 22/01/03) 컴퓨터 바꿔서 작업환경 설정하는김에 겸사겸사 카카오톡 테마 만드는 방법에 대한 정보글 작성합니다 카카오톡 테마 만들기를 위해 필요한 준비물 1. 알집 2. JAVA SE JDK 15 3. 안드

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. 스크립트 공유)

 

 


 

카톡 테마 만드는법 2

 

4. 나만의 테마 만들기 파일

 

지난 글에 이어 마지막으로 카카오톡 사이트에서 나만의 테마 만들기 파일을 다운로드 받아요

 

 

카카오톡 테마 파일 다운로드

 

 

카카오톡 홈페이지에 들어가셔서 스크롤을 내리다보면 '테마'가 나와요.

 

1. 나만의 테마 만들기 다운로드
2. Android 샘플 테마 다운로드
3. iOS 샘플 테마 다운로드

 

 

세가지 모두 클릭해서 다운로드 받아줘요

 

 

카카오톡 테마 파일 압축 풀기

 

다운받은 .zip파일들을 모두 압축 풀어 줍니다.

 

자, 이제 압축푼 폴더를 하나씩 알아봅시다!

 


1) 첫번째 폴더 : Theme_Guide_(업데이트 날짜)

 

Theme_Guide

 

 

나만의 테마 만들기 다운로드

 

 

Theme_Guide_220405은 카카오톡 홈페이지에서 다운받은 '나만의 테마 만들기 다운로드'를 압축 풀어준 폴더입니다.

 

Theme_Guide 폴더를 열어 보시면

 

 

Theme_Guide 압축 폴더 안 파일

 

 

Theme_Guide 폴더안에 ' __MACOSX'라는 폴더와 PDF 파일 두개가 있습니다.

 

__MACOSX폴더는 애플 컴퓨터에서 사용하는 폴더이기때문에 윈도우 사용자들은 삭제해도 상관없습니다.

 

 

카카오톡 테마 가이드북

 

 

 

PDF 파일 두개는 안드로이드(Android) 테마 만들기와 아이폰/아이패드용(iOS) 테마 만들기 설명에 관한 가이드 문서입니다.

 

 


 

 

2) 두번째 폴더 : iOS_Sample_Theme_(업데이트 날짜)

 

iOS_Sample_Theme
iOS 샘플 테마 다운로드

 

 

iOS_Sample_Theme_220405은 카카오톡 홈페이지에서 다운받은 'iOS 샘플 테마 다운로드'를 압축 풀어준 폴더입니다.

 

 

iOS 샘플 테마 다운로드 압축 파일 안

 

apeach.ktheme 아이폰용 어피치 테마 설치 파일 아이폰에 직접 적용하여, 가이드 PDF(UserThemeGuide_iOS)를 확인하며 어떤 부분이 어떻게 적용되는지 직접 확인 할 수 있습니다.
apeach.ktheme.zip 아이폰 테마 만들기 파일 어피치 테마를 토대로 이미지, 색상, 스크립트를 수정하여 자신만의 테마를 만들수 있습니다.
__MACOSX폴더   애플 컴퓨터에서 사용하는 폴더이기 때문에 윈도우 사용자들은 삭제해도 상관없습니다.

 

 

apeach.ktheme.zip 파일 압축을 풀어줘요.

 

 

apeach.ktheme.zip 파일 압축 풀기

 

 

apeach.ktheme.zip파일을 바로 압축 풀기하면 압출 풀기 실패 오류가 생겨서 파일 이름을 'ios'로 바꿔준 후 압축풀기 해주었어요.

 

 

apeach.ktheme.zip 압축 파일 내부

 

압축풀기 된 ios 폴더를 열어보시면

 

 

Images 아이폰용 테마 이미지 폴더 테마를 구성하는 이미지를 담은 폴더
KakaoTalkTheme.css 아이폰용 테마 css 파일 테마를 구성하는 요소 (색상, 말풍선 수치 등)를 정의하는 css파일
__MACOSX폴더   윈도우 사용자는 삭제 ㄱㄱ

 

 

ktheme 파일 Images 폴더

 

 

Images 폴더 안

 

 

Images 파일안에 들어가 보시면 아이폰 어피치 테마를 구성하는 이미지 파일들이 들어 있어요.

 

 

 

카카오톡 테마 가이드 PDF

 

 

 

가이드 PDF(UserThemeGuide_iOS)에 각 이미지 파일이 어떤 부분에 위치하는지 안내되어있어요. UserThemeGuide_iOS.pdf를 확인해서 내가 제작한 이미지를 대체할 원본 이미지의 이름으로 저장해서(덮어쓰기) 이미지 파일을 교체해줘요.

 

 

 

KakaoTalkTheme.css 파일

 

 

.css파일 연결 프로그램 지정

 

 

 

KakaoTalkTheme.css을 처음 열면 파일을 열때 사용한 앱을 지정하라고 뜹니다.

저는 메모장으로 설정해줄게요.

 

 

KakaoTalkTheme.css 메모장 연결

 

 

메모장으로 연결프로그램을 지정한 KakaoTalkTheme.css 파일을 여시면

 

 

 

CSS 메모장

 

 

테마 파일을 구성하는 요소(테마명, 테마id, 색상, 말풍선 수치 등)들을 수정할 수 있는 css 문서 파일이 열려요.

 

 

 

카톡테마 만들기 가이드 PDF

 

 

가이드 PDF(UserThemeGuide_iOS)에서 코드 설명을 읽어가며 하나씩 바꿔주면 됩니다.

 

 


 

 

3) 세번째 폴더 : Android_Sample_Theme_(업데이트 날짜)

 

 

 

Android_Sample_Theme

 

 

Android 샘플 테마 다운로드

 

 

Android_Sample_Theme_220405은 카카오톡 홈페이지에서 다운받은 'Android 샘플 테마 다운로드'를 압축 풀어준 폴더예요

 

 

 

Android 샘플 테마 다운로드 압축 파일 내용물

 

 

__MACOSX   윈도우 사용자는 불필요하니 삭제
apeach-9.7.5-release.apk 안드로이드용 어피치 카톡 테마 설치 파일 핸드폰에서 열어 안드로이드 어피치 테마를 설치할 수 있는 파일
apeach-9.7.5-source.zip 안드로이드용 테마 만들기 파일 어피치 테마 테마를 토대로 이미지, 색상, 스크립트를 수정하여 자신만의 안드로이드용 카톡 테마를 만들수 있습니다.

 

 

apeach-9.7.5-source.zip 파일 압축을 풀어줘요.

 

 

 

apeach-9.7.5-source.zip 압축 풀기

 

 

압축을 푼 apeach-9.7.5-source 폴더에 들어가보시면

 

 

apeach source 폴더 안 파일 목록

 

 

 

이렇게 구성되어 있습니다. 이것들은 안드로이드 카카오톡 테마 만들면서 하나씩 설명해 드릴게요

 

이렇게 카카오톡 테마 만들기 준비과정이 끝이 났습니다! 그럼 다음에는 본격적으로 테마 제작방법을 알려드릴게요

 

 

 


 

다음글

 

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

 

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

이전글 카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi) 카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi) 카카오톡 테마를 구성 이미지 파일 알

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. 스크립트 공유)