Adobe Photoshop에서 GIF를 만드는 방법

Adobe Photoshop에서 GIF를 만드는 방법

GIF는 어디에나 있습니다. 한때 겸손했던 애니메이션 이미지는 이제 웹의 비공식 언어가 되었습니다. GIF는 Twitter에서 감정을 표현하는 가장 빠른 방법이며 Reddit과 Facebook에서 GIF를 보면서 시간을 낭비할 수 있습니다.





GIF를 찾을 수 있는 곳은 많지만 직접 만드는 것만큼 좋은 것은 없습니다. 비디오를 변환하거나 일련의 정적 이미지를 사용하여 Photoshop에서 애니메이션 GIF를 만들 수 있습니다. 두 가지를 모두 수행하는 방법을 살펴보겠습니다.





비디오에서 Photoshop의 GIF 만들기

많은 방법이 있습니다 비디오를 GIF로 변환 , 그리고 자신의 동영상 중 하나를 사용하여 Photoshop에서 GIF를 만드는 것도 매우 쉽습니다.





로 이동하여 시작합니다. 파일 > 가져오기 > 비디오 프레임을 레이어로 . 먼저 새 파일을 만들 필요가 없습니다. 비디오를 선택하고 열려있는 .

다음 대화 상자에서 전체 비디오를 가져올지 아니면 일부만 가져올지 선택할 수 있습니다. 후자를 선택하는 경우 미리보기 창 아래의 트림 핸들을 안쪽으로 끌어 새로운 시작점과 끝점을 설정합니다. 이 핸들 사이의 모든 항목을 가져옵니다. 외부의 모든 것은 폐기되었습니다.



더 많은 비디오를 가져올수록 결과 GIF가 더 커집니다.

큰 클립을 가져오는 경우 2 프레임마다 제한 (또는 그 이상)은 품질에 너무 많은 영향을 미치지 않으면서 크기를 줄이는 간단한 방법입니다. 그러나 너무 많은 프레임을 자르지 마십시오. 그렇지 않으면 부드러운 GIF로 끝나지 않을 것입니다.





확실하게하다 프레임 애니메이션 만들기 체크한 후 클릭 좋아요 . 비디오 가져오기가 시작됩니다. 크기에 따라 시간이 걸릴 수 있습니다. 완료되면 비디오의 각 프레임이 자체 레이어에 배치되는 새 이미지 파일이 생성됩니다.

화면 하단에는 타임라인 팔레트. 이것은 각 프레임이 이미지의 다른 레이어에 해당하는 GIF를 구성할 모든 프레임을 보여줍니다.





다른 이미지의 일반 레이어와 마찬가지로 프레임을 추가 또는 제거하거나 기존 레이어를 편집할 수 있습니다. 그러나 비디오를 GIF로 바로 내보내려면 놀다 미리보기를 위해 하단에 있는 버튼. 마음에 들면 GIF를 저장할 준비가 된 것입니다.

Photoshop에서 GIF를 내보내는 방법

이동 파일 > 내보내기 > 웹용으로 저장(레거시) . 열리는 상자에서 형식을 GIF로 설정하고, 그림 물감 256으로 줄이고 이미지 크기 전체 파일 크기를 줄이는 방법으로 더 작은 것으로 변경합니다.

미리보기 창의 왼쪽 하단에서 결과 파일의 크기를 확인할 수 있습니다. 너무 크면 드래그 손실 슬라이더를 오른쪽으로 이동합니다. 이것은 품질에 영향을 미치지만 파일 크기도 크게 줄입니다.

마지막으로, 히트 구하다 애니메이션 GIF를 내보내려면

스틸 이미지를 사용하여 Photoshop에서 GIF 만들기

사용할 비디오가 없는 경우 일련의 정적 이미지에서 수동으로 GIF를 만들 수 있습니다. 도움이 되는 앱이 있습니다 휴대전화에서 사진에 애니메이션 효과 주기 , 그리고 Photoshop에서도 할 수 있습니다.

여러 레이어가 포함된 단일 이미지 파일에서 GIF를 만들고 레이어를 사용하여 애니메이션의 각 프레임에 콘텐츠를 제공합니다. 시작하는 방법에는 두 가지가 있습니다.

애니메이션용 이미지를 이미 만든 경우 다음으로 이동하여 가져옵니다. 파일 > 스크립트 > 스택에 파일 로드 .

내 휴대전화에 있는 내 IP 주소는 무엇인가요?

딸깍 하는 소리 검색 , 필요한 모든 이미지를 선택하고 좋아요 . 그런 다음 각 이미지는 동일한 파일 내의 개별 레이어에 배치됩니다.

또는 아직 이미지를 만들지 않았다면 지금 만드십시오. 애니메이션의 각 부분은 자체 레이어로 이동해야 합니다.

Photoshop에서 애니메이션 GIF 편집

작동 방식은 다음과 같습니다.

  • 애니메이션에서 수동으로 프레임을 만들면 다음으로 설정된 이미지의 모든 레이어가 보이는 해당 프레임에 포함됩니다.
  • 레이어 설정 숨겨진 프레임에 포함되지 않습니다.

각 프레임의 이미지 내에서 다른 레이어를 표시하거나 숨겨 애니메이션을 만듭니다.

따라서 첫 번째 프레임의 경우 배경 레이어를 보이는 다른 모든 레이어는 숨겨진 . 그런 다음 두 번째 프레임에서 두 번째 레이어를 표시하고 세 번째 프레임에서 세 번째 레이어를 표시하는 식으로 계속할 수 있습니다. 일단 시작하면 명확해질 것입니다.

먼저, 로 이동 창 > 타임라인 . 열리는 패널 중앙에서 프레임 애니메이션 만들기 . 그러면 애니메이션의 첫 번째 프레임이 생성됩니다. 에서 레이어 팔레트에서 선택을 취소하여 이 프레임의 일부가 되지 않으려는 레이어를 숨깁니다. 아이콘.

이제 새 프레임 버튼을 누르면 이전 프레임이 복제됩니다. 다시 한 번, 이 새 프레임에 포함하고 싶지 않은 레이어를 숨기고 포함할 레이어를 표시합니다.

GIF에 필요한 모든 프레임을 추가할 때까지 이 과정을 반복합니다.

프레임 속도 설정 및 루프 GIF 만들기

끝내려면 다음을 설정하세요. 프레임 지연 — 이것은 사실상 프레임 속도입니다. 첫 번째 프레임을 클릭한 다음 Shift 키를 누른 상태에서 클릭 마지막 프레임.

이제 프레임 중 하나 아래에 있는 드롭다운 화살표를 클릭하고 지연을 선택합니다. 지체없이 특정 시간(초)은 애니메이션이 빠르게 실행된다는 것을 의미하며 각 프레임이 해당 시간 동안 화면에 유지된다는 것을 의미합니다.

마지막으로 설정 루핑 옵션 , 타임라인 패널 하단에서 찾을 수 있습니다. GIF가 재생되는 횟수를 설정합니다. 대부분의 경우 다음으로 설정하고 싶을 것입니다. 영원히 .

이제 타격 놀다 버튼을 눌러 GIF를 미리 봅니다. 이제 애니메이션 GIF가 작동하는 것을 볼 수 있습니다.

프레임을 선택하고 표시되는 레이어를 조정하여 프레임을 편집할 수 있습니다(불투명도를 조정하거나 기타 고급 조정을 수행할 수도 있음). 필요한 경우 레이어를 더 추가하거나 쓰레기통 아이콘을 클릭하여 삭제합니다.

마음에 들면 GIF 내보내기 섹션으로 건너뛸 수 있습니다. 또는 계속 읽어서 애니메이션을 다듬고 부드러운 GIF를 만드십시오.

트위닝을 통한 고급 애니메이션

Photoshop은 트위닝이라는 강력한 애니메이션 기능을 지원합니다. 이를 통해 두 개의 기존 프레임 사이에 전환 프레임을 자동으로 생성하여 부드러운 GIF 애니메이션을 만들 수 있습니다.

예를 들어 레이어를 페이드 인하고 싶다고 가정해 보겠습니다. 해당 레이어가 숨겨진 , 그리고 다른 하나는 다음으로 설정되어 있습니다. 보이는 . 그런 다음 두 프레임 사이를 '트위닝'하면 나머지는 Photoshop에서 수행합니다.

이 예에서는 별이 빛나는 하늘에 반짝이는 효과를 더 주기 위해 모든 프레임 사이를 트위닝할 것입니다.

먼저 첫 번째 프레임을 선택하고 트윈 타임라인 패널 하단에 있는 도구 모음의 버튼

열리는 대화 상자에서 다음을 설정하십시오. 트윈 에게 다음 프레임 , 그리고 추가할 프레임 원하는 전환 프레임 수로 숫자가 높을수록 더 부드럽지만 느린 효과를 의미합니다. 딸깍 하는 소리 좋아요 새 프레임을 생성합니다.

Numlock이 없는 노트북에서 숫자 키패드를 사용하는 방법

이제 생성한 다른 원본 프레임에 대해 프로세스를 반복합니다. 마지막 것을 얻을 때 설정하고 싶을 수도 있습니다. 트윈 에게 첫 번째 프레임 . 이것은 반복되는 GIF의 시작 부분으로 다시 부드럽게 전환하는 데 도움이 됩니다.

을 치다 놀다 버튼을 눌러 효과를 미리 봅니다.

Photoshop에서 GIF 내보내기

완료되면 먼저 파일을 PSD 형식으로 저장해야 합니다. 이렇게 하면 모든 레이어와 애니메이션 정보가 저장되므로 나중에 필요한 경우 다시 돌아와 편집할 수 있습니다. 그런 다음 GIF로 내보낼 수 있습니다.

이동 파일 > 내보내기 > 웹용으로 저장(레거시) . 열리는 대화 상자에서 형식이 GIF로 설정되어 있고 그림 물감 옵션은 256으로 설정됩니다(최대 품질 보장).

변경할 수 있는 기타 설정은 다음과 같습니다. 이미지 크기 그리고 루핑 옵션 당신이 전에 그렇게하지 않았다면.

미리보기 창은 저장할 때 파일의 크기를 보여줍니다. 다음을 클릭할 수도 있습니다. 시사 버튼을 클릭하여 브라우저 창에서 애니메이션을 테스트합니다. 마지막으로 클릭 구하다 GIF를 저장하고 내보낼 수 있습니다.

Photoshop에서 GIF 만들기 및 편집

Photoshop에서 GIF를 만드는 것은 매우 쉽고 결과를 완벽하게 제어할 수 있기 때문에 할 가치가 있습니다.

Photoshop이 없어도 걱정하지 마십시오. GIF 제작 기능도 있는 저렴한 편집기가 많이 있습니다.

공유하다 공유하다 트위터 이메일 스마트폰을 위한 5가지 최고의 GIF 제작 앱

때로는 필요에 맞는 GIF를 온라인에서 사용할 수 없습니다. 이것이 GIF 메이커 앱 중 하나가 필요한 이유입니다.

다음 읽기
관련 항목
  • 창의적인
  • 어도비 포토샵
  • GIF
  • 포토샵 튜토리얼
저자 소개 앤디 베츠(221건의 기사 게재)

Andy는 15년 동안 기술에 관해 글을 써온 전직 인쇄 기자이자 잡지 편집자입니다. 그 동안 그는 수많은 출판물에 기여했으며 대형 기술 회사를 위한 카피라이팅 작업을 제작했습니다. 그는 또한 미디어에 전문가의 논평을 제공하고 업계 행사에서 패널을 주최했습니다.

앤디 베츠가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.