포토샵 움직이는 착시 3D GIF 만들기. 화면에서 튀어나오는 사진 만들기

반응형

최근 리그오브레전드의 새로운 챔피언 시네마틱 트레일러 : 에코 - 시간의 틈새를 구경하던 중,

3D 화면으로 제작하기에 좋은 영상 컷을 발견하여 만들어 보았습니다.


착시를 이용한 3D영상 만들기는 마치 모니터 밖으로 튀어나오는 듯한 느낌의 영상으로 

최근 많은 분들이 접하셨을 핫한 기법입니다. 

신기한 3D사진, 제작과정을 슥 훑어보면 누구나 만들 수 있습니다.




ADStore Photoshop Tutorial 

모니터에서 튀어나오는 3D 착시 GIF 만들기



 본 강좌는 포토샵 CC로 작성되었습니다.

● 그림을 클릭하시면 크게 보실 수 있습니다



완성본 미리보기 



※ 원본영상은 리그 오브 레전드 : 에코 - 찰나의 틈새 입니다.


위 영상과 같이 캐릭터가 화면 밖으로 튀어나오는 듯 한 느낌을 연출 할 수 있습니다.

이런 영상을 만들기 적합한 영상은 앞으로 피사체나 신체의 일부가 튀어나오는 사진들입니다.




제작과정 살펴보기





[File] - [Import] - [Video Frames to layers] 선택하여 '비디오' 파일을 불러옵니다.


아래와 같은 창이 뜨면, 왼쪽의 미리보기 하단에 있는  슬라이드바로 위치를 확인하면서

사진과 같이 검은색 슬라이드 바로 시작과 끝을 지정해줍니다.


[Make Frame Animation] 체크, 클립의 길이가 길다고 생각되면 (3초 이상) [Limit To Every 2 Frames] 체크 합니다. 






위와 같이 비디오의 1프레임이 레이어 1개로 불러와집니다.

[Window] - [Timeline] 을 활성화하면 하단에 각 프레임 컷과 그에 대응하는 레이어를 확인 할 수 있습니다.


기본적인 설정으로는  프레임 순서로 Layer 1 ~ 끝 까지 순차적으로 지정되어 있습니다.

모든 레이어가 삽입되어 있기는 하지만, 

자세히 보면 눈동자 아이콘으로 한 컷당 한개의 레이어만 보여주는 것을 확인 할 수 있습니다.




레이어와 컷(Frame)은 개수를 임의로 조정 할 수 있습니다. 불러온 영상의 시작과 끝 부분을 확인 한 뒤, 

필요없는 부분을 선택 - [마우스 우클릭] - [Delete Frames] 로 필요없는 부분을 지웁니다.





[Ctrl + R] 을 눌러 눈금자를 활성화 한 뒤, 영상의 1/3 부분과 2/3 부분의 라인에 안내선을 그려줍니다

눈금자 부분에 커서를 대고 드래그하면 안내선을 그릴 수 있습니다. 


그려진 안내선을 중심으로 사각형을 2개 그려줍니다. 두 사각형의 너비는 위 사진과 같이 적당한 비율로,

높이는 영상 전체만큼으로 설정합니다.




두 사각형 레이어를 하나로 합쳐줍니다. 레이어 탭에서 두사각형을 모두 선택 한 뒤 

[마우스 우클릭] - [Marge Layers] 선택하여 하나로 만들어줍니다. 

 합쳐진 레이어는 Grid라고 이름을 변경하도록 하겠습니다.




Grid 레이어를 하단의 Timeline에 있는 프레임 개수만큼 복제해줍니다. [Ctrl + J] 를 눌러 복제합니다.

자동으로 넘버가 붙기 때문에 (Grid Copy 숫자) 계속 복제한 뒤, 처음의 Grid 레이어를 지우면 손쉽게 구분 할 수 있습니다.

위 영상의 경우에는 29프레임을 사용하기 때문에, 29번까지 복제하겠습니다.






※ 중요합니다. 복제된 레이어들의 눈동자 버튼을 모두 눌러 비활성화해줍니다. 

그 뒤, 작업을 시작할 첫번째 프레임을 선택 - 첫번째 그리드의 눈동자 버튼을 눌러 활성화해줍니다.


이렇게 되면, 1번 프레임에는 Layer 1과 , Grid Copy 이 두 레이어만 보이게 됩니다.


마찬가지로, 2번 프레임에서는 Layer 2, Grid Copy 2 를 활성화시켜주는 방식입니다. 






튀어나오게 만들 부분의 프레임으로 이동합니다. 위 영상의 경우 4번째 프레임부터 인물의 일부가 튀어나올 예정입니다.

[4번째 프레임으로 이동] - [4번째 그리드 활성화 (첫번째그리드 비활성화)]  후 그리드 레이어가 선택된 상태에서

[벡터 마스크 버튼을 클릭] 합니다.





벡터 마스크가 선택 된 상태에서 [브러시 툴]을 이용하여 지울 부분을 '검정색'으로 칠해주면 

위와 같이 그리드가 지워지며  피사체가 드러납니다. 

반대로 흰색을 칠해주게 될 경우에는 지워진 부분이 다시 드러납니다. 확대하여 작업하는 것을 추천합니다.



[X] 키를 통해 배경색과 전경색을 스위치 할 수 있으므로, 브러시 툴로 칠하면서 더 칠했거나 덜 칠한 부분은

X키로 바꿔 칠해주며 작업하면 편리합니다.





위 작업을 첫프레임부터 끝 프레임까지 반복합니다. 흰색 선에 가리는 부분을 중심으로 가릴 부분은 가리고

드러낼 부분은 드러내줍니다. 



다음과 같이 모든 작업을 마치면, 하단의 재생 버튼을 통해 작업상황을 확인 합니다.  






이제 GIF로 출력하기만 하면 완성입니다.

[File] - [Save For Web] 선택 하면 다음과 같은 창이 뜹니다.


위와 똑같이 세팅합니다.  특히 [Transparency] 는 체크 해제 하는것이 필수입니다.

GIF는 용량이 커지기 때문에, 왼쪽하단에 있는 용량을 잘 확인하여 2메가가 넘지않도록 작업합니다.









완성입니다. 앞으로 튀어나오는 것 같은 캐릭터가 인상적입니다.

여러 영상을 이용해 재미난 GIF 만들어보시기 바랍니다.

이상입니다!



반응형

Read Next

  1. 늘 잘보고 있습니다. 앞으로도 좋은 글 부탁드립니다!!

  2. 파일을 받아볼수있을까요? 제 바탕화면에 만들까하는데 ㅎ heaven0606@naver.com 이쪽으로 주시면 감사히 쓰겠습니다~

  3. 진짜 잘하시네요.. 공감 누르고 갑니당~!

*

*

Tags