EXPRESSION어렵지만, 알아두면 유익한 Expression

motionlab
조회수 7308

Aescript.com에서 새로 나온 Expression 책이 있습니다. Aescript.com에서 책과 PDF를 89달러, PDF만 39달러에 판매하고 있습니다. 영문이라는 점이 약간 아쉽지만, 제대로 된 Expression 책이 많지 않은 현실에 단비 같은 책입니다. 이 책의 홍보를 위해 13개 정도의 YouTube 동영상을 만들어서 홍보하고 있는데, 그 중에 몇 개를 소개해 드리려고 합니다.



1. The Power of Expression


표지부터가 상당히 깔끔해서 좋습니다. 책의 편집도 시원시원하고, 정리가 잘 되어 있는 편입니다. 보는 데 크게 불편함이 없을 정도로 간략하게 정리를 잘한 책입니다.

4031c4afd745e.jpeg





2. Path를 따라서 움직이는 오브제

01. Solid Layer를 하나 만들고, 원형의 Mask를 하나 만듭니다.

798716fef1690.png



02. 여기에 작은 원 모양의 Shape Layer를 하나 만듭니다.

a96a3ee54ac13.png

24a605111371a.png


 


03. 방금 만든 작은 원 Shape Layer의 Position 옆에 있는 스탑 워치를 Alt 키를 누른 상태에서 클릭합니다. 그런 다음, Expression Pick Whip을 이용하여 Solid Layer의 Mask Path 속성과 연결시킵니다(CC 버전에서만 가능합니다. CS6 버전에서는 에러가 납니다).

63cf79291c174.png



04. temp = thisComp.layer("White Solid 2").mask("Mask 1").maskPath; [temp, temp]
연결하면, 이렇게 Expression이 나올 것입니다. 물론, 바로 에러가 날 것입니다. Position 속성은 2개의 입력창이 있는 반면에 Mask Path는 그런 것이 없어서 temp라는 것이 나오는 것입니다. 일단, 이것들을 모두 삭제합니다. 그러면 아래 그림처럼 보일 것입니다. 여기에 Expression을 추가해 보겠습니다. 뒷부분의 maskPath.에 pointOnPath(percentage=0.54, t=time); 을 입력합니다.

44cae4f30be34.png



05. Shape Layer로 만든 원이 Mask의 하단에 위치될 것입니다.

35c92a5b64665.png



06. Solid Layer의 눈을 꺼줍니다. 왜냐하면, Solid Layer에서 필요한 것은 Mask Path이기 때문입니다.

42d4c36f386ad.png


 


07. pos = linear(index,0,10,0,1);
thisComp.layer("Orange Solid 1").mask("Mask 1").maskPath.pointOnPath(percentage=pos, t=time);
이렇게 입력합니다.

12f0cc0b25122.png



08. 이제 모든 작업이 끝났습니다. 작은 원을 만들었던 Shape Layer를 복제합니다.

f6fda1ff06f75.png

 



09. 복제하면, 그림처럼 Layer가 배치됩니다. 현재는 10개를 복제했지만, 20개를 복제해도 지금처럼 보일 것입니다. 그 이유는 pos = linear(index,0,10,0,1); 여기 명령에서 10으로 입력했기 때문입니다.

b2525d1f07688.png



10. 이제 Mask Path를 조절해보겠습니다. Mask Path를 조절함에 따라서 일정하게 작은 원들이 움직일 것입니다.

f7adcafd91e3d.png



11. 이번에는 다른 Mask Path에 적용해보겠습니다. Mask 하나를 더 만들어 줍니다.

3edb2b164706e.png


 


12. 기존에 있는 Mask1을 삭제하고, 두번째로 만든 Mask2의 이름을 Mask1으로 바꿔줍니다.

5deb9fbb6ab08.png


 


13. 어차피 Expression이 Mask1을 기반으로 만들어졌기 때문에, Mask1의 이름을 가지고 있는 Mask Path에 적용이 되는 것입니다.

1092aac1a4695.png


 


14. 이번에는 수치 값을 10에서 20으로 바꿔보고, Layer를 20개 복제해 보았습니다.

392f65865bced.png


 


15. 같은 Mask Path에 20개의 작은 원이 촘촘하게 연결되어 보여집니다.

de9494df39855.png





3. 이펙트가 아닌 Shape Layer로 Layer 연결하기


01. 2개의 Shape Layer를 만듭니다.

eb8b1d5aea992.png


 


02. 이제 일반적이지 않은 방법으로 Shape Layer를 만들어 보겠습니다. 오른쪽 마우스를 클릭해서 New > Shape Layer를 선택합니다.

a1644d37db343.png

 

 


03. 이렇게 Shape Layer를 만들면, Layer의 Contents 안에 아무 것도 없는 상태가 됩니다. 여기에 Add > Path를 추가합니다.

9afa164e491e4.png

 

카카오톡 채널 채팅하기 버튼