Tomi4all

예전 시티헌터 만화를 보면 황당한 상황에서 까마귀가 머리위로 날아가는 장면이 있었습니다.

영상 제작시 이런 황당했던 장면에서 사용해 볼 까마귀가 날아가는 모션5 템플릿을 만들어 보았습니다.

별다른 효과를 준것은 아니고 단순하지만 효과음과 함께 사용하면 재미있는 장면을 만들수 있을것 같습니다.

템플릿은 제너레이터로 만들었으며 효과 적용시에는 배경이 투명으로 되어 있습니다.

좀더 효과를 잘 보기 위해서 바탕을 하나 깔아보았습니다.

설치법은 맨아래 시티헌터황당효과 압축파일을 다운 받으신후 압축을 해제하고 안에 있는 파일을 맥의 파인더에서 동영상 폴더 Motion templates 폴더내에 Generators 폴더내에 원하는 곳에 복사해 넣으시면 됩니다.

저의 경우 제너레이터의 다운에 만들어 두었기때문에 파이널컷 실행후 제너레이터의 다운내에 시티헌터 황당효과 가 생겨 난것을 확인할수 있습니다.

효과를 적용하고 음향효과도 함께 주면 완성됩니다.

효과의 조정은 오른쪽 inspector에서 할수 있도록 하였습니다.

까마귀 이미지의 크기 와 방향(회전) 검은점 위치와 크기를 조정할수 있고 전체적인 위치조정은 파이널컷의 Transform 을 클릭후 화면이동을 통해서 전체적인 위치를 지정해 줄수 있습니다.

모션5로 제작한 파이널컷 템플릿을 아래링크에서 다운로드하시면 사용가능합니다.

시티헌터 황당효과.zip

모션 5로 만들어본 가운데 선을 중심으로 위 아래 자막이 나타났다가 시간이 지나면 자막이 사라지는 효과를 준 타이틀을 만들어 보았습니다.

실행하면 홤녀과 같이 선이 그어지고 아래 위로 타이틀이 나타나고 조금의 시간이 지나면 타이틀이 사라진후 다시 선도 사라지는 효과 입니다.

많은 사람들이 인트로영상 혹은 소개 영상에서 많이들 사용하는 자막 효과 형태입니다만 직접 모션5를 이용해서 만들어 보았습니다.

만들면서 가장큰 특징을 가운데 원을 클릭해서 드래그하면 원하는 위치에 효과를 둘수 있다는점입니다.

파이널컷에서 효과를 적용한후 해당 노란색 점선원안에 있는 동그라미를 이동하면 중간선과 아래 위의 자막이 함께 움직이고 원하는 위치에 배치할수 있습니다.

추가로 옵션을 조정할수 있도록 한것은 

중간 가운데 선의 색상 (Brush color) 그리고 아래에 투명도 조정( Brush Opecity), 연결부(Joint), 시작부(Start Cap), ,종단부(End Cap)의 모양을 설정할수 있습니다. 선의 끝단을 둥글게 하거나 각지게 하거나 아니면 화살표 형식으로 표현할수도 있습니다.

그아래 선의 두께는 Width로 조정하시면 되고 선의 길이는 X Scale로 조정하시면 옆으로 좀더 길게 조정할수 있습니다.

Publish OSC 체크 항목은 중간에 동그란 원이 화면 조정시에 보이도록 하는 옵션입니다.

설치는 아래에 있는 압축파일을 다운 받으시고 압축을 푸신후 동영상 폴더의 Motion Templets 폴더안에 Titles 폴더를 클릭하셔서 내용을 복사해 넣으시고 파이널컷을 실행후 자막효과에 해당효고가 있는지 확인해 보시면 됩니다.

중간레드바 아래위 자막.zip

이번에는 모션 5로 파이널컷 프로에서 사용하는 덜덜 떨고 있는 자막효과를 만들어 보았습니다.

이런 자막효과를 내기위해서 사용할 Behaviors는 Quiver 입니다.

효과의 내용은 영상을 참고하시기 바랍니다.

우선 모션5 를 실행하시고 파이널컷 타이틀을 선택해 주면 됩니다.

그러면 앞선 자막 만들기에서 설명했듯이 자막 입력창의 여백을 reset parameter 해서 가운데 정렬과 테두리창의 여백을 없애 줍니다.

https://tomi4all.tistory.com/155?category=715417 의 2번과 3번 참고하세요.

그리고 글자의 폰트와 크기 그리고 테두리 등을 선택해 주세요.

글자에 대한 조정이 완료되면 이제 효과를 적용해 볼 차례입니다.

해당 Behaviors를 쉽게 찾는 방법은 아래에 돋보기 표시가 된 입력창에 Quiver 라고 입력하면 바로 찾아 집니다.

위의 사진처럼 효과가 찾아지면 맨윗창의 Apply 버튼을 눌러 효과를 적용해 줍니다.

적용된 효과는 Layer 창에서 확인이 가능한테 하나의 효과에 레이어가 2가지가 생성됩니다. 

한가지는 Quiver 라는 이름으로 생성되고 그아래에는 Randomize Sequence Face Four Corner All 이라는 레이어가 자동으로 생성됩니다.

효과의 적용은 끝이 났고 이제 효과를 어떻게 적용할것인지 조정만 하면 됩니다.

조정할수 항목에 대해서 설명드리면

Amount 는 글자의 움직이는 위치가 처음에서 얼마나 크게 벗어나는지를 결정하는 수치입니다. 크기가 클수록 처음 위치에서 많이 벗어나 움직입니다.

Frequency 는 떨림이 얼마나 빨리 떨리는가를 결정하는 수치로 수치가 클수록 빨리 떨리게 됩니다.

Noisiness 는 글자가 얼마나 찌그러지는지 를 결정하는 수치입니다.  

이 세가지 옵션으로 자막이 어찌보면 덜덜떨고 있는 느낌의 효과를 줄수도 아니면 껄껄 웃고 있는 느낌의 효과를 줄수도 있습니다.

만들어본 템플릿은 아래에서 다운로드 하셔서 사용하시면 됩니다.

덜덜떨리는 자막효과.zip

모션5로 Overshoot 효과를 이용하여 파이널컷에서 쓸수 있는 갑자기 나타나서 통통 튀기는 효과의 자막을 만들어 보았습니다.

파이널 컷에서 실행했을때 화면과 같이 나타나면서 바운싱되는 모습을 볼수 있습니다. 우선 모션을 실행합니다.

Final Cut Title 을 선택해서 실행해 줍니다.

모션의 자막을 편집할수 있는 화면이 나오고 초기 셋팅은 빨간색 박스로 표시된것 처럼 글자 입력창이 아래쪽에 여백을 많이 갖고 있도록 되어 있습니다. 이것을 조정해주는 것이 편집하기에 편리해서 우선 초기화 작업을 실행 하도록 하겠습니다.

동그란 번호가 매겨진 순서대로 선택하고 실행합니다. 우선 레이어에서 텍스트 항목을 선택하고 Inspector에서 Text의 하위 메뉴인 Layout을 선택하면 맨 아래 Margins 항목바의 ∨표시를 클릭하면 Reset Parameter 항목이 나오고 이부분을 선택하면 초기화가 됩니다.

가운데 나와 있는 텍스트 위치를 클릭 드래그 해서 아래로 이동시켜 줍니다.

다음은 글자를 수정하거나 테두리 혹은 그림자 효과를 조정해 줍니다.

Text 항목의 하위 메뉴인 Format을 선택하면 폰트와 글자 크기 그리고 배열을 선택할수 있습니다.

그런다음 Appearance 항목을 선택하면 글자의 색상과 테두리 색상및 두께를 선택학수 있고.

더 밑으로 선택사항을 내리면 Drop Shadow 항목이 있고 그곳에서 글자의 그림자효과를 줄수 있습니다.

Blur값을 조정하여 그림자의 또렷함을 조정할수 있고 Distance를 수정하면 그림자와 자막의 거리를 수정할수 있습니다.

글자의 수정이 완료되면 Behaviors의 Overshoot 을 적용해서 효과를 만들어 보겠습니다.

화면의 상단에 톱니바퀴를 클릭해서 효과를 적용할수도 있고 왼쪽의 Behaviors에서 효과를 적용할수도 있습니다.

overshoot을 적용하면 레이어에 항목이 나타나며 inspector 그리고 behaviors 항목을 선택하면 각종 옵션 사항이 나옵니다. 이중 맨 아래의 Apply To를 선택해 주는것이 중요합니다.

Apply To 는 어떤 효과를 적용하는지를 선택하는 중요한 항목이므로 꼭 선택을 해주어야 합니다. 

이번 효과는 크기에 효과를 적용해야 하기에 Properties -> Transform -> Scale -> All 을 선택해 줍니다.

오버샷의 설정창에서 효과를 주기 위해 Start Value 와 Ramp Duration, Cycles 를 조정하여 효과를 선택합니다.

해당 옵션의 기능을 설명 하면

Start Value : 처음 시작할때의 크기를(apply to 에서 적용한 사항에 대한) 나타내는 값으로 -100%를 지정하면 글자가 사라지게 됩니다. -50%를 설정하면 원래크기의 1/2로 축소되어 시작됩니다.

End Value : 마지막으로 끝날때의 크기 (apply to에 적용한 사항)을 나타내는 값으로 0%면 원래 설정한 크기 값이 됩니다. 

따라서 Start 와 End Value로 없던 글자가 서서히 커지면서 마지막에는 원래 크기로 커지는 효과를 줄수 있습니다.

Ramp Duration : 바운스 효과의 지속시간을 설정하는 옵션으로 값이 작아지면 효과가 빨리 진행되어 완료되고 값이 크면 효과가 천천히 느리게 진행됩니다.

Cycles은 튕기는 횟수를 지정할수 있습니다. 3회정도가 적당해 보여서 설정했습니다.

대충 이정도만 설정해도 효과를 잘 활용할수 있습니다.

다음으로 효과의 역동성을 주기 위해서 초기 5초로 설정되어 있던 overshoot 효과를 1초정도로 줄여 줍니다. 

이제 final cut pro의 자막 효과로 만들기 위해 필요한 옵션들을 Publish 해두면 

Publishing 메뉴에서 overshoot 효과를 수정할수 있도록 설정하고 저장을 하면 파이널컷 자막효과로 저장되게 됩니다.

커지면서 통통튀는 자막.zip

해당파일을 풀어서  Finder 의 동영상 폴더의 Motion Templates 내의 Titles 내에서 압축을 해제하면 파이널컷에서 효과를 사용할수 있습니다.

첨부파일로 앞선 포스팅에서 만들었던 자막을 공유해드립니다.

혹시 필요하신분들은 다운로드 하셔서 압축을 푸신후

Finder를 여시고 

동영상에 들어가시면 Motion Templates 폴더가 있습니다. 여길 클리하셔서 들어가시고

여러 폴더중 Titles를 클릭하셔서 다시 들어갑니다.

그리고 아무곳에나 붙여넣기를 하시면 됩니다.

저는 폴더를 하나더 만들어서 그곳에 저장해 두었습니다.

복사된 압축파일을 푸시면 끝.. 

파이널컷 프로에서 자막을 선택하시면 반투명 배경 자막을 사용하실수 있습니다.

반투명배경자막.zip

모션5로 반투명 사각 배경과 자막이 연동되도록 만들었다면 반투명 사각 배경의 바탕색상 이라던지 모서리를 둥글게 만드는 정도라던지 이런 부분을 파이널컷에서 조정가능하게 만들수 있습니다.

이때 사용하는 것이 Publish 항목인데 필요한 부분에서 Publish를 설정하고 save를 하면 파이널컷에서 해당 자막효과를 불러와서 수정이 가능하게 됩니다,

설정하고 싶은 항목 또는 효과 메뉴의 오른쪽 끝의 삼각형 ∨모양을 누르면 하위 메뉴로 Publish 항목이 나타난 부분을 선택하면 해당 항목이 파이널컷에서도 수정이 가능하게 됩니다.

Publish 설정이 완료되면 Project ->Publishing 항목에 Publish된 내용이 나타나게 됩니다.

Publish는 파이널컷에서 모션에서 설정한 효과나 선택을 수정할수 있도록 하기 위한 항목입니다.

필요한 Publish 항목들에 대한 설정이 끝났으면 저장을 하게되면 자동으로 파이널컷에서 사용할수 있는 파일과 위치로 저장이 됩니다.

맥의 상단 메뉴바에서 File 항목아래 save 혹은 save as를 선택합니다.

그러면 사각형 박스가 하나 생성되면서 Template Name은 효과의 이름을 설정해주고 category는 파일을 저장할 폴더를 선택해 주면 됩니다.

그리고 아래에 Save preview movie를 체크해주면 파이널 컷에서 효과를 사전 적용 예제 보기를 할수 있습니다. 

마지막으로 Publish를 누르면 완성됩니다.

여기서 파일이 저장되는 위치는 

Title은 동영상 -> Motion templates -> Titles 아래에 있는 폴더에 저장되고 되고

Effects, Transitions, Generators, Compositions 들도 각각 동영상 -> Motion templates 아래에 있는 해당폴더에 저장되게 됩니다.

이후는 파이널 컷을 실행하고 타이틀에서 저장한 효과의 해당 이름을 찾아 적용하시면 됩니다.

이상 간단한 투명 배경사각 자막을 만들어보았습니다.

앞선 포스팅에서 모션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 레이어를 드래그하여 넣어두면 텍스트가 움직이는 위치로 배경도 같이 움직이는 효과가 부여됩니다. 

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

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

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

파이널컷에는 다양한 효과의 기본 자막이 있습니다. 대부분은 기본 자막 효과들 중에서 하나를 선택해서 자막에 다양한 효과를 줍니다만 자막에 사각형 반투명 바탕이 나오는 효과는 없어서 하나 만들어 보았습니다.

모션으로 자막 만들어 보는 기본입니다.  아래와 같이 자막의 시안성을 높여주기 위해 어두운 색의 반투명 사각 배경이 있는 효과입니다.

1. 우선 모션을 실행합니다.

가운데 큰 아이콘 중에서 Final Cut Title을 선택하고 오른쪽 상단의 Preset 과 Frame Rate 그리고 Duration을 적당하게 선택한후 Open을 클릭해 줍니다. 

자막을 만들수 있는 기본 화면이 나옵니다.

2. 우선 가운데 레이어 창에서 회색의 T 아이콘이 있는 Type Test Here 라는 레이어를 선택하면 글자를 입력하는 창을 수정할수 있습니다.

화면에 택스트 입력창의 위치와 여백이 너무 많이 설정되어 있기 때문에 기본으로 설정하기 위해 설정을 바꿔 줍니다.

3. 텍스트 레이어가 클릭하여 선택후 번호 순서대로 Inspector클릭 -> Text 클릭 -> Layout 클릭 -> 맨하단의 Margin 메뉴바의 Hide 옆의 ∨을 눌러보면 창이 뜨면서 Reset Parameter 항목이 나오고 클릭해줍니다.

그러면 

글자 입력창이 아래에서 중앙으로 이동하고 여백도 사라지게 됩니다.

4. 왼쪽 중간 메뉴Text의 하위 메뉴인 Format을 선택하면 가장하단에 글자를 입력할수 있는 수정창이 있습니다.

혹은 회색 바탕화면의 Type Text Here 란을 더블 클릭하면 화면에서 글자를 입력할수도 있습니다.

5. 다음으로는 사각형 투명 배경을 만들기 위해서 화면에 사각형 모양을 만들어 주어야 합니다.

화면의 가운데 네모 상자를 클릭해보면 그리기 도구가 나타납니다. Rectangule (사각형) Circle (원형), Line (선)을 그릴수 있는 도구가 나오고 직사각형 배경모양을 만들어 주어야 하니까 Rectangule을 선택하고 화면에서 포인트를 잡고 드레그하면 사격형이 그려집니다.

 화면에 사각형이 그려지면 레이어 창과 타임라인 창에 화살표 처럼 Rectangle이라는 레이어가 생깁니다. 

6. 만든 사각형의 모양을 조금 다듬고 색을 설정하고 배경이 조금 보일수 있도록 투명하게 조정해야 합니다.

우선 화면창 아래에 화살표를 클릭하면 선택된 레이어를 화면에서 이동하거나 크기를 줄이거나 하는 조정을 할수 있습니다.

다음으로는 레이어창에서 Rectangle 을 선택하고 Inspector 선택이 된 상태에서 Shape를 클릭합니다.

shape의 하단메뉴중 Geometry를 선택하면 Roundress 항목이 나오고 여기의 숫자가 커지면 커질수록 모서리가 둥글게 변형됩니다. 

저는 10으로 셋팅했습니다.

사각형의 바탕색을 변경하기위해서는 Shape 항목의 아래 메뉴중 Style를 선택하여 Fill 항목에서 Fill color 항목 중 흰색 박스를 클릭하면 색상 변경을 할수있는 창이 하나 나타나면서 색상을 변경할수 있습니다.

저는 검정색으로 선택하였고 색상선택 아래를 보면 Fill Opacity 메뉴가 있습니다. 이 숫자가 증가되면 불투명해지고 작아지면 투명해집니다.

저는 약 35%로 설정했습니다.

7. 이제 글자를 배경과 같이 보여주기 위해서 옮겨줍니다.

화살표 포인트를 클릭하고 화면에서 텍스트를 클릭후 드래그하면 이동이 됩니다.

여기서 한가지 설정을 뒤늦게 한 부분이 있는데 레이어 위치를 텍스트가 사각형 레이어 보다 위로 갈수 있도록 조정해 주어야 글자가 사각형보다 위에 써져 선명하게 됩니다. 현재 상태는 사각형이 위에 있고 글씨가 아래에 있어서 이대로라면 글씨가 희미하게 보입니다. 이건 마지막에 수정해 주어도 되긴합니다만 실수를 줄이기 위해서는 항상 레이어 순서를 신경쓰시는게 좋을것 같습니다. 

불투명 사각형 위로 텍스트가 이동이 완료되었으면 글자를 수정하기 위해서 텍스트 레이어를 클릭하고 Text -> Format을 선택하여 문구를 수정합니다.

그리고 Appearance 항목에서 글자의 색상과 테두리 그림자 등을 설정할수 있고 저는 그림자 Drop Shadow를 설정했습니다.

이제 기본적인 것은 완료되었습니다.

다음 내용은 반투명 배경이 글자에 따라 배경이 늘어나도록 연동될수 있도록 만드는 방법을 체험해 보겠습니다.