모션타이포
반응형
21

애프터이펙트 강좌]#07 움직이는 배경 만들어보기 - 모션그래픽 기초에서 중급으로 업그레이드

안녕하세요 빠르크입니다. 모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다. 오늘은 움직이는 배경을 만드는 방법을 배워보겠습니다. #1 텍스트 레이어 입력하기 (오버레이 모드로 바꿔봅시다) ▲ 텍스트 레이어를 추가해봅시다. 마우스 오른쪽 버튼 - 새로 만들기(new) - 텍스트(text) ▲ 레이머 모드를 '일반'에서 '오버레이'로 변경해보겠습니다. '오버레이'로 변경하면 좀 더 배경에 녹아드는 걸 볼 수 있습니다. ▲ 레이어 모드 "일반" 일 때 (기본값) ▲ 레이어 모드 "오버레이" 일 때 모습 입니다. 배경에 더 녹아드는 것을 볼 수 있습니다. #2 움직이는 배경을 적용할 솔리드 만들기 ▲ 배경으로 만들 솔리드를 추가하겠습니다. 새로만들기(new) - 단색(solid)..

[모션5]애프터이펙트에서 쓰이는 트랙 매트를 모션에서 구현하는 방법

애프터이펙트와 모션5는 비슷한 기능을 제공하지만 구현하는 방법이 다른 부분도 있습니다. 그 중에 하나가 트랙매트 입니다. 트랙매트를 영상이나 이미지를 합성시키는 방법 중에 하나인데요, 애프터이펙트에서는 아래와 같은 방법으로 토글/스위치 모드로 변경 후 트랙매트에서 적용시켜 줍니다. 애플의 모션5에서는 다른 방법으로 구현하는데, 방법은 간단합니다. ▲ 글자와 배경을 준비합니다. 분필 배경 그림을 EDUCATION 글자 안으로 넣어보겠습니다. ▲ 분필 배경 그림을 선택한 후에 Object- Add Image Mask (단축키 : Shift + Cmd + M)을 클릭합니다. ▲ 혹은 레이어 선택 후 마우스 오른쪽 버튼 누르면 뜨는 팝업창에서 적용시킬 수 있습니다. ▲ Image Mask 가 추가되었습니다. 이..

애프터이펙트 강좌]#05 그림자 만들어보기 - 모션그래픽 기초에서 중급으로 업그레이드

안녕하세요 빠르크입니다. 모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다. 오늘은 그림자를 만들어 글자에 깊이를 더하는 방법을 알아보겠습니다. 예제에 쓰인 준비물 파일 입니다. ▲ 배경으로 쓰인 이미지입니다. ▲ 글자에 텍스처로 넣은 배경입니다. #1 텍스트 레이어와 배경 이미지를 깔아줍시다. 1. 텍스트 레이어는 "SHADOWS"를 입력했습니다. - (혹시 대문자 입력으로 capslock 키 어쩌구 빨간색 메시지가 뜨면 capslock 키 다시 한 번 눌러주시면 사라집니다.) 2. 배경은 위에서 첨부해드린 이미지를 사용하시면 편리합니다. 3. 배경은 가장 밑 레이어에 위치해야 글자나 그림이 보입니다. ▲ 텍스트 레이어를 새로 만들어 줍니다. 마우스 오른쪽 버튼을 누르시면..

애프터이펙트 강좌]#03 텍스처 효과 연출하기 - 모션그래픽 기초에서 중급으로 업그레이드

애프터이펙트 강좌 - #03 텍스처 효과 연출하기 모션그래픽 기초에서 중급으로 업그레이드 안녕하세요 빠르크입니다. 모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다. 오늘은 텍스처 효과 연출하기에 대해 알아보겠습니다. 텍스처는 질감의 영어 표현인데, 물체의 재질에 따라 주는 느낌, 표면이 주는 느낌을 이야기 합니다. 텍스처 효과를 구현하기 위해 필요한 배경 소스는 구글링을 통해 검색 가능합니다. #1 기본적인 작업 - 배경 넣고 글자 (텍스트 레이어) 삽입하기 ▲ 우선 배경 파일을 깔아줍니다. ▲ 텍스트 레이어를 삽입하겠습니다. ▲ TEXTURES 라는 글자를 넣었습니다. ▲ TIP) 텍스트 레이어를 가운데로 맞추고자 하는 분은 가운데로 위 그림과 같이 맞춰주시면 됩니다. ..

애프터이펙트 강좌]#02 비네팅 화면 연출하기 - 모션그래픽 기초에서 중급으로 업그레이드

애프터이펙트 강좌 - #02 비네팅 화면 연출하기 모션그래픽 기초에서 중급으로 업그레이드 안녕하세요 빠르크입니다. 모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다. 오늘은 비네트 화면 연출하기에 대해 알아보겠습니다. 준비물은 배경으로 사용할 파일이 필요합니다. 구글링을 통해 갈색 배경으로 이미지 검색하시면 괜찮은 배경 이미지들을 얻으실 수 있습니다. (구글링을 통해 갈색 배경 바로 검색하기!) ⬆︎ 갈색 배경을 배치하고 텍스트 레이어를 삽입했습니다. (1. 텍스트 레이어 : 글자 VIGNETTE, 2. 그림 파일 : 소포지.jpg ) ⬆︎ 솔리드 레이어(단색)를 추가시켜줍니다. ⬆︎ 솔리드 레이어를 추가시킨 후 저기 사각형 도구(rectangle)를 타원 도구로 변경해줍니..

애프터이펙트 강좌]#01 그라디언트 적용하기 - 모션그래픽 기초에서 중급으로 업그레이드

애프터이펙트 강좌 - #01 그라디언트 적용하기 모션그래픽 기초에서 중급으로 업그레이드 안녕하세요 빠르크입니다. 모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 방법들을 알려드리고자 합니다. 오늘은 그라디언트 적용에 대해 알아보겠습니다. #1 새로운 컴포지션부터 만들기 컴포지션을 만들어야 애프터이펙트 작업을 시작할 수 있습니다. 새로운 컴포지션 만드는 방법은 이전에 올렸던 포스팅을 참조하시면 됩니다. ([AE]솔리드 레이어로 배경 만들기, 그라디에이션 배경 만들기) #2 텍스트 레이어 추가하기 애프터이펙트에 글자를 삽입하는 방법을 알아보겠습니다. 컴포지션 만든 후 왼쪽 하단에서 마우스 오른쪽 버튼을 누르시면 아래와 같은 팝업창이 뜹니다. '새로만들기(New) - 텍스트 (text)'를 클릭하시면 새로..

더 나은 모션그래픽을 위한 25개의 간단한 트릭 (25 Simple Tricks for Better Motion Graphics)

25 Simple Tricks for Better Motion Graphics from Derek Lieu on Vimeo 더 나은 모션그래픽을 위한 25개의 간단한 트릭 영상입니다. 이 영상을 만든 분은 전문적인 모션그래픽 디자이너는 아니지만 (이분은 그렇게 이야기하시지만 포트폴리오를 보니 ㄷㄷㄷ) 많은 튜토리얼 영상을 보고 얻은 나름의 노하우라고 합니다.(그래도 대단하심) 전문적인 디자이너가 아니기 때문에 완전한 튜토리얼은 제공할 수 없지만 일종의 가이드 역할을 하였음 하는 바람이라고 하시네요. 참고하시면 좋을듯 합니다. (http://www.derek-lieu.com/2014/04/26/25-simple-tricks-for-better-motion-graphics/)

[AE] 애프터이펙트 텍스트와 레이어 정렬하는 방법

애프터이펙트 텍스트와 레이어 정렬하는 방법 애프터이펙트를 사용하다가 글자들을 가운데 정렬을 하고 싶거나 레이어의 위치가 들쑥날쑥 할 때 사용할 수 있는 텍스트와 레이어를 가지런하게 정렬하는 방법입니다. 알고 나면 간단합니다. #1 레이어 정렬은 '맞춤(align)'으로 하세요 ⬆︎ 우선 창(window)에서 맞춤(align)을 활성화 시키셔야 합니다. ⬆︎ 위 그림과 같이 맞춤(aling) 패널이 뜹니다. ⬆︎ 레이어들을 가운데에 맞추었을 때 화면입니다. ⬆︎ 레이어들을 오른쪽에 맞추었을 때 화면입니다. ⬆︎ 레이어들을 왼쪽에 맞추었을 때 화면입니다. #2 텍스트(글자)들을 정렬하기(왼쪽 정렬, 가운데 정렬, 오른쪽 정렬) ⬆︎ 단락(paragraph) 패널입니다. 단락 패널과 맞춤 패널의 차이점은 단락..

[AE]애프터이펙트 :: 모션타이포, 키네틱타이포에 쓰이는 효과 (Swinging text)

안녕하세요 빠르크입니다. 오늘은 모션타이포 (키네틱타이포 라고도 하죠, 글씨가 움직이면서 만들어 내는 영상)에서 쓰이는 연출 중 하나인 swinging text 효과 연출방법에 대한 포스팅을 하고자 합니다. 예제 영상을 보시면 위에서 마치 그네를 타고 오듯이 뱅글뱅글 움직이는 모습을 볼 수 있습니다. 여기에 쓰인 원리는 키프레임 애니메이션을 x축 로테이션에 걸어주는 것입니다. 단, 앵커포인트를 먼저 조절해주셔야 합니다. 앵커포인트(anchor point)는 중심축이라고 생각하시면 됩니다. 중심축을 바탕으로 커지든/작아지든/회전하든 하겠죠. 따라서 먼저 앵커포인트를 바꾸셔야 합니다. 아래 그림을 보시면 앵커포인트가 글자의 가운데 상단에 위치해 있음을 볼 수 있습니다. 앵커포인트는 transform - An..