포토샵 활용하여 GIF 이미지 간편하게 만들기

포토샵 활용하여 GIF 이미지 간편하게 만드는 방법에 대해 알아보겠습니다.

영상자체에서 변환하는 방법도 있지만 본인이 스스로 디자인한 그래픽들을 이용하여 만드는 경우 다른 편집프로그램을 통하지 않고 직접 편집이 가능한데요.

저 같은 경우에는 로딩바 등이 직접 구현이 되었을때 어떠한 모습인지 보여주기 위해 가끔 개발자에게 작업하여 보여주곤 합니다.

포토샵 활용하여 GIF 이미지 간편하게 만들기

먼저 작업한 그래픽을 같은 크기의 이미지로 통일하여 작업 후 프레임 별로 보여줄 모습에 대해 각각 레이어로 구분하여 둡니다. 작업 예시를 위해 간단한 로딩 아이콘을 만들어 모습별로 레이어로 나누워 주었답니다. 

그 후 포토샵 상단의 메뉴 중 창 메뉴로 이동을 하세요.

창 메뉴 중 타임라인을 눌러 타임라인 도구를 활성화 합니다. 해당 기능은 포토샵 작업물을 비디오나 GIF로 보여줄 때 사용을 하며 에프터이펙트의 메뉴구조와 아주 유사합니다.

초기 모습은 비디오 타임라인의 모습이니 프레임 애니메이션 항목으로 변환을 시켜야 합니다. 초기 모습이 아래와 다른 프레임 애니메이션 항목이면 굳이 변경할 필요는 없습니다.

타임라인 창의 오른쪽 끄트머리에 있는 메뉴를 활성화하여 프레임 변환 - 프레임 애니메이션으로 변환을 눌러 줍니다.

변경을 완료하면 아래와 같은 포토샵 GIF만드는 환경이 만들어집니다. 

미리 프레임별 모습들을 레이어로 나눠 놓았기 때문에 시간 조절 및 반복 횟수만 정의하면 되는데요 프레임별 지연시간은 전체 프레임을 선택 후 아래와 같이 시간을 입력하면 되며 반복 숫자도 아래 그림을 참조하시면 됩니다.

설정이 완료되었다면 Ctrl+Alt+Shift+S를 눌러 아래와 같은 창을 활성화 시켜 줍니다. 다음으로는 사전 설정값이 gif가 맞게 되어있는지 확인 후 저장하시면 작업이 완료 됩니다.

이상으로 포토샵 활용하여 GIF 이미지 간편하게 만드는 방법에 대해 알아보았습니다.