포토샵을 사용하여 애니메이션 GIF를 만드는 방법

애니메이션 GIF는 아마도 웹에서 가장 재미 있고 사용되는 파일 일 것입니다. 웹 사이트에서 많은 공간을 차지하지 않고 빠르고 재미있게 길을 운전할 수 있도록 재미있게 즐기거나 똑같이 사용할 수 있습니다.

그러나 겉으로보기에는 복잡하지만 GIF는 실제로 만들기가 어렵지 않습니다. 사실, Photoshop을 사용하고 있다면, 이미이 튜토리얼에서 보여줄 것입니다.

준비된? 시작하자.

1 단계: 먼저 모든 GIF 파일이 서로 다른 프레임으로 구성되어 있으므로 GIF 파일을 구성 할 이미지 파일을 준비하십시오. 즉, 이미 GIF를 구성하는 다른 "프레임"을 가져야합니다. 이 예제에서는 세 개의 간단한 이미지 파일로 구성된 GIF를 만듭니다 (아래 그림 참조).

2 단계: Photoshop에서 파일을 열고 (Photoshop에서 파일을 만들지 않았다면) 각각의 파일이 별도의 레이어에 속하는지 확인합니다. 이를 확인하려면 첫 번째 파일이 열리면 레이어 패널의 오른쪽 아래에 있는 새 레이어 만들기 버튼을 클릭하고 다음 이미지 파일을 새 레이어에 붙여 넣으십시오.

모든 이미지가 자신의 레이어에 추가되면 Photoshop 레이어 패널에서 다음과 같이 표시됩니다.

3 단계: 이제 Photoshop에서 창 메뉴로 이동하여 애니메이션 옵션을 클릭하십시오. 그러면 Photoshop의 애니메이션 팔레트가 나타납니다. 그런 다음 오른쪽 하단의 버튼 (아래 참조)을 클릭하여 타임 라인 보기에서 프레임 보기로 전환하면 작업이 좀 더 쉬워집니다.

4 단계: 기본적으로 애니메이션 팔레트에는 가지고있는 이미지 (또는 "프레임") 중 하나만 표시됩니다. 또한 각 프레임 맨 아래에 최종 GIF 파일에 표시 될 시간이 표시됩니다. 그것을 바꾸고 싶다면, 그것을 클릭하고 원하는 시간을 선택하십시오. 선택한 시간은 나머지 프레임에도 적용됩니다.

5 단계: 이제 다른 이미지가있는 프레임을 추가하십시오. 이를 수행하려면 애니메이션 팔레트에서 프레임 복제 버튼을 클릭합니다.

그러면 GIF를 구성하는 두 번째 프레임이 추가됩니다. 이제 모든 트릭이 추가되었습니다. 레이어 팔레트에서 해당 프레임에 대해 원하는 이미지가 포함 된 관련 레이어 만 선택되어 있는지 확인하십시오. 아래 이미지를 확인하십시오.

레이어 1과 레이어 2를 각각 내 GIF 파일의 두 번째 및 세 번째 구성 요소로 만들고 싶기 때문에 두 번째 및 세 번째 프레임에 대해 하나 또는 둘 중 하나만 선택합니다. 결국 애니메이션 팔레트에는 GIF 파일의 모든 프레임이 표시되는 순서대로 표시되고 각 프레임도 표시되는 시간이 표시됩니다.

6 단계: 곧 GIF의 프레임이 준비되면 저장해야합니다. 이렇게하려면 파일 메뉴에서 웹 및 장치 용 으로 저장 …을 클릭하십시오. 팝업 창에서 미리 설정 아래에서 GIF 형식을 선택하십시오.

또한이 창에서 이미지 위에있는 탭을 클릭하면 GIF 파일에 대해 다양한 크기의 출력 품질을 선택할 수 있습니다.

GIF의 크기와 품질을 선택하면 저장을 클릭하면 완료됩니다.

GIF 파일을 즐기십시오!