EXPRESSION진화하는 익스프레션 - AEInforGraphics 1편

motionlab
조회수 4357

하루가 다르게 그래픽이나 영상 관련 소프트웨어들이 업그레이드되고, 서드파트 플러그인들이나 스크립트들이 진화하고 있는 것이 요즘 실정입니다. 배워야 할 것들은 많고, 그것들은 점점 늘어납니다. 사실 그 많은 것들을 모두 공부하기엔 시간적인 부분이 만만치 않습니다. 예전 교과서에 나온 '정보의 홍수'라는 말이 문득 생각납니다. 이제는 공부도 우선 순위를 따져서 알짜배기들을 해야 할 시기인 듯 합니다. 쇼핑몰 중에 '쿠차'라는 가격 비교 사이트를 생각해보면 됩니다. 기존 쇼핑몰 사이트들 사이에서 새롭게 태어난 소셜 커머스 3인방인 티몬, 쿠팡, 위메프가 있습니다. 이제 이러한 것들을 하나로 또 묶는 소셜 커머스가 바로 쿠차 같은 가격비교 사이트입니다. 앞으로의 튜토리얼에서는 스크립트들 중에서 이처럼 많은 정보들을 비교 및 분석할 수 있는 튜토리얼들을 하나하나 만들어 보겠습니다.


최근에 나온 익스프레션 중에서 인포그래픽 관련하여 재미난 것이 하나 등장했습니다. 바로 AEInfoGraphics라는 스크립트입니다. 빅데이타가 이슈로 떠오르고 있는 요즘 시대에 딱 맞아떨어지는 스크립트입니다. 손쉽게 원하는 데이터(CSV : comma-seperated variables)를 불러들여 만들 수도 있고, 직접 입력하여 만들 수도 있습니다. 

 

1. INSTALL

www.aescripts.com/aeinfographics/에서 현재 49.99달러에 판매되고 있습니다. 웬만하면 무료 스크립트들을 소개해 드리려고 하는데, 시대가 시대인 만큼, 괜찮은 스크립트들은 거의 유료로 전환되었습니다. 약간 슬픈 사실이긴 하지만, 앞으로 소개해 드릴 다른 것들도 모두 유료입니다.


01. 일단 다운로드를 받아서 zip 압축을 해제하면, PDF 매뉴얼과 AEInforGraphics.jsxbin이 있습니다. 

 

 02. AEInforGraphics.jsxbin 파일을 Adobe After Effects CS6 > Support Files > Scripts 안에 드래그하여 넣어 주기만 하면 됩니다. 

 

03. 그런 다음에 After Effects를 실행하고, Window 메뉴 하단을 보면 찾을 수 있습니다. 체크를 하면, 시리얼을 입력하는 입력 창이 나옵니다. 스크립트를 구매하면 본인의 메일로 시리얼을 보내줍니다. 그 시리얼을 입력하면 됩니다. 

 

 

 

2. Interface 살펴보기 – Import CSV File

01. 인터페이스를 살펴보도록 하겠습니다. AEInforGraphics의 장점 중 하나가 바로 CSV 파일을 불러들여 사용할 수 있다는 것입니다. CSV: comma-seperated variables 포맷 파일은 조금 생소할 수도 있습니다. 조금 더 쉽게 말씀 드리면, 엑셀 파일입니다. 엑셀 파일로 작성을 해서 아웃풋을 CSV로 하면 됩니다. 상단에 Import CSV File 버튼이 있습니다. 물론, 초기 설정 값들을 활용해도 상관없습니다. 현재는 경작 지역명이 나와 있습니다. 이름을 더블클릭하고, 원하는 데이터를 다시 입력해도 됩니다. 밑의 팝업 메뉴를 보면 기본적으로 설정된 템플릿 값들이 있습니다. 

 

02. CSV 파일은 구글로도 제작을 할 수 있습니다. http://Docs.google.com에 접속해서 스프레드시트를 선택하면 됩니다.

 

03. + 버튼을 눌러서 새로운 스프레드 시트를 만들어 작성하면 됩니다.

 

04. 아래 그림처럼 간단하게 만들어 보았습니다.



 05. 파일 메뉴에서 아웃풋을 CSV로 선택하면 됩니다. 

 


06. 혹시 구글에서 만든 CSV 파일이 안 된다면, 엑셀에서 다시 불러들여서 CSV로 저장하면 됩니다. 엑셀로도 똑같이 만들어 보았습니다. 

 

07. 상단에 Import CSV File 버튼을 클릭합니다. 

 

08. 미리 만들어 놓은 CSV 파일을 선택합니다. 

 

09.불러들이면, 그림처럼 만들어 놓은 글들이 그대로 불러들여 집니다. 5번 라인의 undefined는 아마도 빈 칸 때문에 불러들여지는 것 같습니다. 불러들인 다음에 없애주면 됩니다.

 

3. Interface 살펴보기

01.불필요한 부분을 삭제하려면 삭제하고자 하는 부분을 선택하고, 하단에 - 버튼을 누르면 됩니다. 혹시 실수로 삭제할 수도 있기 때문에 또 한번 경고 창이 나옵니다.

 

 

02. 이제 반대로 데이터의 내용을 추가해 보겠습니다. 하단의 +버튼을 누르면, Title 부분에 입력할 내용을 먼저 적으라는 입력 창이 나옵니다. 'Maya'로 입력하고 OK 버튼을 누르면, 이번엔 Value 부분에 입력하라는 입력 창이 나옵니다. 원하는 숫자를 입력하면 됩니다. 


04. 하단에 있는 X 버튼은 모든 데이터를 없앨 수 있는 버튼입니다. 그리고 화살표 모양의 버튼이 2개 있습니다. 원하는 데이터를 선택하고, 화살표를 눌러서 위아래로 위치를 조절할 수 있습니다.


05. 기본 설정 값은 Dark로 되어있습니다. 이것은 인포그래픽이 만들어질 때의 컬러를 말하는 것입니다. 현재 Dark로 되어있다는 것이 하단에 또 한번 표시가 되어져 보여집니다. Dark color set is selected… 


06. 이제 맨 하단에 있는 그래프를 하나 클릭해 봅니다. 왼쪽부터 Line Bar Chart, Net Line Chart, Slider Chart, Circular Chart, 3D Bar Chart 버튼입니다. 총 5개의 모양이 각각 틀린 그래프들이 있습니다. 그래프 버튼에 써 있는 숫자들은 그래프가 표시할 수 있는 데이터의 수를 나타내는 것입니다. 

 

07. 클릭을 했더니 새로운 컴포지션이 생성되었고, 타임라인에는 Null 오브젝트 레이어가 하나 보여집니다. 타임 마커를 5초로 옮겨봅니다. 

 

08. 아래 그림처럼 깔끔하게 디자인이 되어 보입니다. 상단의 표시한 부분들을 보면 EDIT HERE라고 쓰여져 있습니다. 이 부분은 여러분이 원하는 내용을 입력하면 됩니다. 하단을 보면 앞서 CSV에 적었던 데이터들이 보여집니다. 

 

09. 앞서 데이터를 입력하는 부분이 있는데, 타임라인을 보면, PARENT라는 레이어 하나밖에 없습니다. 그 이유는 바로 모든 레이어를 숨겨 놓았기 때문입니다. Shy 아이콘을 클릭해서 숨겨진 레이어들을 보이게 만듭니다. 

 

---------------> 다음에서 계속됩니다.