본문 바로가기

반응형 자막 바에 반응하는 로고 이미지 정렬하기 Align to | 빠르크의 모션5 3분강좌 50강

빠르크의3분강좌 2023. 1. 26.

반응형 자막 바에 반응하는 로고 이미지 정렬하기 Align to

빠르크의 모션5 3분강좌 50강

안녕하세요. 빠르크 입니다. 

 

반응형 자막 바를 모션에서 만들 때 로고 이미지도 같이 반응형으로 따라다니는 방법에 대해 질문을 해주셨어요.

 

자막 바의 길이가 움직임에 따라 로고 이미지 역시 자막바를 따라다니며 나타났으면 하는 것이 오늘의 포인트인데 바로 정렬 기능으로 그 문제를 해결할 수 있습니다.

 

한글판에서는 '다른 대상체에 정렬' 이란 기능으로 사용하는데 오늘은 이 기능을 한 번 살펴보겠습니다.

 

https://youtu.be/zYE1G-FqEEk

 


내용 정리하기

 

동작(Behaviors) - 기본 모션(Basic Motion) - 다른 대상체에 정렬 (Align to) 를 로고 이미지에 적용합니다.

 

'다른 대상체에 정렬'은 로고 이미지에 적용이 되었습니다.

 

그 부분을 클릭하면 왼쪽 인스펙터에 나타납니다.

인스펙터를 살펴보면 '대상체(Object)'가 '없음'으로 지금은 비워져 있는 상태입니다.

 

자막 바로 만든 사각형 레이어를 드래그하여 대상으로 지정합니다.

 

두 개의 매개변수를 이해하셔야 합니다. 

 

정렬과 대상입니다.

 

정렬기준을 무엇으로 맞출 것인지 

대상어디에 배치를 할 것인지로 이해하면 좀 더 쉽습니다.

 

예를 들어 로고 이미지의 정렬을 왼쪽으로 두겠습니다. 

 

그러면 기준이 로고 이미지의 왼쪽 부분에 맞춰집니다. 

 

화면에는 아래 그림과 같이 표시됩니다.

 

이미지의 왼쪽 부분이 기준으로 맞춰져 있습니다. 

 

글자로 치면 왼쪽 정렬된 글자라고 생각하시면 됩니다. 

이번에는 정렬을 오른쪽으로 변경하였습니다.

 

이미지의 오른쪽 부분이 기준이 되면서 아까와는 다른 모습입니다.

 

글자로 치면 오른쪽 정렬된 글자라고 생각하시면 됩니다.

 

대상은 이미지를 어디에 배치할 것인지를 결정합니다. 

 

대상을 '왼쪽'으로 설정한 화면입니다. (정렬은 오른쪽)

 

사각형 자막 바의 '왼쪽' 부분에 이미지를 배치합니다.

 

사각형 자막 바의 왼쪽 상단에 이미지를 배치하고자 한다면 다음과 같이 설정합니다.

 

이미지의 왼쪽 하단 부분을 정렬로 설정하고

 

자막바 (사각형)의 왼쪽 상단 부분을 대상으로 설정합니다. 

 

이미지가 자막 바의 오른쪽 상단에 위치하려면 일단 대상을 오른쪽 상단으로 둡니다.

 

그리고 정렬을 오른쪽 하단으로 두면 그림과 같이 나타납니다.

 

 

이렇게 정렬된 이미지는 대상이 아무리 커지거나 작아져도 그 위치 그대로 있기 때문에 반응형 자막 바와 같은 것을 만들 때 유용하게 사용할 수 있습니다.

 


빠르크의 3분 강좌

 

빠르크의 3분 강좌는 파이널컷프로X, 모션5, 프리미어프로, 애프터이펙트의 사용 방법 및

영상 편집에 필요한 템플릿들을 무료로 제공하고 있습니다. 

 

채널 구독과 좋아요, 알람설정을 통해 좋은 자료들 놓치지 않고 받아보세요! ^^

 

 

더 많은 정보는 아래에서 확인하세요

 

티스토리 블로그 https://parkpictures.tistory.com

유튜브 채널 https://www.youtube.com/c/park3min

 

#빠르크 #모션그래픽 #영상편집 #3분강좌

#파이널컷프로X #애플모션5 #애프터이펙트 #프리미어프로

#빠르크픽쳐스 #빠르크의3분강좌 #park3min


 

댓글