방구석컴퍼니

MOTION WORDS · 50

내 화면이 촌스러운 이유는
단어 하나

클로드코드에 “움직여줘”라고만 하면 무난하게는 만듭니다. 그런데 무난함은 어디서 본 화면이 되고, 유튜브에서 “프로 같다”는 느낌은 단어 하나에서 옵니다. 아래 50개는 같은 물건을 단어 없이 한 번, 단어 넣고 한 번 만든 것입니다. 버튼으로 바꿔 보세요.

말하는 순서+어떻게+얼마나= 구독 버튼을 · 오버슈트로 오른쪽에서 · 0.7초
전부
01

등장이 밋밋한가요?

등장이 밋밋할 때

이징

Easing

출발할 때 천천히, 도착할 때 살살. 자동차가 서는 것처럼.

이렇게 말하면 됩니다

구독 버튼을 왼쪽에서 가운데로 옮겨줘. 이징(ease-out)을 넣어서 빨리 오다가 도착할 때 살살 멈추게. 0.6초.

구독 버튼을 왼쪽에서 가운데로 옮겨줘.

오버슈트

Overshoot영상에서 다룸

도착점을 조금 넘어갔다가 돌아와서 선다. 버스가 급정거할 때 몸이 쏠리듯.

이렇게 말하면 됩니다

구독 버튼을 왼쪽 밖에서 가운데로 가져와줘. 오버슈트를 넣어서 가운데를 12px 지나쳤다가 되돌아와 멈추게. 0.6초.

구독 버튼을 왼쪽에서 가운데로 옮겨줘.

팝인

Pop-in영상에서 다룸

작은 점에서 톡 하고 튀어나온다.

이렇게 말하면 됩니다

마스코트를 화면 가운데에 팝인으로 등장시켜줘. 크기 0에서 110%까지 갔다가 100%로. 0.4초.

마스코트를 화면 가운데에 나타나게 해줘.

예비 동작

Anticipation

뛰기 전에 살짝 움츠린다. 반대쪽으로 한 번 갔다가 출발.

이렇게 말하면 됩니다

마스코트를 오른쪽으로 240px 보내줘. 예비 동작으로 출발 전에 0.15초 동안 왼쪽으로 30px 움츠렸다가 0.4초 만에 확 가게.

마스코트를 오른쪽으로 보내줘.

후속 동작

Follow-through

몸은 멈췄는데 옷자락은 조금 더 흔들린다.

이렇게 말하면 됩니다

제목 카드를 아래에서 위로 올려 멈추게 해줘. 후속 동작으로 카드가 멈춘 뒤 그림자와 작은 배지가 0.1초씩 늦게 따라와 자리 잡게. 전체 0.8초.

제목 카드를 아래에서 위로 올려줘.

시차 등장

Stagger영상에서 다룸

한꺼번에 말고 하나씩 줄줄이. 도미노처럼.

이렇게 말하면 됩니다

자료 카드 5장을 왼쪽부터 시차 등장으로 띄워줘. 0.09초 간격, 카드마다 아래에서 30px 올라오며 투명에서 진해지게. 카드 하나당 0.4초.

자료 카드 5장을 화면에 띄워줘.

바운스

Bounce

떨어져서 통통 튀다가 잦아든다.

이렇게 말하면 됩니다

알림 배지를 위에서 떨어뜨려줘. 바운스 2번, 첫 번째는 떨어진 높이의 30%, 두 번째 10%. 1.2초 안에 멈추게.

알림 배지를 위에서 떨어뜨려줘.

탄성

Elastic

고무줄처럼 늘어났다 줄었다 하며 멈춘다.

이렇게 말하면 됩니다

오픈톡 카드를 가운데에 탄성으로 등장시켜줘. 크기가 120%, 90%, 105%, 100% 순서로 줄어드는 흔들림. 0.9초.

오픈톡 카드를 가운데에 나타나게 해줘.

블러 등장

Blur Reveal

안개 걷히듯 흐릿하다가 또렷해진다.

이렇게 말하면 됩니다

채널 로고를 블러 등장으로 띄워줘. 흐림 20px에서 0으로, 투명에서 진하게. 0.8초, 도착할 때 살살.

채널 로고를 띄워줘.

마스크 리빌

Masked Reveal

가려진 틈 사이로 올라오며 드러난다. 봉투에서 편지 꺼내듯.

이렇게 말하면 됩니다

제목 카드를 마스크 리빌로 보여줘. 고정된 가림막 아래에서 카드 높이만큼 올라오며 드러나게. 가림막 밖은 안 보이게. 0.5초.

제목 카드를 보여줘.

02

글자가 심심한가요?

글자가 심심할 때

글자별 등장

Per-character Animation영상에서 다룸

글자가 한 글자씩 따로 나온다.

이렇게 말하면 됩니다

'방구석컴퍼니' 글자를 글자별 등장으로 띄워줘. 글자마다 아래에서 40px 올라오며 살짝 기울었다가 바로 서게. 글자 사이 0.05초 간격, 다 나온 뒤 한 줄로 정렬.

'방구석컴퍼니' 글자를 띄워줘.

타자기

Typewriter영상에서 다룸

타자 치듯 한 글자씩 찍힌다. 깜빡이는 막대까지.

이렇게 말하면 됩니다

'이거 움직이게 해줘' 문장을 타자기로 찍어줘. 글자당 0.06초, 끝에 깜빡이는 세로 막대 0.5초 간격.

'이거 움직이게 해줘' 문장을 보여줘.

스크램블

Text Scramble

아무 글자나 빠르게 바뀌다가 진짜 글자로 딱 고정된다. 슬롯머신처럼.

이렇게 말하면 됩니다

'조회수 71,198' 글자를 스크램블로 띄워줘. 아무 숫자와 글자가 빠르게 바뀌다가 왼쪽부터 순서대로 진짜 글자로 고정. 1.2초.

'조회수 71,198' 글자를 띄워줘.

자간

Tracking Animation

글자는 그대로 두고 글자 사이 폭만 넓혔다가 좁힌다.

이렇게 말하면 됩니다

'BANGGUSEOK' 글자 크기는 그대로 두고 자간만 30px에서 2px로 0.8초 동안 모아줘. 단어 가운데는 화면 가운데 고정.

'BANGGUSEOK' 글자를 띄워줘.

키네틱 타이포

Kinetic Typography

글자가 말뜻대로 움직인다. '크게'는 커지고 '옆으로'는 옆으로.

이렇게 말하면 됩니다

'움직여' 단어를 키네틱 타이포로 만들어줘. 0.6초 작게 등장, 다음 0.6초 크게 커지며 오른쪽으로, 마지막 0.6초 기울기 바로잡고 가운데 정렬. 읽을 시간 1초.

'움직여' 단어를 띄워줘.

라이트온

Write-on

펜으로 쓰듯 선이 그어지며 글씨가 나타난다.

이렇게 말하면 됩니다

손글씨 서명을 라이트온으로 그려줘. 왼쪽부터 획 순서대로 1.5초, 선 두께 일정, 다 그린 뒤 1초 유지.

손글씨 서명을 보여줘.

텍스트 모핑

Text Morphing

글자 모양이 스르륵 다른 글자로 바뀐다. 겹쳐서 바꾸는 게 아니라 형태가 이어진다.

이렇게 말하면 됩니다

굵은 숫자 1의 윤곽을 5로 1초 동안 텍스트 모핑해줘. 겹쳐서 바꾸지 말고 윤곽선이 이어지게. 가운데와 높이 고정, 양쪽 모양을 각각 0.6초 보여줘.

숫자 1을 5로 바꿔줘.

물결 텍스트

Wave Text

글자들이 파도처럼 위아래로 출렁인다.

이렇게 말하면 됩니다

'무료로 받아가세요' 글자를 물결 텍스트로 만들어줘. 글자마다 0.05초씩 늦게 위로 8px 올랐다 내려오게. 2초에 한 바퀴, 끊김 없이 반복.

'무료로 받아가세요' 글자를 띄워줘.

밑줄 긋기

Underline Draw

글자 아래 밑줄이 왼쪽에서 오른쪽으로 쭉 그어진다.

이렇게 말하면 됩니다

'단어 하나' 글자 아래에 밑줄 긋기를 넣어줘. 글자가 뜬 뒤 0.3초 있다가 왼쪽에서 오른쪽으로 0.4초, 밑줄 두께 6px, 끝은 둥글게.

'단어 하나' 글자에 밑줄을 넣어줘.

형광펜

Highlight Sweep영상에서 다룸

형광펜으로 쓱 칠하듯 글자 뒤에 색이 지나간다.

이렇게 말하면 됩니다

'프로그램이 아니라 단어' 글자 뒤에 형광펜을 칠해줘. 노란 띠가 왼쪽에서 오른쪽으로 0.5초, 글자보다 위아래 4px 크게, 살짝 기울어지게.

'프로그램이 아니라 단어' 글자를 강조해줘.

03

화면이 바뀔 때 뚝 끊기나요?

화면 바뀔 때 뚝 끊길 때

와이프

Wipe Transition

커튼 걷듯 한쪽에서 다음 화면이 밀고 들어온다.

이렇게 말하면 됩니다

남색 장면에서 크림색 장면으로 와이프 전환해줘. 왼쪽에서 오른쪽으로 0.8초, 경계선은 또렷하게, 장면 안 물건은 안 움직이게.

남색 장면에서 크림색 장면으로 바꿔줘.

매치 컷

Match Cut

같은 모양끼리 맞춰서 화면을 바꾼다. 동그란 로고가 동그란 시계로.

이렇게 말하면 됩니다

가운데 동그란 채널 로고에서 동그란 시계로 매치 컷해줘. 두 원의 중심과 지름을 똑같이 맞추고 1.2초에 딱 잘라 바꾸기. 겹쳐 흐리게 하지 말고.

채널 로고 다음에 시계를 보여줘.

휩 팬

Whip Pan영상에서 다룸

고개를 휙 돌리듯 화면이 옆으로 밀리며 바뀐다.

이렇게 말하면 됩니다

챕터 1 화면에서 챕터 2 화면으로 휩 팬 전환해줘. 화면이 왼쪽으로 휙 밀리고 0.2초, 밀리는 동안만 가로로 흐리게, 도착하면 바로 또렷하게.

챕터 1 화면에서 챕터 2 화면으로 바꿔줘.

스냅 줌

Snap Zoom

순간 확 당겨서 크게 보여준다.

이렇게 말하면 됩니다

가운데 제목 카드에 스냅 줌을 넣어줘. 0.15초에 100%에서 150%로 확 커졌다가 0.4초 유지, 0.3초에 100%로 돌아오게. 가운데 고정.

제목 카드를 크게 보여줘.

줌 전환

Cross Zoom

앞 화면 속으로 빨려 들어가면서 다음 화면이 나온다.

이렇게 말하면 됩니다

썸네일 화면에서 본편 화면으로 줌 전환해줘. 앞 화면이 0.4초 동안 200%로 커지며 흐려지고, 그 안에서 뒷 화면이 120%에서 100%로 줄어들며 또렷해지게.

썸네일 화면에서 본편 화면으로 바꿔줘.

패럴랙스

Parallax

기차 창밖처럼 앞 풍경은 휙, 먼 산은 천천히. 그래서 깊이가 보인다.

이렇게 말하면 됩니다

마스코트, 책상, 배경 3겹을 패럴랙스로 움직여줘. 2초 동안 앞은 왼쪽으로 120px, 가운데 50px, 뒤 15px. 화면 끝에 빈 데 없게.

마스코트, 책상, 배경을 옆으로 움직여줘.

2.5D

2.5D Animation

납작한 그림들을 앞뒤로 세워 놓고 카메라를 살짝 옮긴다. 종이 인형극처럼.

이렇게 말하면 됩니다

자료 카드 3장을 앞뒤 다른 깊이에 세워 2.5D로 만들어줘. 카메라가 2초 동안 오른쪽으로 옮기며 살짝 다가가게. 가까운 카드는 크게, 가려지는 순서 유지.

자료 카드 3장을 보여줘.

초점 이동

Rack Focus

앞이 또렷하다가 뒤가 또렷해진다. 카메라 초점 돌리듯.

이렇게 말하면 됩니다

앞 마스코트는 또렷하고 뒤 제목은 흐리게 시작해서 1초 동안 초점 이동해줘. 뒤 제목이 또렷해지고 앞 마스코트가 흐려지게. 카메라는 안 움직이게.

마스코트 뒤에 제목을 보여줘.

돌리 줌

Dolly Zoom

사람 크기는 그대로인데 뒤 배경만 쭉 늘어난다. 어지러운 느낌.

이렇게 말하면 됩니다

가운데 마스코트 크기는 그대로 두고 돌리 줌을 해줘. 2초 동안 카메라는 뒤로 빠지고 렌즈는 당겨서 배경 원근만 바뀌게. 마스코트 위치와 비율 고정.

마스코트 배경을 움직여줘.

켄 번스

Ken Burns영상에서 다룸

사진 한 장을 천천히 키우면서 옆으로 옮긴다. 다큐멘터리에서 보던 그거.

이렇게 말하면 됩니다

캡처 사진에 켄 번스를 넣어줘. 4초 동안 100%에서 115%로 천천히 커지며 오른쪽 위로 살짝 옮기기. 시작과 끝은 살살.

캡처 사진을 보여줘.

04

숫자랑 도형이 죽어 있나요?

숫자·도형이 죽어 있을 때

숫자 카운트업

Number Counter영상에서 다룸

숫자가 0에서 쭉 올라간다. 마지막엔 천천히.

이렇게 말하면 됩니다

조회수 숫자를 0에서 71,198까지 카운트업해줘. 1.5초, 처음엔 빠르게 올라가다 끝에 살살. 천 단위 쉼표 유지.

조회수 71,198을 보여줘.

진행 막대

Progress Fill

막대가 왼쪽에서 오른쪽으로 차오른다.

이렇게 말하면 됩니다

다운로드 막대를 0%에서 100%까지 채워줘. 1.2초, 끝에 살살, 다 차면 막대 끝이 한 번 반짝.

다운로드 막대를 보여줘.

도형 모핑

Shape Morphing

동그라미가 스르륵 네모로 바뀐다.

이렇게 말하면 됩니다

동그란 채널 로고를 모서리 둥근 네모 카드로 1초 동안 도형 모핑해줘. 가운데 고정, 윤곽선이 부드럽게 이어지고 색과 크기는 그대로.

동그란 로고를 네모 카드로 바꿔줘.

방사형 버스트

Radial Burst

가운데서 사방으로 선이 팍 퍼졌다 사라진다. 만화의 '짠!'.

이렇게 말하면 됩니다

구독 버튼이 눌리는 순간 방사형 버스트를 넣어줘. 가운데서 선 8개와 점이 140px까지 0.4초 퍼지고 0.25초 동안 사라지게.

구독 버튼이 눌리는 걸 보여줘.

경로 따라 이동

Path Animation

정해진 길을 따라 움직인다. 직선이 아니라 구불구불.

이렇게 말하면 됩니다

마스코트를 S자 길을 따라 왼쪽 아래에서 오른쪽 위로 보내줘. 2초, 길 방향으로 몸이 살짝 기울게, 시작과 끝은 살살.

마스코트를 왼쪽 아래에서 오른쪽 위로 보내줘.

리퀴드 모션

Liquid Motion

물방울 두 개가 붙었다 떨어진다.

이렇게 말하면 됩니다

남색 방울과 하늘색 방울이 가운데서 합쳐졌다가 좌우로 떨어지는 리퀴드 모션을 만들어줘. 이어진 데는 가늘게 늘어나다 끊어지게. 2초에 한 번, 표면은 매끈하게.

방울 두 개를 움직여줘.

심리스 루프

Seamless Loop

끝과 처음이 이어져서 어디서 반복되는지 모른다.

이렇게 말하면 됩니다

점 3개가 원을 따라 도는 심리스 루프를 만들어줘. 정확히 4초에 한 바퀴, 첫 장면과 마지막 장면의 위치와 속도가 이어지게. 끝에서 멈추거나 사라지지 않게.

점 3개가 원을 따라 돌게 해줘.

스쿼시&스트레치

Squash & Stretch

떨어질 땐 길어지고 닿을 땐 납작해진다. 젤리처럼.

이렇게 말하면 됩니다

젤리 공이 떨어질 때 세로 125%, 가로 80%로 늘어나고 바닥에 닿는 순간 가로 130%, 세로 77%로 납작해졌다 원래대로 돌아오는 스쿼시&스트레치를 넣어줘. 부피는 그대로.

공을 떨어뜨려줘.

트림 패스

Trim Paths에프터이펙트 이름

선이 처음부터 끝까지 그어진다. 에프터이펙트 기능 이름 그대로.

이렇게 말하면 됩니다

원 테두리 선을 Trim Paths로 0%에서 100%까지 1.2초 동안 그려줘. 선 두께 10px, 끝은 둥글게, 안은 비우고, 다 그린 뒤 0.5초 유지.

원 테두리를 그려줘.

리피터

Repeater에프터이펙트 이름

하나를 여러 개로 복사해 돌려 놓는다. 에프터이펙트 기능 이름 그대로.

이렇게 말하면 됩니다

막대 하나를 Repeater로 12개 복사해 가운데 기준 30도씩 돌려 방사형으로 놓아줘. 전체를 2초 동안 30도 돌리기.

막대 12개를 동그랗게 놓아줘.

05

마무리가 허전한가요?

마무리가 허전할 때

글로우

Glow영상에서 다룸

테두리가 네온사인처럼 은은하게 빛난다.

이렇게 말하면 됩니다

구독 버튼 테두리에 약한 글로우를 넣어줘. 가운데 선은 또렷하게, 번짐 반경 16px, 밝기가 1.5초에 한 번 천천히 오르내리게. 하얗게 날아가지 않게.

구독 버튼을 빛나게 해줘.

라이트 스윕

Light Sweep

빛 한 줄기가 표면을 쓱 지나간다. 반짝.

이렇게 말하면 됩니다

제목 카드 위로 라이트 스윕을 넣어줘. 폭이 좁고 끝이 부드럽게 번지는 대각선 빛이 왼쪽에서 오른쪽으로 1초, 카드 안에서만 보이게.

제목 카드를 반짝이게 해줘.

RGB 분리

RGB Split

빨강과 파랑이 잠깐 어긋났다 맞춰진다. 옛날 TV처럼.

이렇게 말하면 됩니다

제목 글자가 뜬 직후 0.15초만 RGB 분리를 넣어줘. 빨강은 왼쪽 6px, 파랑은 오른쪽 6px 어긋났다 정확히 제자리로. 흔들림과 노이즈는 빼고.

제목 글자에 효과를 넣어줘.

모션 트레일

Motion Trails

지나간 길에 잔상이 남는다.

이렇게 말하면 됩니다

마스코트를 곡선으로 1.5초 동안 보내면서 모션 트레일을 남겨줘. 0.04초 간격 잔상 6개, 오래된 것일수록 투명하게. 본체는 또렷하게.

마스코트를 곡선으로 보내줘.

카메라 셰이크

Camera Shake

부딪히는 순간 화면이 짧게 흔들린다.

이렇게 말하면 됩니다

제목 카드가 떨어져 닿는 순간 0.4초 카메라 셰이크를 넣어줘. 위치 최대 14px, 기울기 최대 2도, 첫 충격이 가장 크고 빠르게 잦아들게. 계속 떨리진 않게.

제목 카드를 떨어뜨려줘.

프리즈 프레임

Freeze Frame

한 순간을 딱 멈춰서 보여준다.

이렇게 말하면 됩니다

마스코트가 점프해 가장 높이 올라간 순간 프리즈 프레임으로 0.8초 멈춰줘. 멈추기 전후 동작은 자연스럽게 잇고, 멈춘 동안 얇은 테두리 선만 추가.

마스코트가 점프하게 해줘.

스피드 램프

Speed Ramp

빠르다가 느리다가. 중요한 순간만 천천히.

이렇게 말하면 됩니다

마스코트 점프 1.8초에 스피드 램프를 넣어줘. 뛰기 전 100%, 오르는 동안 200%, 꼭대기 0.4초는 50%, 내려올 땐 150%. 속도 바뀌는 데는 부드럽게.

마스코트가 점프하게 해줘.

라인 보일

Line Boil

선이 손으로 그린 것처럼 살짝살짝 꿈틀댄다.

이렇게 말하면 됩니다

별 그림의 위치와 크기는 고정하고 윤곽선에만 라인 보일을 넣어줘. 1초에 6장 그림처럼 2~3px 불규칙하게. 종이 질감 없이 깨끗한 배경.

별 그림을 손으로 그린 느낌으로 해줘.

변위 맵

Displacement Map에프터이펙트 이름

물결 무늬대로 그림이 일렁인다. 에프터이펙트 기능 이름 그대로.

이렇게 말하면 됩니다

격자 배경에 Displacement Map으로 물결을 넣어줘. 움직이는 파형 밝기 맵을 쓰고 가로 최대 24px, 세로 6px. 2초 동안 파형 이동, 색은 그대로.

격자 배경을 물결치게 해줘.

난류 변위

Turbulent Displace에프터이펙트 이름

테두리가 흐물흐물 살아 움직인다. 에프터이펙트 기능 이름 그대로.

이렇게 말하면 됩니다

원형 배지 테두리에 Turbulent Displace를 넣어줘. Amount 12, Size 45, Evolution은 2초에 한 바퀴. 가운데는 고정하고 글자엔 적용하지 않기.

원형 배지 테두리를 움직여줘.

단어를 합치면 물건이 됩니다

조합 레시피 5

단어 하나는 재료고, 세 개를 한 문장에 넣으면 유튜브에 바로 쓰는 화면 하나가 나옵니다. 물건 이름만 내 것으로 바꿔 쓰세요.

단어 3개

팝인오버슈트글로우

구독 버튼

톡 튀어나와 살짝 지나쳤다 자리 잡고, 은은하게 빛난다.

구독 버튼을 팝인으로 띄우고, 오버슈트로 살짝 넘쳤다가 제자리에 서게 해줘. 선 뒤엔 테두리가 은은하게 빛나는 글로우를 1.5초에 한 번 오르내리게. 전체 1초.

단어 3개

마스크 리빌글자별 등장밑줄 긋기

제목 카드

가려졌다 열리고, 글자가 줄줄이 나오고, 밑줄이 그어진다.

제목 카드를 마스크 리빌로 아래에서 올려 드러내고, 카드 안 글자는 글자별 등장으로 0.05초 간격으로 띄운 뒤, 마지막에 밑줄 긋기를 왼쪽에서 오른쪽으로 0.4초 넣어줘. 전체 1.6초.

단어 3개

숫자 카운트업이징스냅 줌

조회수

숫자가 올라가다 끝에서 확 커진다.

조회수를 0에서 71,198까지 카운트업하되 이징으로 끝에 살살 멈추게 하고, 다 올라간 순간 스냅 줌으로 0.15초에 150%까지 커졌다 100%로 돌아오게 해줘. 전체 2초.

단어 3개

휩 팬매치 컷모션 트레일

챕터 전환

옆으로 휙 밀리며 다음 장면. 챕터 숫자는 같은 위치에서 이어진다.

챕터 1에서 챕터 2로 휩 팬 전환하되 챕터 숫자는 매치 컷으로 같은 위치와 크기에서 이어지게, 밀리는 동안 숫자 뒤에 모션 트레일 잔상 5개를 남겨줘. 전환 0.3초.

단어 3개

시차 등장패럴랙스라이트 스윕

엔드카드

카드가 줄줄이 뜨고, 앞뒤 깊이가 생기고, 빛이 한 번 지나간다.

엔드카드의 다음 영상 카드 2장과 구독 버튼을 시차 등장으로 0.15초 간격으로 띄우고, 배경과 카드가 패럴랙스로 3초 동안 살짝 어긋나 움직이게, 다 뜬 뒤 라이트 스윕이 카드 위를 1초 지나가게 해줘.

에프터이펙트 이름이라고 표시한 항목은 Adobe After Effects 효과 이름 그대로입니다. 루프는 브라우저에서 원리를 재현한 것이고 After Effects 렌더가 아닙니다. 나머지는 도구를 가리지 않는 일반 연출 용어입니다.

참고: Adobe After Effects 도움말 — 텍스트 애니메이션 · 도형·패스 · 왜곡 효과