본문 바로가기

생활정보

포토샵 CS5 움짤 Gif 만들기

포토샵 움짤 만들기(gif 만들기)


gif 만들기


안녕하세요 시선강탈입니다. 요즘 페이스북, 트위터, 블로그 등 여러가지 글들을 보면 사진을 모아서 동영상처럼 보이게 만든 파일들을 볼수있습니다 흔히 움직이는 짤을 줄여서 움짤 혹은, gif라고 하는데요,


여러가지 다양한 전용 프로그램이나, 동영상 녹화프로그램을 통해서 gif 파일을 만들수 있는데 그중 이번 포스팅은 포토샵 cs5 버전을 통해서 gif 만들기 과정을 소개해드리려고합니다.


간단하니 조금만 집중해서 봐주세요^^!


gif 만들기포토샵으로 만든 gif 움짤1


위의 움짤은 제가 곧 설명해드릴 gif 만들기대로 따라하면 만들 수 있습니다.


gif 만들기포토샵으로 만든 gif 움짤2


파일당 몇초뒤에 다음사진으로 넘길지, 반복을 얼마나 줄지, 거꾸로 파일 반전시키기 등의 세부적인 내용도 포토샵을 통해서 만들고 지정할 수 있습니다. 자 그럼 포토샵 cs5 버전을 통해서 gif 만들기 시작하겠습니다.



포토샵 움짤 만들기


gif 만들기


1.포토샵 기능중 "애니메이션" 이라는 기능을 통해서 오늘만들 gif를 만들수 있는데요. 상단에 메뉴바중에서 을 선택한뒤 하단부분에 애니메이션을 클릭해줍니다.


gif 만들기


2.애니메이션 창을 열게되면 포토샵 하단부분에 창이하나열릴텐데요. 그다음 파일-스크립트-스택으로 파일불러오기 항목을 차례대로 눌러주면서 움짤을 만들 사진을 불러와줍니다.


gif 만들기


3.중간에 찾아보기라고 적혀있는 항목을누른뒤에 gif파일로 만들고싶은 사진들을 모두 불러와줍니다.


gif 만들기


4.사진들을 불러오게되면 우측상단 혹은 하단에 위치한 레이어 창을통해서 불러온 파일들이 확인이 될텐데요. 사진을 모두 확인하신다음에 맨처음 열었던 애니메이션창 우측상단의 메뉴버튼을 눌러줍니다.


 그러면 위에 사진처럼 여러가지 항목이 보일텐데요 레이어에서 프레임 만들기 항목을 클릭해줍니다. 그러면 열어놨던 사진파일들이 하단의 프레임설정창으로 생성이됩니다.


gif 만들기


5.레이어에 사진4장 하단에 4장 모두 확인되는데요. 이제부터 불러온 파일들을 얼마나 늦게움직이게할지, 빠르게 움직이게할지, 얼마나 반복할지 등을 정하겠습니다.


gif 만들기


6.저같은 경우는 물이 떨어지는 모습을 실제와같은 생동감있는 느낌을 주고싶어서 맨앞에있는 사진파일을 선택하고 shift 키를 누른상태에서 마지막에있는 사진을 눌러 모든 사진을 선택한뒤에 0.1초로 설정했습니다. 그러면 사진이 보이고 0.1초 뒤에 다음 사진으로 넘어가게 됩니다.


일일히 시간을 선택해서 gif 파일을 만들고 싶다면 일일히 사진을 눌러서 시간을 선택해주시면 됩니다.


참고적으로 사진파일들이 모두 거꾸로 업로드되었다면 레이어에있는 사진들을 애니메이션창으로 불러왔을때 눌렀던 창에있는 메뉴항목에서 프레임반전 항목을 통해서 거꾸로 바꿀수있습니다.


gif 만들기


7.시간설정이 모두 완료가 되었다면 gif 파일이 될 예정인 움짤을 저장할차례인데요.  상단에 위치한 파일-웹장치용으로 저장 항목을 차례대로 눌러서 저장할 준비를 해줍니다.


gif 만들기


8.저는 아래쪽에 보이는 이미지 크기 항목으로 크기를 바꿔주었습니다. 수정할 부분이 없다면 최하단에 위치한 저장을 눌러주시고 저장위치를 정한뒤 파일을 저장시켜주면됩니다. gif 만들기 끝!


gif 만들기포토샵으로 만든 움짤


이렇게 설명드린 방법을 통해서 0.1초단위로 가로900 픽셀 세로1200 픽셀로된 움짤을 만들고 저장까지 완료했습니다.


포토샵 움짤 만들기 참 쉽죠잉??? 궁금하신점은 댓글로 남겨주시면 실시간으로 확인해서 답변해드리겠습니다.