본문 바로가기
Smart Review/온라인 리뷰

어도비 포토샵 CS6로 움짤만들기(플짤,움직이는애니메이션) 실전!

by 유스위스 2014. 9. 26.

반응형

안녕하세요. 아이텔카이트입니다.

여러분 움짤(플짤)을 아시나요?

 

사진을 여러개 이어붙여서 마치 동영상같이 볼수있는 '사진'인데요.

초당프레임(FPS)는 낮아서 부드럽지는 않지만, 용량이 적게드는데도 불구하고

동영상의 느낌을 재현하면서 웹에 게시할수있어서 아주 편리하고 재미있는 사진이죠.

 

 

 

 

 

 

위 움짤은 찍은 사진을 이어붙여서 만든겁니다.

어떤가요? ㅎㅎ

 

그럼 만들어볼까요?

 

 우선 포토샵 cs6를 사용하신다면..

 

창-타임라인에 가시면됩니다.

타임라인을 클릭하시면 하단에 타임라인이 생깁니다.

 

 

 

타임라인이 밑에 생기셨나요?

타임라인이 생겼다면, 파일-스크립트-스택으로 파일불러오기를 클릭합니다.

 

 

그럼 파일을 불러와야하는데요..

움짤 소스를 만드는법은 여러가지가 있습니다.

 

하나는 카메라의 연사기능을 이용해서 사진을 찍은후에 이어붙이는거고,

둘째는 동영상을 캡쳐해서 몇가지 사진을 만들어 이어붙이는 방법이있습니다.

 

동영상을 캡쳐해서 움짤을 만들때는

'캡쳐 프로그램'을 쓰면되는데요.

 

제가 굳이 특정프로그램을 홍보할필요는없고..

그냥 검색창에 치시면 다양한 종류의 캡쳐프로그램이 나오니까

설치하셔서 동영상 캡쳐하시면됩니다.

 

 

저는 카메라 연사로 찍은 사진을 가져와봅니다.

동영상이든 카메라로 찍은 사진이던 크기는 줄여주고 봐야합니다..

 

움짤은 표현하는 색상이 적은 관계로 화질이 구려져서

사진의 크기가 크면 만들과서 결과물이 깨져서 안이쁩니다..

적당한 크기로 리사이즈해줍니다.

 

리사이즈 프로그램은 저는 알씨씁니다.

 

 

자 그럼 이제!! 소스가 준비되었으면, 아까 말한 스택으로 파일불러오기에서 파일선택후 확인을 누르면됩니다.

 

 

그럼 위와 같이 사진이 불러와집니다.

빨간색 동그라미의 비디오 타임라인 만들기를 클릭합니다.

 

 

그러면 타임라인이 만들어지는데요.

여기서 좌측 하단의 파란색 동그라미로 표시한 버튼을 클릭합니다.

 

이 기능은 '프레임 애니메이션으로 변환' 입니다.

주황색동그라미가 가르키는 버튼을 클릭하면 나오는 메뉴중에서

 

프레임변환 - 프레임 애니메이션으로 변환을 클릭하면 동일하게 적용됩니다.

 

 

 

그러면 프레임애니메이션으로 변환되지만, 레이어만 있지 프레임이 되어있지않습니다.

레이어를 모두 프레임으로 전환하기위해서 아까 그 주황색 동그라미로 가르킨

버튼을 클릭하면 아래와 같은 메뉴가 등장합니다.

 

 

 

'레이어에서 프레임 만들기'를 클릭해줍니다.

 

 

그런 후에 바로 이어서 프레임 반전을 눌러주도록합니다.

레이어에서 프레임을 만들면 불러온 레이어순서가 역순이기때문에

프레임도 역순이됩니다. 따라서 애니메이션이 사진의 역순으로 생성되기때문에

 

'프레임 반전'을 반드시 눌러주어야합니다.

 

 

그러면 남은건 지연시간인데요.

지연시간이 길면 부자연스럽지만 천천히 움직이면서 동작을 강조하고,

지연시간이 짧으면 자연스럽지만 너무빨라서 자세히 감상이 힘들거나 스크린샷을 많이준비해야합니다.

 

참고로 위 화면에서 복수의 사진의 시간을 변경하려면..

 

첫번째사진클릭-쉬프트누르고 맨끝에 사진클릭- 프레임 밑의 0초▼ 버튼클릭-원하는시간선택

 

위 순서대로하면 전체 프레임의 지연속도를 조정할수있으니 참고하세요.

하나하나씩 프레임속도 조정해야되는거 아닙니다.

 

 

그러면 웹용으로 저장 버튼을 클릭합니다.

 

 

그 다음 우측 하단의 루핑옵션에서

 

'한 번'이나 '계속' 중 선택해서 움짤을 뽑아낼수있습니다.

무슨 뜻인지는 아실거라 생각하며.. 이대로 저장누르시면 완료입니다..

 

위 방법대로 그대로 진행한 결과물입니다.

 

 

 

 

 

아마 순서대로 설명해서 순서대로 따라오시면 문제는 없으실거라 사료됩니다..

아무튼 움짤만드는 재미가 있으시기를^^

 

블로그 방문에 감사드리며

이상으로 포토샵으로 움짤만들기를 마칩니다!

 

 

반응형

댓글