Photoshop을 사용하여 애니메이션 GIF에서 복제 된 프레임을 최적화하는 방법은 무엇입니까?


10

나는 cinemagraphs 라는 기술을 실험 해 왔습니다 . 이 기법은 장면의 일부만 애니메이션되는 애니메이션 GIF를 만듭니다. 방금 만든 빠른 내용은 다음과 같습니다.

여기에 이미지 설명을 입력하십시오

지금까지 Photoshop은 장면의 정적 부분을 압축하는 데 효과적입니다. 움직이는 부분 만 마스킹하면 몇 메가 바이트를 절약 할 수 있습니다.

여기에 이미지 설명을 입력하십시오

Photoshop이 제대로 최적화하지 못하는 것은 복제 된 프레임입니다. 원활한 루프를 얻으려면 모든 프레임을 복제하고 뒤집습니다. 위의 예에서 뉴스 캐스터는 왼쪽으로 돌아가 원래 위치로 돌아와야합니다. 이것은 항상 GIF 크기의 두 배 입니다. 정적 영역을 최적화하는 것처럼 복제 된 프레임을 최적화하도록 Photoshop에 알리려면 어떻게해야합니까? 타임 라인 패널의 메뉴에서 이미 "애니메이션 최적화"옵션을 사용했지만 아무 것도하지 않았습니다 ...


Photoshop에는 "중복 프레임"을 볼 수있는 메커니즘이 없다고 생각합니다. 프레임간에 유사한 픽셀 만 표시됩니다. 그리고 나는 이전과 다음 프레임 만 믿습니다.
Scott

@Dominic CSS / JS를 제어 할 수 없습니다. 이 GIF를 다른 사이트에 게시하겠습니다. Scott : PS가 동적 부품에서 정적 부품을 어떻게 분할하는지 알고 있습니까? 경계 상자 (원, 삼각형 등)입니까? 동적 영역이 몇 개나 허용됩니까? 기타 ...
JoJo

답변:


3

귀하의 질문을 이해하면 5 프레임의 애니메이션이 있습니다. 프레임 1 & 5, 2 & 4는 동일합니다. 따라서 Photoshop에서 1,2,3,2,1과 같은 GIF를 재생하고 싶습니다.

불행히도 애니메이션 GIF에서는 불가능합니다. Gif는 데이터를 스트리밍 할 수 있도록 만들어졌으며 데이터가로드 될 때 다음 프레임을 순서대로 표시합니다. 첫 번째 프레임은 전역 프레임으로 간주되며 모든 후속 프레임에서 해당 데이터를 사용할 수 있습니다. 따라서 첫 번째 프레임이 기본을 설정 한 다음 "애니메이션 최적화"는 첫 번째 프레임 이후의 동일한 픽셀을 동일한 픽셀로 투명하게 만듭니다. 따라서 이전 프레임을 재생할 수있는 방법이 없으므로 프레임이 현재와 동일하더라도 프레임을 통과해야합니다. Wikipedia 나보다 더 자세히 설명합니다 .

오래 전에 자바 스크립트와 일련의 jpg를 통해 찾고 있는 것과 비슷한 것을했습니다 (메뉴를 살펴보십시오). 이 스크립트는 마우스 오버시 1-10 이미지를, 마우스 아웃시 10-1 이미지를 재생합니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.