GIF에 이미지를 추가하는 방법

커뮤니케이션 툴이 된 GIF

GIF(Graphics Interchange Format)는 애니메이션과 정적 그래픽 모두를 지원하는 이미지 포맷입니다. 몇 초 동안 재미있게 반복되는 영상으로, 여러 개의 스틸 이미지를 빠르게 순환시켜 움직이는 것처럼 보이게 합니다. 다른 영상 포맷과 달리 데이터 양이 많지 않아 온라인에서 쉽게 공유하고 게시할 수 있습니다.

최근 GIF는 일상적인 커뮤니케이션 툴이 되었습니다. Twitter, Slack, Tumblr 페이지에서 간단한 농담이나 댓글로 GIF가 많이 사용되고 있습니다. 사람들의 관심을 끌기 위해 PowerPoint 프레젠테이션에 GIF를 추가하는 등 비즈니스 분야에서도 널리 활용되고 있습니다.

처음부터 직접 GIF를 만들거나, 기존 GIF에 사진이나 단어를 자유롭게 추가하여 새로운 GIF를 만들 수 있습니다. 사진, 그림, 이름, 농담 등을 더해 자신이나 특정 상황 또는 주제와 연관된 GIF를 만들어 보세요.

이미지로 애니메이션 GIF 만들기

GIF를 만들기 위해 영상 편집기를 사용할 필요는 없습니다. 간단한 튜토리얼에 따라 Adobe Photoshop에서 사진이나 짧은 영상 클립을 사용하여 GIF를 만들 수 있습니다. 이미지를 GIF에 적합한 크기(약 300픽셀)로 설정한 다음, ‘내보내기 > 웹용으로 저장(레거시)’를 선택하고, 사전 설정 메뉴에서 ‘GIF’를 선택하면 됩니다. 맞춤 요소를 추가하기 위해 직접 GIF를 만들지 않아도 됩니다.

GIF에 스틸 이미지 추가하기

GIF에 이미지를 추가하려면 스틸 이미지의 배경이 투명해야 합니다. 그래야 GIF가 보입니다. 배경이 투명하지 않다면 피사체를 배경에서 분리합니다. 그런 다음, 아래 단계를 따르세요.

1. GIF 열기

새로운 Photoshop 프로젝트에서 GIF를 엽니다.

2. 그룹화하기

Mac은 Command+G를, Windows는 Ctrl+G를 선택하여 GIF 레이어를 그룹화합니다.

3. 이미지 열기

에셋 라이브러리에서 PSD, PNG, JPG 파일 등의 이미지를 업로드하거나 새로운 이미지를 가져옵니다. 빈 공간에 GIF 배경이 보이게 하려면 배경이 투명한 이미지를 사용하는 것이 좋습니다.

4. 이미지 가져오기

그룹화된 GIF 레이어 위에 사진 레이어를 추가합니다. 그러면 GIF가 이미지 뒤에서 움직입니다.

5. 이미지 조정하기

이미지의 크기를 조정하고 원하는 위치로 이동하는 등 자유롭게 조정합니다. GIF와 이미지 모두에 편집 내용을 적용하려면 새 레이어를 만들고 해당 레이어에서 편집합니다.

6. GIF 내보내기

GIF를 완성했다면 내보낼 준비를 합니다. ‘파일 > 내보내기 > 웹용으로 저장(레거시)’으로 이동한 다음, GIF 사전 설정을 선택합니다. 오른쪽 하단에 있는 ‘애니메이션’에서 원하는 루핑 옵션(한 번 또는 계속)을 선택합니다. 왼쪽 하단에는 미리 보기 버튼이 있습니다. 이 버튼을 클릭하면 브라우저에서 GIF가 어떻게 나타나는지 확인할 수 있습니다.

스틸 이미지에 GIF 추가하기

스틸 이미지에 GIF를 추가하는 과정도 위와 거의 같습니다. GIF의 배경이 투명한지 확인한 다음, 스틸 이미지를 ‘레이어’ 패널에서 그룹화된 GIF 이미지 아래에 추가하면 이미지가 표시됩니다.

GIF에 텍스트 추가하기

자막, 제목, 워터마크와 같은 다른 텍스트를 추가하려면 Photoshop에서 이미지에 텍스트를 추가할 때와 동일한 단계를 따르세요. 텍스트를 표시할 GIF 그룹의 각 레이어에 텍스트를 추가하고, 각 프레임에서 동일한 위치에 있는지 확인합니다. ‘미리 보기’를 클릭하여 타이밍을 확인하고, 프레임에서 텍스트를 추가하거나 제거하여 타이밍을 맞춥니다.

이제, 정적인 콘텐츠에서 한 발 더 나아가 움직이는 콘텐츠로 시선을 사로잡아 보세요. GIF를 활용하면 프레젠테이션의 몰입도를 높이고, SNS에서는 재미있는 콘텐츠로 사람들의 흥미를 끌 수 있습니다. GIF를 멋지게 완성하고 온라인으로 공유하여 좋아요와 이모티콘 응원을 받으세요.