포토샵으로 나만의 움직이는 이모티콘 만드는 방법

나만의 이모티콘 직접 제작하기

이에 직접 제작한 이모티콘을 판매하여 수익을 창출하는 사람도 늘어나고 있습니다. 특히 움직이는 이모티콘은 사용자들의 호응도가 높아, 제작 시 더 큰 반응을 기대해 볼 수 있습니다. 포토샵을 활용해 별도의 애니메이션 툴 없이 움직이는 이모티콘을 제작해보세요. 포토샵에서는 정교한 픽셀 단위 조절이 가능해 높은 퀄리티의 이미지 제작이 가능하며, AI 기능을 활용하면 더욱 효율적으로 움직이는 이모티콘을 제작할 수 있습니다.

이미지 불러오기

이모티콘의 기본이 될 캐릭터나 드로잉 이미지를 불러옵니다. 제작 목적에 따라 직접 디자인한 캐릭터, 혹은 회사 브랜딩 캐릭터를 활용해보세요.

1. 포토샵 상단 메뉴에서 ‘파일(File)’ → ‘열기(Open)’ 클릭
2. 제작할 이모티콘의 기반 이미지 선택

• 만약 직사각형 비율의 이미지라면, 본격적인 선 따기 작업 전 카카오톡 이모티콘 기준 해상도에 맞춰 1:1 비율로 변경해주세요.

포토샵 배경 제거 기능으로 배경 제거하기

캐릭터가 돋보일 수 있도록, 먼저 배경을 제거해 보겠습니다. 펜 툴로 번거로운 누끼 작업을 할 필요 없이, 포토샵의 AI ‘배경 제거(Remove Background)’ 기능을 활용하면 깔끔하게 제거할 수 있습니다.

1. 상황별 작업 표시줄에서 ‘배경 제거’ 선택
2. 레이어에서 배경 제거된 마스크 확인
3. 불완전하게 제거된 배경은 하단 상황별 작업 표시줄 ‘마스크에서 빼기(Subtract masks)’ 와 ‘마스크에 추가(Add to mask)’를 활용해 보완하기

4. 레이어 마스크에서 오른쪽 클릭 → ‘레이어 마스크 적용(Apply Layer Mask)’ 클릭하여 단일 이미지로 만들기

이제 깔끔하게 제거된 배경을 확인할 수 있습니다.

포토샵 브러시로 움직이는 이모티콘 이미지 그리기

움직이는 이모티콘 만들기를 위해, 원하는 움직임을 여러 레이어로 나누어 애니메이션이 되도록 합니다. 이 때 포토샵 브러시를 사용하여 애니메이션 프레임을 그릴 수 있습니다.

1. 툴바에서 ‘브러시 도구(Brush Tool)’ 선택
2. ‘색상(color)’ 탭에서 원하는 윤곽선 색상 피커로 선택
3. [ctrl + j] 눌러 기준이 되는 이미지 복사
4. ‘새 레이어’ 추가 → 브러시 도구를 사용해 모션에 따라 이미지 그리기
5. 원하는 이미지가 나오면 아래 레이어와 함께 선택 후 [ctrl + e] 를 눌러 병합

이모티콘 만들기에 충분한 프레임이 나올 때 까지 반복해줍니다.

움직임 프레임 만들기 (애니메이션 작업)

이제 타임라인 기능을 통해 캐릭터 이미지를 움직이는 이모티콘으로 만들어 보겠습니다. 간단한 눈 깜빡임, 손 흔들기, 미소 등 귀여운 연출을 자유롭게 구성할 수 있습니다.

1. ‘창(windonw)’ → ‘타임라인(Timeline)’ 선택
2. ‘프레임 애니메이션 만들기(Create Frame Animation)’ 선택
3. 타임라인 패널 우측 상단 메뉴 아이콘 클릭 → ‘레이어에서 프레임 만들기(Make Frames From Layers)’ 선택

4. 프레임 간 딜레이 시간 설정(예: 0.1초) 설정
5. ‘계속(loop)’ 옵션 선택
6. 플레이 버튼을 눌러 움직임 확인하기
   - 이 때 움직임이 어색하다면 레이어를 추가해 동작 사이를 더 연결합니다.

GIF 파일로 저장하기

이제 완성된 움직이는 이모티콘을 GIF 파일로 저장해 보겠습니다. 이렇게 완성된 이모티콘은 카카오톡 이모티콘에 제출해 판매 및 수익 창출에 도전하거나, 기업 브랜드 마케팅으로 사용하는 등 다양한 용도로 활용이 가능합니다.

1. 상단 메뉴 ‘파일(File)’ → ‘내보내기(Export)’ → ‘웹용으로 저장(Save for Web)’

2. GIF 포맷 선택
3. 카카오톡 이모티콘 기준 해상도인 360x360픽셀로 설정
4. 루핑 옵션은 ‘계속’으로 설정

• 필요 시 좌측 하단의 ‘미리보기’를 통해 움직임을 미리 확인할 수 있습니다.

5. 저장 선택하여 GIF 파일로 저장