모션5 강좌]그래디언트 적용해보기

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

오늘은 모션5로 그래디언트를 적용하는 방법에 대해 알아보고자 합니다.

이번 강좌는 애프터이펙트로 한 번 진행을 했던 터라

모션5와 애프터이펙트를 비교하고자 하시는 분들은

(애프터이펙트 강좌 #1 그라디언트 적용하기 - http://parkpic.tistory.com/152) 를 참조해주시면 더욱 유익합니다.

---

#1 새로운 프로젝트 생성하기

모션 5를 실행하면 기본적으로 뜨는 화면이 '프로젝트 브라우저' 입니다.

가장 기본적인 'MOTION PROJECT'를 더블 클릭하시면 새로운 프로젝트가 생성됩니다.

---

#2 모션 5에서 텍스트 입력하기

모션5에서 텍스트 입력은 "T" (텍스트) 버튼을 클릭하고

캔바스(canvas) 화면에 클릭하고 입력하시면 됩니다.

간단하죠.

▲툴 바에 있는 텍스트 입력버튼을 누르고 화면에 입력해주시면 됩니다.

▲ GRADIENTS 라는 글자를 입력했습니다. (폰트 : Myraid pro)

▲ 글자 크기나 색을 변경하기 위해서는 인스펙터(Inspector)에 들어가셔야 합니다.

▲ 인스펙터 안에도 여러 탭들이 있는데 

글자에 관한 부분을 수정해야 하니 text 탭으로 들어갑니다.

Format은 글자 폰트, 사이즈, 정렬, 자간, 장평 등을 조절하는 곳입니다.

 

▲ 글자 색이나 외곽선, 그림자 같은 경우는 Apperance에 들어가서 변경합니다.

그 중 글자 색은 Face에서 조절 할 수 있습니다.

Fill with :  에서 기본적으로 설정된 컬러 대신 그래디언트(gradient)를 선택해줍니다.

▲ 기본적인 그래디언트 색입니다. 파란색을 좋아하네요.

▲ 기본적으로 그래디언트가 저런 식으로 적용됩니다.

▲ 색을 변경할 수 있습니다. 

컬러를 다양한 방법으로 선택할 수 있는데

모션5에서는 아래 그림과 같은 5가지 방법을 지원합니다.

▲ 기본적인 색상원에서 선택하는 화면입니다.

▲ RGB , CYMK 등의 슬라이더에서 조절하는 방법

▲ 애플에서 기본적으로 정해놓은 카테고리에서 선택하는 방법

▲ 스펙트럼에서 선택하는 방법

▲ 색연필에서 설정하는 방법 

다양한 방법이 있으니 본인에게 적합한 방법으로 선택하시면 됩니다.

---

#3 그래디언트 배경 적용해보기

배경을 적용하는 방법에 대해 배워보겠습니다.

애프터이펙트에서는 대체로 솔리드를 추가하여 색깔 배경을 넣는 반면에

모션5에서는 라이브러리 - 제네레이터 - 컬러솔리드(단색) / 그래디언트(여러 색) 를 추가하여 넣습니다.

▲ 라이브러리 - 제네레이터 - 그라디언트를 추가시킵니다.

※ 그라디언트를 적용시켰을 때 글자가 갑자기 사라진다면

레이어 순서를 한 번 살펴봐주세요.

배경으로 삼은 레이어는 가장 아래에 위치해야 합니다.

▲ 그라디언트 배경이 적용된 모습입니다.

▲역시 색을 조절하기 위해서는 인스펙터(Inspector)에서 바꿔 주셔야 합니다.

인스펙터(Inspector) - 제네레이터(Generator) 부분에서 색과 타입을 바꿔주시면 됩니다.

▲ 그래디언트 텍스트와 배경이 적용된 모습입니다.