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

애니메이팅

움직이는 이모티콘 만들기

저의 별명중 하나는 취미부자 입니다. 귀여운 캐릭터를 좋아해서 시간 나면 틈틈이 그림을 그리는 데요.지난 장마철에 집콕하며 열심히 만든 귀여운 캐릭터를 하나 소개합니다. 움직이는 이모티콘을 만들기 위해

먼저 정지되어 있는 이모티콘을 하나 그렸습니다.

박스냥이인데요, 너무너무 귀엽죠?

이름:박하

특징:눈이 크고 머리에 페퍼민트잎을 달고 있음

성격:겁이 많고 소심함

동작을 만들기 전에 먼저 캐릭터의 특징과 성격을 만들면, 움직이는 동작을 만들 때 참고할 수 있어 좋은 것 같아요.

포토샵을 이용해 애니메이션을 만드는 방법은 여러 단계로 나뉘며, 포토샵의 타임라인 패널을 활용하면 비교적 간단하게 애니메이션을 제작할 수 있습니다.

애니메이팅 방법

 1. 타임라인 패널 열기

- Window(창) 메뉴 → Timeline(타임라인)을 클릭하여 타임라인 패널을 엽니다.

- 타임라인이 나타나면, Create Frame Animation 또는 Create Video Timeline을 선택할 수 있습니다. 프레임 애니메이션을 만들려면 Frame Animation을 선택합니다.

2. 레이어 준비

- 애니메이션에서 움직일 각 요소는 각각 별도의 레이어에 있어야 합니다. 즉, 애니메이션의 각 단계마다 변화를 줄 레이어를 준비해야 합니다.

- 예를 들어, 움직일 물체가 있다면 그 물체를 각 레이어에 나눠서 배치해야 합니다.

 3. 첫 프레임 설정

- 타임라인에서 Create Frame Animation을 클릭하면 첫 번째 프레임이 생성됩니다. 이 프레임에서 각 레이어의 위치와 상태를 설정하세요.

- 이 상태가 애니메이션의 첫 장면이 됩니다.

 여러게의 프레임을 만든모습

4. 새로운 프레임 추가

- 타임라인의 아래쪽에 있는 New Frame아이콘을 클릭하여 새로운 프레임을 추가합니다.

- 새 프레임에서는 레이어의 위치, 크기, 투명도 등을 변경하여 애니메이션 효과를 줄 수 있습니다.

 5. Tween 기능 사용

- 여러 프레임 간에 부드러운 전환을 만들고 싶다면, Tween 기능을 사용할 수 있습니다.

- Tween 기능은 두 프레임 사이에 자동으로 중간 프레임을 생성해 주므로, 오브젝트가 자연스럽게 움직이거나 변형되도록 도와줍니다.

6. 프레임 속도 설정

- 각 프레임의 재생 시간을 설정할 수 있습니다. 프레임 아래에 있는 시간을 클릭하여 몇 초 동안 해당 프레임이 표시될지 설정하세요.

- 보통 0.1초에서 0.2초 정도로 설정하여 부드러운 애니메이션을 만들 수 있습니다.

 7. 애니메이션 미리 보기

- 타임라인 하단에 있는 Play버튼을 클릭하여 애니메이션을 미리 확인할 수 있습니다. 필요한 경우, 프레임 속도나 개수를 조정하면서 자연스러운 흐름을 만들어 나갑니다.

8. GIF로 저장하기

- 작업이 완료되면 File → Export → Save for Web (Legacy) 메뉴를 클릭하여 GIF 포맷으로 저장합니다.

- 저장 창에서 Looping Options을 설정하여 애니메이션이 한 번만 재생될지, 계속 반복될지 선택할 수 있습니다.

박스냥 박하

커피를 마시는 박하

이 방법으로 간단한 애니메이션부터 복잡한 애니메이션까지 다양하게 제작할 수 있습니다.