반응형

앞선 포스팅에서 모션5로 반투명 자막과 글자를 입력하는 것을 실행해 보았습니다.

https://tomi4all.tistory.com/155?category=715417

이렇게 반투명 사각형 배경과 자막을 설정하였다면 자막의 글자수에 따라 사각형 배경이 자동으로 크기가 변하하도록 만들어 보겠습니다.

지난번 설정했던 자막과 배경까지 만든 후부터 시작해 보도록 하겠습니다.

우선 반투명 배경 사각형의 크기가 글자와 연동할수 있도록 설정해 주는 작업이 필요합니다. 현재는 반투명 사각형과 글자는 각각 독립적으로 이루어진 개체로 되어 있어 연결해주는 작업입니다.

캡쳐화면에서 보는 숫자 순서대로 설정을 합니다. 

우선 레이어에서 Rectangle을 클릭해서 설정하고 왼쪽 상단의 Inspector 를 선택하고 다시 아래의 Shape 선택후 Geometry 선택후 SIZE옆의 ▼를 클릭하면 하위메뉴가 나옵니다. 하위 메뉴는 사각형 배경의 Width(너비) 와 Height( 높이) 설정을 할수 있도록 되어 있습니다.

여기서 우선 Width(너비) 항목의 오른쪽에 위치한 ∨ 표시를 클릭하면 하위 메뉴가 다시 나타나게 됩니다. 

하위 메뉴중 Add Parameter Behavior 항목 선택하면 다시 하위 메뉴가 나타나는데 이곳에서 Link를 클릭해 줍니다.

Link를 클릭하면 Layer에 Rectangle 아래 톱니아이콘으로 Link 항목이 추가됩니다. 톱니 아이콘은 Behaviors 동작효과를 나타내준다는것을 의미합니다. 오른쪽을 보면 Behaviors 의 선택창이 색상이 파란색으로 변하면서 설정 항목들이 나타납니다.

Behaviors 설정창에서 설정을 해주기 위해서 우선 반투명 사각형이 연결될게 무엇인지 인식 시켜 줘야 합니다. Layer 창에서 Text레이어를 선택후 클릭을 누른채 오른족 Link Behaviors의 설정창에 보이는 사각형에 드래그해서 넣으면 빈 사격형에 Text 설정한 내용이 나타납니다. 이렇게 하면 사각박스의 너비와 text 항목을 연결하는 것이 완료 됩니다. 이후 너비를 텍스트 항목의 무엇과 연결시켜야 하는지 설정해 줘야 합니다.

다음으로 Apply To 항목의 옆의 검은 박스를 선택하면 Object Attributies 에서 Size 다음 Width를 선택합니다. 그러면 사각형의 너비와 텍스트의 너비가 연동되게 됩니다.

같은 방법으로 높이도 설정해 줘야 합니다. 

앞에서 했던것과 같이 레이어에서 Rectangle을 클릭해서 설정하고 왼쪽 상단의 Inspector 를 선택하고 다시 아래의 Shape 선택후 Geometry 선택후 SIZE옆의 ▼를 클릭하면 하위메뉴가 나옵니다. 하위 메뉴는 사각형 배경의 Height( 높이)의 오른쪽에 위치한 ∨ 표시를 클릭하면 하위 메뉴가 다시 나타나게 됩니다. 

하위 메뉴중 Add Parameter Behavior 항목 선택하면 다시 하위 메뉴가 나타나는데 이곳에서 Link를 클릭해 줍니다.

너비 설정과 동일한 방법으로 링크 레이어가 설정되면 테스트 레이어를 드래그해서 설정창의 사각형 안에 드롭해 주고 Apply to 의 항목에서  Object Attributies 에서 Size 다음 Height(높이)를 선택합니다. 그러면 자막의 높이에 따라 사각배경의 높이가 변화하게 됩니다.

레이어의 이름은 더블크릭하여 변경할수 있으므로 본인이 나중에 알아볼수 있도록 변경해줄수 있습니다.

마지막으로 자막과 배경이 함께 움직일수 있도록 만들어 줘야 합니다.

서로 움직임을 묶어주는 기능을하는 건데 이때 쓰이는 Behaviors는 Align To 를 이용하면 됩니다.

연동될 Rectangle 레이어를 선택하고 Library를 클릭후 아래의 Behaviors 클릭 그리고 Align To를 클릭하여 Rectangle 레이어 아래에 두거나 

왼쪽 상단의 Apply 버튼을 클릭해도 됩니다.

레이어 창의 Rectangle 레이어 아래에 Align To 항목이 생겨나고 Behaviors 설정창에 Align to 설정창이 나타납니다. 

Link와 마찬가지로 Object 옆의 사각형안으로 Text 레이어를 드래그하여 넣어두면 텍스트가 움직이는 위치로 배경도 같이 움직이는 효과가 부여됩니다. 

마지막으로 텍스트 레이어를 사각 배경레이어보다 윗쪽으로 옮겨둡니다. 그래야 배경이 뒤로 가고 자막이 앞으로 나타나게 됩니다.

이제 모션에서 만드는 작업하는것은 완료되었습니다.

다음에 소개해 드릴것은 이렇게 만든 모션파일을 파이널것에서 수정하고 조정할수 있도록 선택 옵션을 주는 방법에 대해서 알아 보도록 하겠습니다.

반응형

+ Recent posts