포토샵 CS6 GIF 움직이는 애니메이션 만들기

포토샵 CS6 GIF 움직이는 애니메이션 제작!

제 블로그에 포스팅된 글들 중 몇몇을 보시면 사진파일로 만들어둔 움직이는 애니메이션 사진들을 몇장 보실 수가 있을 텐데요, 이런 사진을 포토샵을 통해서 만드는 방법에 대해서 한번 알아볼까 합니다. 예전에 네이버 블로그에서는 쉽게 했었던 것같은데.. 우선 CS5 나 CS6 등 포토샵을 실행시켜주세요

메뉴에 보시면 윈도우(window)에서 Timeleine을 체크하시면 아래 부분에 못보던 창 하나가 생성이 되는 걸 보실 수 있습니다

여기에서 아래부분에 + 부분이 있는데요, 이부분을 클릭하시면은 사진을 불러오실 수가 있어요, 애니메이션을 만들기 위해서는 사진들이 여러장 있어야겠죠?

그 여러장의 사진들을 쭈욱 한번에 불러와주세요

그리고 열기를 하게 되는 경우에는 오른쪽 레이어 부분에 여러사진이 열려있는 것도 확인하실 수가 있구요, 아까 보셨던 아래부분에 사진 한장한장이 프레임 시간별로 나뉘어져이 있어요, 이렇게만 되어있는 경우에는 동일한 시간대로 설정하는 것도 귀찮기도 하고 힘들기도 한데요,

이런 경우에는 왼쪽 하단 부분에 보시면 네모가 3개 붙어져 있는 아이콘을 확인할 수가 있습니다. 이 아이콘을 클릭하게 되면은 지금 처럼 보이던 화면이

이렇게 간편하게 보이게 된답니다. 아까전에 보던화면보다는 좀더 간편하게 변한 모습을 볼수가 있답니다. 이제 애니메이션이 보여지는시간을 변경을 해주세요, 사진 별로 오른쪽 마우스 버튼을 통해서 변경을 하실 수가 있구요, 모두 같은 시간대로 바꾸고 싶으면 전부 블럭처리를 한 상태에서 시간을 변경하게 되면 그림 모두가 시간이 동일하게 변경이 되니 참조하세요~

이렇게까지하고 재생버튼을 통해서 확인을 해주시면되요~ 그리고 이제 애니메이션을 웹상에서 올리기 위해 저장을 한번 해보도록 하겠습니다.

File 에 있는 save for web을 클릭해주세요

그럼 이렇게 창 하나가 확인이 될건데요, GIF 로 되어있고, 다른 부분들은 크게 건들일 부분은 없구요, 사진 사이즈가 크거나 하신분들은 수정을 해주시고, 아니면 기존에 애니메이션을 만들기전에 리사이즈 혹은 사이즈 변환을 통해서 사진 크기를 알맞게 미리 준비하는것도 좋답니다

그리고 애니메이션이 한번만 재생이 되도록할지, 계속해서 끝까지!!반복이 되도록 할지를 선택해주시면되요 아래 빨간 네모에 보시면 once < 한번만, forever < 계속

을 보시고 확인하신다음 저장을 눌러주시면 됩니다