[포토샵 기초] 포토샵 CS5에서 색상이 자연스럽게 변하는 GIF 애니메이션 이미지 만들기

[포토샵 기초] 포토샵 CS5에서 색상이 자연스럽게 변하는 GIF 애니메이션 이미지 만들기

 

 

 

 

어도비 포토샵으로도 움직이는 움짤이나 간단한 애니메이션을 만들수 있어요.

아주 간단하게 방법을 알려드리도록 할께요^^

 

워낙 쉬우므로, 한번 알아두시면 요긴하게 쓰실수 있어요^^

 

 

 

 

 

우선, 포토샵 CS5 버전으로 사용을 하므로, 참고하시고요,

아마 CS3 까지는 지원되는 걸로 알고 있고, 그전 버전들은, 별도로 이미지레디 에서 작업해야 할꺼에요.

 

 

 

 

자, 바꾸고자 하는 이미지를 하나 불러옵니다.

 

 

 

 

윈도우에서 애니메이션 창을 활성화 해 주세요^^

 

 

 

 

그러면 밑에 이런 애니메이션 프레임 창이 뜨는데,

저는 지금 작업해놓은게 있어서 프레임이 많아요^^;

 

아마 최초 사용시에는 하나만 있을꺼에요.

 

 

 

 

자, 애니메이션 창에서 저 부분을 주로 많이 쓰게 될꺼에요.

참고하시구요~!

 

 

 

 

저는 뭘 할꺼냐 하면~ 색상을 자연스럽게 변하는 애니메이션을 만들꺼에요.

레이어를 하나 더 만들어서, 저기 I CAN DO IT 부분만 빨간색으로 바꿔보죠^^

(자동 선택툴로 파란색 글씨 선택하고, 레이어 하나 더 만들어서 빨강으로 칠해버리면 되겠지요^^)

 

 

 

 

자, 첫번째 프레임! 여기서는 처음 이미지가 보여야 하니까,

방금 만든 빨간색 글씨의 눈동자는 꺼줍니다.

 

그러면 이렇게 파란색 최초 이미지만 보이겠죠?

 

 

 

 

프레임 새로 만들기를 해야하므로, 저 아이콘을 클릭하면,

똑같은 프레임이 하나 더 복제가 됩니다.

 

 

 

 

이번엔 빨간글씨가 보여야 하니까, 이렇게 레이어에서 빨간 레이어를 활성화 해 주면

빨간색 글씨로 바뀐걸 확인 할 수 있어요.

 

 

 

 

그리고, 사이사이 프레임 유지 시간을 정할수 있는데,

프레임에 검정 화살표를 누르면, 이렇게 시간이 나와요.

 

원하는 시간을 정하시면 되죠^^

 

보통 움짤들은 빠르게 움직이니 0.1~0.5초로 많이들 선택하는 편이에요.

 

 

 

 

이렇게 두개만으로도 빨간 파란 왔다리 갔다리 ...마치 경찰차 처럼 삐용삐용~ 효과를 만들수 있지만,

저는 은은하게 변하는 효과를 주고 싶네요^^

 

그러면, 스크린샷처럼, 생성된 두개의 프레임을 모두 선택하고, 저 아이콘을 클릭해 주세요.

 

 

 

 

이런 창이 뜹니다.

 

이 기능은, 선택한 두 프레임 사이에 레이어를 생성하는 기능으로,

프레임 숫자도 정할 수 있고, 생성효과도 변경가능한데, 보편적으로

Frames to Add 의 속성값만 바꾸는게 많아요.

 

저는 그 사이에 10개의 프레임을 넣어보겠습니다.

 

 

 

 

그러면, 이렇게 원본과 빨강 글씨 사이에 은은하게 컬러가 바뀌어가는 과정의 프레임들이 10개가 생성이 되죠??

프레임 숫자를 더 늘릴수록, 디테일한 색상변화를 확인할 수 있지만, 용량이 늘어나요.

 

 

 

 

자~ 그러면, 잘 변하는지 확인을 해보겠습니다^^

재생 버튼을 클릭해 보세요~!

 

 

 

 

그러면, 이렇게 되는것이죠^^

이렇게 되면, 이제 성공!!! 저장을 해 보도록 해요.

 

 

 

 

웹용이니까, 위처럼 저장을 합니다.

 

 

 

 

GIF는 색상을 256컬러밖에 표현을 하지 못해서, 풍부한 색상이 나오진 않아요.

그래도 최대한 좋게 하려면, 이렇게 설정을 바꾸고, 저장을 해 주세요^^

 

그나마 가장 낫더라구요~!

 

 

자~! 이렇게해서 포토샵으로 자연스럽게 색상이 바뀌는 GIF 이미지 만드는 방법을 알아봤어요^^

도움이 되셨기를 바라며~ 한번 멋들어진 이미지를 제작해 보세용~!

 

Adobe: 크리에이티브, 마케팅 및 문서 관리 솔루션