김프 애니메이션 GIF 자습서

김프로 애니메이션 GIF를 만드는 법

김프는 무료라는 점을 감안할 때 매우 강력한 소프트웨어입니다. 특히 웹 디자이너 는 단순한 애니메이션 GIF를 제작하는 데 감사 할 수 있습니다.

애니메이션 GIF는 많은 웹 페이지에서 볼 수있는 간단한 애니메이션으로, Flash 애니메이션 보다 훨씬 정교하지만 GIMP에 대한 기본적인 지식을 가진 사람이 제작하는 것은 매우 간단합니다.

다음 단계에서는 몇 가지 기본 그래픽, 일부 텍스트 및 로고를 사용하여 간단한 웹 배너 크기의 애니메이션을 보여줍니다.

01 of 09

새 문서 열기

이 예제에서는 GIMP를 사용하여 매우 기본적인 애니메이션 GIF 웹 배너를 생성합니다. 웹 배너 공통 468x60 의 사전 설정 템플릿을 선택했습니다. 애니메이션의 경우 사전 설정 크기를 선택하거나 최종 애니메이션을 사용하는 방법에 따라 맞춤 측정 기준을 설정할 수 있습니다.

내 애니메이션은 7 개의 프레임으로 구성되며 각 프레임은 개별 레이어로 표시됩니다. 즉, 최종 김프 파일에는 배경을 비롯한 7 개의 레이어가 있습니다.

02 of 09

프레임 1 설정

내 애니메이션을 빈 공간으로 시작하여 이미 흰색 인 실제 배경 레이어를 변경하지 않기를 바랍니다.

그러나 레이어 팔레트에서 레이어 이름을 변경해야합니다. 팔레트에서 Background 레이어를 마우스 오른쪽 버튼으로 클릭하고 Edit Layer Attributes를 선택합니다. 열리는 Edit Layer Attributes 대화 상자에서 레이어의 이름 끝에 (250ms) 를 추가합니다. 애니메이션에이 프레임이 표시 될 시간을 설정합니다. ms는 밀리 초를 나타내며 각 밀리 초는 1/1000 초입니다. 이 첫 번째 프레임은 1/4 초 동안 표시됩니다.

03 of 09

프레임 2 설정

이 프레임에 풋 프린트 그래픽을 사용하여 파일 > 레이어로 열기 및 그래픽 파일을 선택합니다. 그러면 이동 도구를 사용하여 필요한대로 배치 할 수있는 새 레이어에 풋 프린트가 배치됩니다. 배경 레이어와 마찬가지로 레이어의 이름을 변경하여 프레임의 표시 시간을 지정해야합니다. 이 경우 750ms를 선택했습니다.

참고 : 레이어 팔레트에서 새 레이어 미리보기는 그래픽 주위에 검은 색 배경을 표시하지만 실제로는이 영역이 투명합니다.

04 of 09

세트 프레임 3, 4 및 5

다음 세 프레임은 배너를 가로 질러 걸어 갈 발자국입니다. 이 두 그림은 동일한 그림과 다른 그림을 사용하여 프레임 2와 같은 방식으로 삽입됩니다. 이전과 마찬가지로 시간은 각 프레임에 대해 750ms로 설정됩니다.

각 풋 프린트 레이어는 하나의 프레임 만 볼 수 있도록 흰색 배경이 필요합니다. 현재는 각각 배경이 투명합니다. 나는 풋 프린트 레이어 바로 아래에 새로운 레이어 를 만들고, 새 레이어를 화이트로 채운 다음, 풋 프린트 레이어를 오른쪽 클릭하고 아래로 병합을 클릭하여 이것을 할 수 있습니다.

09 년 5 월

프레임 6 세트

이 프레임은 흰색으로 채워진 빈 프레임으로 최종 프레임이 나타나기 전에 사라지는 마지막 풋 프린트의 모양을 나타냅니다. 이 레이어의 이름을 Interval이라고하고이 디스플레이를 250ms 만 사용하도록 선택했습니다. 레이어의 이름을 지정할 필요는 없지만 계층화 된 파일을보다 쉽게 ​​사용할 수 있습니다.

06 년 6 월

프레임 7 설정

이것은 최종 프레임이며 About.com 로고와 함께 일부 텍스트를 표시합니다. 첫 번째 단계는 흰색 배경이있는 다른 레이어를 추가하는 것입니다.

그런 다음 텍스트 도구 를 사용하여 텍스트 를 추가합니다. 이것은 새로운 레이어에 적용되지만 이전에 풋 프린트 그래픽을 추가 한 것과 같은 방식으로 할 수있는 로고를 추가하면 처리해 보겠습니다. 위와 같이 배치 한 다음 Merge Down 을 사용하여 로고와 텍스트 레이어를 결합한 다음 이전에 추가 한 흰색 레이어와 결합한 레이어를 병합 할 수 있습니다. 이것은 최종 프레임을 형성 할 단일 레이어를 생성하고이를 4000ms 동안 표시하도록 선택했습니다.

07 09

애니메이션 미리보기

애니메이션 GIF를 저장하기 전에, 김프에는 필터 > 애니메이션 > 재생 으로 가서 미리보기 옵션이 있습니다. 애니메이션을 재생하기 위해 자명 한 버튼이있는 미리보기 대화 상자가 열립니다.

무언가가 옳지 않으면이 시점에서 수정할 수 있습니다. 그렇지 않으면 애니메이션 GIF로 저장할 수 있습니다.

참고 : 애니메이션 시퀀스는 레이어 팔레트에서 레이어가 스택 된 순서대로 설정됩니다. 배경 또는 최저 레이어에서 시작하여 위쪽으로 작업합니다. 애니메이션이 연속적으로 재생되지 않으면 레이어를 클릭하여 선택하고 레이어 팔레트의 아래쪽 막대에서 위아래 화살표를 사용하여 레이어의 순서를 변경하여 레이어의 순서를 조정해야합니다.

08 년 9 월

애니메이션 GIF 저장

애니메이션 GIF를 저장하는 것은 꽤 간단한 작업입니다. 먼저 파일 > 사본 저장으로 이동하여 파일에 관련 이름을 지정하고 파일을 저장할 위치를 선택하십시오. 저장을 누르기 전에 왼쪽 하단의 파일 유형 선택 (확장자 별) 을 클릭하고 열리는 목록에서 GIF 이미지를 선택하십시오. 파일 내보내기 대화 상자가 열리면 애니메이션으로 저장 라디오 버튼을 클릭하고 내보내기 버튼을 클릭하십시오. 이미지의 실제 테두리를 벗어나는 레이어에 대한 경고가 표시되면 자르기 버튼을 클릭합니다.

이제 애니메이션 GIF 옵션 섹션이있는 GIF로 저장 대화 상자가 열립니다 . 애니메이션을 한 번만 재생하려면이 루프를 기본값으로 두십시오. 단, Loop forever를 선택 해제해야합니다.

09 09

결론

여기에 표시된 단계는 다양한 그래픽과 문서 크기를 사용하여 간단한 애니메이션을 제작하는 기본 도구를 제공합니다. 최종 결과는 애니메이션 측면에서 매우 기본이지만, 김프에 대한 기본적인 지식을 가진 사람이라면 누구나 쉽게 얻을 수있는 과정입니다. 애니메이션 GIF는 아마도 지금은 그 전성기 일 것입니다. 그러나 약간의 생각과 신중한 계획을 통해 효과적인 애니메이션 요소를 매우 빠르게 제작할 수 있습니다.