본문 바로가기

IT/Coding Tool

Ezgif와 포토샵에서 사진으로 gif 만들기

 사진으로 gif를 만드는 전통적인 방법은 포토샵이다. 하지만 최근에는 무료로 간단하게 gif를 만드는 사이트가 여럿 등장했고, 그 대표적인 사이트가 바로 Ezgif 이다. 포토샵과 Ezgif에서 사진으로 gif 만드는 방법은 다음과 같다. 

 

 

Contents

     

    Ezgif으로 gif 만들기

     

    1) 우선 Ezgif 사이트에 접속한다. 

      사이트 주소는 ezgif.com으로 브라우저 주소에 url를 입력하거나 아래에 바로가기 버튼을 누르면 된다. 

     

     Ezgif 사이트 바로가기

     

     2) GIF Maker를 누른다.

     

    GIF Maker 아이콘
    GIF Maker 아이콘

     

     3) 파일선택을 클릭한다.

     

    GIF Maker 파일 선택
    GIF Maker 파일 선택

     

     4)  이미지를 선택하고 Upload and make a GIF! 버튼을 누른다.

      컴퓨터에 저장한 이미즈를 선택한다. 이때 ctrl 키와 이미지를 누르면 한 번에 이미지 여러 개를 선택할 수 있다.

     

    GIF Maker 사진 업로드
    GIF Maker 사진 업로드

     

    5) Resize 버튼을 누른 후에 하단에 위치한 Make a GIF! 버튼을 누른다.

      우선 필수적인 사항만 조정해서 기본형 GIF를 만드는 방법은 아래에서 확인할 수 있다. 추가적인 옵션 사용은 뒤에서 다룬다.

     

     

     선택한 사진이 보이면 사진을 드래그하여 GIF 영상에서 나타날 순서를 변경할 수 있다. 만약 사진 크기가 다르다면 중간에 Resize 버튼을 누르면 동일한 사진 크기로 만들어준다. GIF 영상에서 동일한 이미지로 보일 필요가 없다면 ignore 버튼을 누른다.  

     

    GIF Maker GIF 만들기
    GIF Maker GIF 만들기

     

     GIF 영상에서 보여질 이미지 순서와 이미지 크기를 설정했다면, 하단에 위치한 Make a GIF 버튼을 누른다. 그러면 화단에 미리보기 GIF 영상이 보일 것이다.

     

     6)  GIF 영상이 보이면 하단에 나열된 아이콘 중에서 save를 눌러 저장한다.

     

    GIF Maker GIF 저장
    GIF Maker GIF 저장

     

     7) 다운로드 폴더에 가면 GIF 영상이 저장되어 있다.

      현재 GIF 영상은 팬더 이미지 5장이 너무 빠른 속도로 바뀌다보니, 보기에 불편하다. 따라서 이 영상을 바로 올리는 대신에 일부 옵션을 조정할 필요가 있다. 다음에서 옵션 조정을 확인할 수 있다.

     

     

    8) 옵션 중 일부만 조정한다.

      Delay는 다음 이미지로 넘어갈 때까지 시간으로 즉, 이미지가 영상에서 보여지는 시간이다.  기본 20은 0.2초를 의미한다. 너무 짧으므로 1초를 의미하는 100 정도로 수정한다. 

     

    옵션 중 Delay
    옵션 중 Delay

     

    각 이미지 마다 Delay를 따로 설정할 수 있지만, 일반적으로 GIF options에 자리한 Delay time에서 모든 이미지 Delay를 동일하게 설정한다.

     

    옵션 중 Loop count
    옵션 중 Loop count

     

    GIF options에서 Delay time 바로 아래에 있는 Loop count는 반복할 영상 횟수다. 비워있거나 0이면 무한 반복을 의미하며, 숫자를 넣으면 그 숫자 번만 반복한다. 예시로 3을 넣으면 영상이 3번만 반복된다.

     

    이것으로 충분하다. 결과인 영상은 다음과 같다.

     

    3회 반복하는 팬더 영상
    3회 반복하는 팬더 영상

     

    9) 사용할 일이 드물지만 기타 옵션은 다음과 같다.

       Toggle a range of frames은 보여주지 않을 이미지 번호를 넣고 skip 버튼을 누르면 영상에서 제외된다. 처음부터 보여주질 않을 이미지를 선택하지 않으면 되므로, 이걸 굳히 사용할 일은 드물다.

     

     

     하지만 약간 고급 스킬로 기존 이미지를 copy해서 이미지 순서를 변경해 이미지 사이에 추가하는 등 부가 작업을 하다가 불필요한 이미지가 발생하거나, 이미지를 추가해서 어떤 모습일 지 테스트하는데 사용한다. 

     

    Toggle a range of frames
    Toggle a range of frames

     

    즉, 영상에서 보이고 싶지 않은 이미지 번호를 적고 skip한다. 반대로 skip한 이미지를 영상에서 보이게 하려면 이미지 번호를 적고 Enable 버튼을 누른다. 

     

     다음으로 Effects 즉, 효과가 있다. 효과는 이미지를 전환할 때 보여줄 이미지가 아닌 바뀔 이미지 잔상 정도로 이해하면 된다. 정확히는 페이드인-아웃 효과로 전환하는 이미지 사이에 딜레이를 주어 이미지가 자연스럽게 전환하는 효과를 구현할 때 사용한다.

     

    옵션 중 Effects
    옵션 중 Effects

     

     하지만 전문적인 스킬이나 영상 감각이 필요한 부분으로 특별한 상황이 아니면 사용하지 않아도 무방하다.

     

    포토샵으로 GIF 만들기


    1) 포토샵을 열고 사진 가져오기

     

     

     가장 먼저 포토샵을 실행한 후에 gif 영상으로 만들 이미지를 불러와야 한다. Photoshop을 열고 파일 > 스크립트 > 스택으로 파일 불러오기를 선택한다.

     

    포토샵 스택으로 파일 불러오기
    포토샵 스택으로 파일 불러오기



    찾아보기를 클릭하고 사용할 사진을 찾는다.

     

    레이어 불러오기
    레이어 불러오기

     

    Shift 키를 누른 상태에서 모든 파일을 선택하고 열기를 클릭하거나, Ctrl 키로 필요한 이미지만 선택한 후 확인을 누른다.

     

    포토샵에서 열 사진 선택
    포토샵에서 열 사진 선택



    확인을 클릭하면 사진들을 레이어 불러오기 팝업에 파일 목록을 확안할 수 있다.

     

    레이어 불러오기 목록
    레이어 불러오기 목록




     레이어 불러오기 팝업에서 목록을 확인한 후에 확인을 누르면, 작업 영역 오른쪽에 있는 레이어 패널에 각각의 이미지를 담은 레이어 여러 개가 보일 것이다.

    레이어에 추가된 이미지 레이어
    레이어에 추가된 이미지 레이어



    2) 타임라인 열기

     포토샙 상단 메뉴바에서 창 > 타임라인을 선택하여 타임라인 패널을 연다.

     

    타임라인 열기
    타임라인 열기

     

     하단에 타임라인 패널이 나오는데 여기서 비디오 타임라인 만들기를 선택한다.

     

    비디오 타임라인 만들기
    비디오 타임라인 만들기

     
    그러면 아래와 같이 이미지들이 들어와 있는 모습을 볼 수 있다.

     

    비디오 타임라인에 올라온 이미지
    비디오 타임라인에 올라온 이미지

     

    3) 애니메이션 프레임으로 레이어 변환


     타임라인 패널의 오른쪽 상단에 있는 메뉴 아이콘을 클릭한다.

     

    프레임 변환

     

    여기에서 프레임 변환 - 프레임 애니메이션으로 변환 버튼을 클릭한다.

     

    프레임 애니메이션으로 변환
    프레임 애니메이션으로 변환

     

    이때 타임라인에 이미지 한 장만 있다고 당황하지 말고, 다시 우측의 메뉴바를 선택한 후 레이어에서 프레임 만들기 버튼을 클릭한다.

     

    레이어에서 프레임 만들기
    레이어에서 프레임 만들기

     

     그러면 GIF 영상에 필요한 모든 이미지가 타임라인에서 보인다.


    4)  영상 시간 및 반복 설정


     타임라인에 보이는 이미지 바로 아래에 영상에서 보여줄 시간을 설정할 수 있다. 더불어 가장 하단에 위치한 화살표를 눌러 반복 횟수를 지정할 수 있다.  

     

    영상 시간 및 반복 설정
    영상 시간 및 반복 설정



    5) GIF 영상으로 내보내기

     설정을 완료했으면 파일 > 내보내기 > 웹용으로 저장(레거시)를 선택하거나, alt + shift + ctrl + s 단축키를 누른다.

     

    gif 영상으로 보내기
    gif 영상으로 보내기

     

     이후 사전 설정 메뉴에서 GIF 128 디더를 선택하고 색상 메뉴에서 256을 선택한다. 만약 이미지 크기를 조정하려면 하단 이미지 크기 부분에서 변경할 수 있다.

     

    저장 옵션 설정
    저장 옵션 설정

     

     저장을 누르고 원하는 폴더에 파일명을 작성하고 저장한다.  

     

    포토샵으로 만든 gif 영상
    포토샵으로 만든 gif 영상

     

     이상으로 포토샵 프로그램과 Ezgif 사이트를 활용해 gif 만드는 방법을 살펴보았다. 포토샵으로 gif 만드는 방법은 공식 어도비 사이트에서도 확인할 수 있다.