[에펙레시피] 이미지 분할화면 레시피 l Image Split-Screen Recipe

 

안녕하세요 에펙레시피입니다!
이번 레시피는 "이미지 분할화면" 레시피입니다.

 

 

단축키[Ctrl+N]로 FHD사이즈로 컴프창을 만들어주세요.

 

한번 더 단축키[Ctrl+N]로 이름은 “01”, 480*1080 사이즈로 컴프창을 만들어주세요.

 

 

단축키[Ctrl+i]로 이미지나 동영상 파일을 불러와 주세요.

 

적당한 이미지로 마이크로소프트에서 제공하는 Bing Ai 이미지 생성기를 사용하였습니다.

Bing Ai 이미지를  포토샵 Ai를 이용하여 1920*1080 크기의 이미지로 재생성해 주었습니다.

 

 

01번 이미지를 01 컴프에 올려주고 위치를 잡아주세요.

 

 

단축키[P]를 눌러 0초에 Position 값 애니메이션을 주고 5초로 작업바를 옮긴 뒤 오른쪽으로 조금 움직여 주세요. 

이미지가 나타나는 방향으로 조금씩 움직이면 조금 더 디테일이 좋아집니다.

 

 

프로젝트 창에서 Comp 1 컴프를 더블클릭해서 컴프창을 열어주고 01 컴프를 올려주세요

 

 

단축키[Ctrl+Y]로 솔리드레이어를 생성해 컴프 레이어 아래 배치해 주세요

 

 

컴프 레이어의 Track Matte으로 솔리드 레이어에 알마패트 연결합니다

Align(상단 메뉴 중 window > Align)를 이용해서 레이어들을 전부 왼쪽으로 붙여주세요

 

 

작업바를 1초로 옮겨주고 단축키[P]를 눌러 Position 값에 애니메이션 키를 줍니다

작업바를 0초로 옮겨 X 축 Position 값에 -240을 입력해 안보여지게 해주세요

 

 

애니메이션 키를 전부 선택하고 단축키[F9]를 눌러 애니메이션 키를 베지어로 만들어 주세요.

그중 하나만 [Alt+더블클릭]해 Keyframe Velocity창을 열어줍니다.

왼쪽 값에 100%를 입력하고 OK를 눌러주세요.

 

애니메이션은 하나만 만들고 이걸 복제해서 사용할 예정입니다.

 

 

레이어들을 전부 선택하고 단축키[Ctrl+D]로 복사해 아래로 내려주세요.

복사된 레이어들을 이동시켜줘야 하는데 아주 중요한 포인트입니다.

[P]를 눌러 Position 값을 전부 선택하고 작업바는 애니메이션 키 중 하나에 있어야 합니다.

그 상태에서 복사할 솔리드 레이어까지 [Ctrl+클릭]으로 전부 선택합니다.

컴프 화면에서 드래그로 레이어의 위치를 옮겨주세요. X축 방향으로 480씩 더하면 됩니다.

 

 

나머지 부분도 같은 작업으로 채워주세요.

프로젝트 창에서 01 컴프를 단축키[Ctrl+D]로 3번 복사해 주세요.

 

 

레이어를 전부 선택해 옵션 창을 닫아주세요.

작업창에 솔리드 레이어만 샤인 옵션을 활성화 해주세요.(꼭 필요한 작업은 아닙니다)

 

 

프로젝트 창에서 02 컴프를 [Alt+드래그]를 이용해서 교체해 주세요. 

나머지 컴프들도 교체해 줍니다.

 

 

02 컴프를 더블 클릭해서 들어가 주고

이미지를 선택 후 프로젝트 창에서 02 이미지를 [Alt+드래그]를 이용해서 교체해 주세요. 

 

이미지가 컴프 위치가 잘 안 맞는다면

[P]를 눌러 Position 값 전부 선택 후 애니메이션 키에 있는 상태에서 이동합니다.

위치가 맞았다면 상위 컴프로 나와주세요

 

 

나머지 컴프들도 같은 작업을 진행해 주세요.

하나씩 나오게 애니메이션을 주기 위해서 레이어를 하나하나 시간대 별로 옮겨주세요.

5 프레임 간격으로 배치해 주겠습니다.

 

 

 

분할 것 말고 간단한 트렌지션도 넣어보겠습니다.

01번 이미지를 작업창에 올려주세요.

 

 

 

단축키[Ctrl+5]로 Effects & Presets창을 열어 Linear Wipe 검색해서

 

 

이미지에 적용합니다.

 

 

왼쪽에서 오른쪽으로 나오는 모션이 있기 에 Wipe Angle를 270도로 수정합니다.

 

15 프레임에 Transition Completion 0%에 애니메이션 키를 주세요

0 프레임에 100%으로 수정하고 단축키[U]를 눌러 애니메이션 키를 열어주세요 

 

 

애니메이션 키를 전부 선택하고 단축키[F9]를 눌러 애니메이션 키를 베지어로 만들어 주세요.

그중 하나만 [Alt+더블클릭]해 Keyframe Velocity창을 열어줍니다.

왼쪽 값에 100%를 입력하고 OK를 눌러주세요.

 

 

작업이 된 이미지 레이어를 단축키[Ctrl+D]로 3번 복사해 주세요

교체할 레이어를 선택 후 프로젝트 창에서 이미지들을 [Alt+드래그]를 이용해 교체합니다

 

 

10 프레임 차이로 배치해 줍니다

 

 

저는 적당한 이미지가 없어 Ai 이미지를 사용했지만 사진이나 영상으로 하면 좋을 것 같아요 

레시피엔 한 방향으로 작업했지만, 반대나 위아래로 작업해도 멋진 작업물이 나올 거예요 :)

 

 

혹시 포스팅으로 알기 어려우신 분들은 아래 유튜브 영상을 참고하시면 좋으실 것 같습니다!
감사합니다!

https://youtu.be/sAETS-2-CCg

- YouTube