미술과 디자인

이미지를 gif 애니메이션 만들기, 사진으로 움짤제작

overgrown 2025. 1. 28. 16:40
반응형

 

이미지를 gif 애니메이션 만들기, 사진으로 움짤제작


이미지를 활용한 gif 애니메이션은 블로그, sns, 웹사이트, 프레젠테이션 등 다양한 곳에서 활용도가 높은 콘텐츠입니다. 이번 포스팅에서 포토샵을 이용해 연속되는 이미지, 사진, 그림 등을 gif 애니메이션으로 만드는 방법을 단계별로 소개하겠습니다. 포토샵으로 간단한 걷기 애니메이션을 예제로 만들어보겠습니다! 

 

이미지를-gif-애니메이션-만들기-썸네일
이미지를-gif-애니메이션-만들기


포토샵으로 GIF 애니메이션 만들기

포토샵은 gif 애니메이션 제작에 필요한 세부 조정이 가능합니다. 다음 단계를 따라 해보세요!
연속된 이미지나 그림을 준비하면 더욱 좋습니다.



1. 이미지 (그림) 불러오기

포토샵을 열고 파일 -> 스크립트 -> 스택으로 파일 불러오기를 선택합니다. '찾아보기'를 클릭하고 내가 준비해 둔 사진 파일을 찾습니다. 

shift키를 누른 상태에서 gif에 사용할 모든 사진을 선택하고, 열기를 클릭합니다. 확인을 눌러 각 이미지가 레이어로 불러와지도록 설정합니다.

01-이미지-파일-스크립트-스택으로-파일-불러오기
01-파일-스크립트-스택으로파일불러오기

 

02-찾아보기-이미지파일-선택하기
02-찾아보기-이미지-선택하기

 

03-레이어-불러오기-이미지파일-스택으로-불러오기
03-레이어불러오기-이미지스택



2. 타임라인 열기 및 애니메이션 설정

1) 윈도우 -> 타임라인을 선택해 타임라인 창을 엽니다. 타임라인 가운데에 있는 버튼의 아래 화살표를 눌러 '프레임 애니메이션 만들기'를 클릭합니다. 새 프레임 애니메이션을 만듭니다.

04-타임라인창-프레임-애니메이션-만들기-클릭
04-타임라인창-프레임-애니메이션-만들기



2) 타임라인 패널 오른쪽의 타임라인 메뉴(≡)에서 "레이어에서 프레임 만들기"를 선택합니다.모든 레이어가 각각의 개별 애니메이션의 프레임으로 변환되었습니다.

05-타임라인-메뉴-레이어에서-프레임-만들기-선택하기
05-타임라인-메뉴-레이어에서-프레임-만들기



3. 프레임 간 시간 및 반복 설정

재생버튼을 클릭, 키보드 스페이스바를 눌러 애니메이션을 미리 볼 수 있습니다. 확인해 보고 각 프레임 아래 시간을 설정합니다.
기본값은 0초이며, 0.5초, 1초 등 원하는 시간 간격으로 조정하세요. 저는 기본값으로 두었습니다. 하단에서 재생반복을 무한으로 설정합니다. 

06-프레임간-시간-및-반복-설정하기
06-프레임-시간-반복-설정하기

 

4. GIF로 애니메이션 내보내기

파일 -> 내보내기 -> 웹용으로 저장(레거시)를 클릭합니다. 형식을 gif로 선택하고, 색상과 해상도를 최적화합니다. 색상 메뉴는 256을 선택합니다. 온라인에서 사용하거나 파일 크기를 줄이려면 '이미지 크기 옵션'에서 폭과 높이를 변경합니다. 

저장하기 전에 내보내기 창의 왼쪽 하단에 있는 미리보기 버튼을 클릭하며 gif 애니메이션을 미리 확인해 볼 수 있습니다. 
저장을 클릭하고 저장위치를 선택합니다. 

07-gif-애니메이션-내보내기-웹용으로-저장
07-gif-애니메이션-내보내기



4. GIF로 애니메이션 완성

포토샵을 활용하여 연속적인 걷는 gif 애니메이션으로 완성이 되었습니다.

gif-애니메이션-완성-걷기-애니메이션
gif-완성-걷기-애니메이션

 

 



이미지를 gif 애니메이션으로 만들 때, 포토샵은 정교한 애니메이션 제작에 적합한 도구입니다. 이미지를 붙인 프레임 애니메이션 제작뿐만 아니라 텍스트, 효과, 필터 등을 추가해 독창적인 gif 애니메이션을 만들 수 있습니다. 여러분의 창의력을 gif에 담아 애니메이션을 만들어보세요!



🌠 GIF 시리즈

 

포토샵 gif 만들기 / 영상을 움짤 제작

포토샵 gif 만들기 / 영상을 움짤 제작GIF 파일은 짧고 간결한 애니메이션(움짤)을 만들어 sns나 웹사이트, 블로그 작성 시 효과적으로 사용할 수 있습니다. 이번 포스팅에서는 어도비 포토샵

j-overgrown.tistory.com

 

 

포토샵 gif 나만의 워터마크 넣는 방법

포토샵 gif 나만의 워터마크 넣는 방법gif 움직이는 파일에 나만의 로고나 워터마크를 넣으려면 어떻게 해야할까요? 이번 시간에는 포토샵 프로그램으로 gif에 워터마크를 넣는 방법을 알려드

j-overgrown.tistory.com

 

 

아이폰 영상을 쉽게 gif 고화질로 만들기 (ft. 단축어)

아이폰 영상을 쉽게 gif 고화질로 만들기 (ft. 단축어) 아이폰에서 영상을 gif로 간단하게 만드는 방법이 있다는 걸 알고 계셨나요?아이폰 갤러리를 보다 보면 재밌는 영상이나 유용한 정보

j-overgrown.tistory.com

 

 

캡컷 pc 동영상 용량 줄이기 + 미리캔버스 gif 제작 방법

캡컷 pc 동영상 용량 줄이기 + 미리캔버스 gif 제작 방법동영상 파일 크기가 너무 커서 업로드가 어렵거나 누군가에게 공유하기 부담스러울 때가 있으신가요? 이번 포스팅에서는 캡컷 (CapCu

j-overgrown.tistory.com



반응형