포토샵에서 애니메이션 GIF에 이미지 삽입하기

흔히 움짤이라고 불리는 애니메이션 GIF 파일에 또 다른 이미지를 삽입하기 위해선 이전에는 ADOBE IMAGREADY 프로그램을 사용했습니다. 그러나, 현재는 포토샵 CS3 버전부터는 이미지 레디를 없애고 그 기능을 포토샵 내부로 흡수해 버렸습니다. 따라서, 현재는 ADOBE 홈페이지에서 단품 검색으로 이미지 레디를 검색해도 따로 나오지 않습니다.

 

포토샵을 이용해 움짤 애니메이션 GIF 파일에 프로필 이미지를 결합해 몽환적인 이미지의 움짤 GIF를 만들어 볼 까 합니다. 저 역시 초보이고 이렇게 저렇게 해보다 만들어진 결과물이므로 깔끔하지 못하고 투박할 수 있으니 양해 부탁드립니다.

 

아래의 파일들은 예제로 사용할 두개의 파일로 하나는 테두리 또는 배경으로 사용할 불꽃 모양 움짤 GIF이고 또 다른 하나는 움짤 GIF 삽입할 일반 프로필용 호랑이 얼굴 이미지 파일입니다.

 

FIRE_ANI.gif

1.25MB

 

TIGER.jpg

0.01MB

 

 

1. 애니메이션 GIF 불러 오기

포토샵에서 애니메이션 GIF 파일을 열게 되면 프레임 이미지 하나하나가 모두 레이어로 자동 생성되는 것을 볼 수 있습니다.  

 

 

 

2. 두 개의 파일 합치기

이제 가장 끝 부분의 레이어인 32번 레이어를 선택한 다음 파일 탐색기를 열고 프로필 이미지를 마우스로 끌어서 GIF 파일 위에 놓고 복사를 선택해 줍니다. 이렇게 하면 프로필용 일반 이미지가 애니메이션 GIF 파일의 끝 프레임 레이어 바로 위에 새로운 레이어로 생성됩니다.

 

 

 

그 외에 삽입한 프로필 이미지의 4군데 꼭짓점이 가능한 동그란 불꽃 밖으로 벗어나지 않도록 크기를 조절해 줍니다. 나중에 잔상이 남을 우려가 있습니다.

 

 

 

 

 

3. 프로필 이미지를 동그랗게 만들기

두 개의 이미지를 합칠 예정인데 배경이 동그란 불꽃 형태이므로 프로필 이미지 또한 동그란 형태가 좋을 것 같습니다.

선택 영역의 테두리를 깔끔한 모습보다는 자연스럽게 불꽃 이미지에 스며들도록 페더 값을 0이 아닌 10 정도로 올려 줍니다. 

 

 

 

 

4. 두 개의 이미지를 자연스럽게 합성

잘라 내기해서 버릴 부분을 선택해야 하므로 우클릭 후 반전 선택 > 레이어 우클릭 후 레이어로 변환 > 포토샵 상단 메뉴에서 편집의 잘라 내기를 클릭해 줍니다.

히스토리와 결과물을 함께 보면 아래의 이미지와 같습니다.

 

 

 

5. 타임 라인으로 검토 하기

포토샵 상단 메뉴 중 창 > 타임 라인을 체크해 주면 하단부에 타임 라인 패널이 가로 방향으로 생성됩니다. 전체 프레임을 볼 수 있고 여기서 파일을 좀 더 가볍게 하기 위해 특정 프레임을 제거하여 프레임 수를 줄일 수 있습니다.

 

 

 

이와는 반대로 좀 더 부드러운 재생을 위해 트위 처리하기 버튼을 클릭하고 옵션을 지정해 주면 프레임과 프레임 사이에 새로운 프레임들을 자동으로 생성해 좀 더 부드러운 애니메이션을 자동으로 만들어 줍니다.

그밖에 루핑 옵션으로 몇 번 반복시킬지 등의 옵션을 지정해 줄 수도 있습니다.

 

 

6. 파일 내보내기

최종 단계로서 마무리 작업이 모두 끝났다면 포토샵 상단 메뉴의 파일 > 내보내기 > 웹용으로 저장(레거시)을 클릭합니다.

여기서도 최종적으로 새롭게 생성될 애니메 GIF 파일의 가로 및 세로 크기, 루핑 옵션 등을 검토해 볼 수 있습니다.

 

최종 결과물은 다음과 같은 모습입니다.

 

이상으로 포토샵을 이용해 애니메이션 움짤 GIF와 일반 이미지를 합성하여 새로운 움짤 애니메이션 GIF로 만드는 과정을 간략하게 살펴보았습니다.