정적인 이미지와 영상의 가장 큰 차이는 단순히 ‘움직임이 있는가’가 아니다. 영상에서는 무엇을 움직이고, 어떤 순서로 보여주며, 어느 속도로 움직이게 할 것인지가 메시지 전달에 직접적인 영향을 준다.
이번 수업에서는 움직임이 필요한 이유, 움직임의 네 종류와 속도, 컷보드 작성법, 여러 매체로 확장할 때 지켜야 할 규칙을 다룬다.
01. 움직임은 왜 필요한가
움직임은 단순히 화면을 화려하게 만드는 효과가 아니다. 정적인 화면 사이에서 사용자의 시선을 붙잡고, 콘텐츠에 머무르게 하며, 때로는 설명 자체를 대신한다.
| 역할 | 의미 | 활용 예시 |
|---|---|---|
| 멈추게 한다 | 정지된 요소 사이의 움직임이 시선을 끈다 | 스크롤 중 제품 하나만 움직이기 |
| 머물게 한다 | 움직임의 시작과 끝을 확인하게 만들어 체류 시간을 늘린다 | 제품이 열리고 닫히는 과정 |
| 믿게 한다 | 실제 작동 모습을 보여주어 설명의 신뢰도를 높인다 | 손으로 제품을 직접 사용하는 장면 |
특히 제품 콘텐츠에서는 세 번째 역할이 중요하다. 실제로 열리고, 눌리고, 움직이는 모습을 보여주면 긴 설명 없이도 제품의 기능을 이해할 수 있다.
쓰는 장면 하나가 여러 장의 스펙 설명을 대신할 수 있다.
움직임이 방해가 되는 경우
움직임이 많다고 좋은 것은 아니다. 화면 전체가 계속 움직이면 눈이 피로해지고 무엇을 봐야 하는지 알기 어려워진다.
따라서 움직이는 요소는 하나만 두고 나머지는 멈춰 있는 것이 좋다. 움직임 자체보다 정적인 주변 요소와의 대비가 시선을 만든다.
02. 움직임의 네 종류
움직임은 목적에 따라 크게 네 가지로 나눌 수 있다.
| 종류 | 하는 일 | 주로 사용하는 곳 |
|---|---|---|
| 등장 | 없던 것이 나타난다 | 훅 문구, 가격, 배지 |
| 강조 | 있던 것이 커지거나 흔들린다 | 버튼, 핵심 소재 |
| 전환 | 화면이 다음으로 넘어간다 | 전후 비교, 색상 변경 |
| 반복 | 같은 움직임이 계속된다 | 패턴, 배경, 로딩 |
중요한 것은 움직임의 종류보다 속도이다.
| 움직임 | 권장 속도감 | 이유 |
|---|---|---|
| 등장 | 빠르게, 약 0.3초 내외 | 바로 시선을 끌어야 하기 때문 |
| 강조 | 빠르게, 약 0.3초 내외 | 핵심 요소를 순간적으로 인식시키기 때문 |
| 전환 | 중간, 약 0.5초 내외 | 화면의 변화를 인식할 시간이 필요하기 때문 |
| 반복 | 비교적 느리게 | 계속되는 움직임이 시선을 방해하지 않도록 하기 위함 |
모든 요소를 같은 속도로 움직이면 영상이 기계적으로 느껴질 수 있다.
현실의 물체는 천천히 출발해 빨라지고, 멈출 때 다시 느려진다. 이러한 속도의 변화를 이징(Easing)이라고 한다. 자연스러운 움직임을 만들기 위해서는 이동 거리뿐 아니라 시작과 끝의 속도까지 고려해야 한다.
등장·강조·전환·반복. 종류보다 속도가 완성도를 결정한다.
03. 영상은 컷보다 글을 먼저 쓴다
영상을 만들 때 바로 화면부터 제작하기보다 어떤 순서로 무엇을 보여줄 것인지 문장으로 먼저 정리하는 과정이 필요하다.
5~8초 정도의 짧은 광고 영상이라면 다음과 같은 구조를 사용할 수 있다.
| 순서 | 시간 예시 | 역할 | 들어갈 내용 |
|---|---|---|---|
| 1. 훅 | 0~1.5초 | 시선 확보 | 문제 상황, 강한 비주얼 |
| 2. 보여주기 | 1.5~4초 | 제품 이해 | 실제 사용 장면 |
| 3. 결과 | 4~6초 | 효과 전달 | 달라진 모습, 전후 비교, 수치 |
| 4. CTA | 6~8초 | 행동 유도 | 브랜드와 짧은 버튼 문구 |
첫 장면부터 로고나 브랜드 설명을 길게 보여주기보다 먼저 사용자가 영상을 계속 볼 이유를 만드는 것이 중요하다.
컷보드에는 네 가지를 기록한다
컷보드는 단순히 장면을 그림으로 그리는 것이 아니다.
각 컷마다 다음 네 가지를 명확하게 정리해야 한다.
무엇이 보이는가
피사체와 배경, 카메라 구도 등 화면에 등장하는 요소를 기록한다.
어떻게 움직이는가
등장·강조·전환·반복 중 어떤 움직임을 사용하는지, 얼마나 빠르게 움직이는지를 정한다.
어떤 글자가 뜨는가
몇 초에 어떤 문구가 등장하고 사라지는지 정한다.
어떤 소리가 나는가
음향이 필요하다면 효과음이나 배경음이 어느 시점에 들어가는지도 미리 결정한다.
이 네 가지가 정해져 있으면 실제 제작자가 달라져도 비슷한 결과물을 만들 수 있다.
즉, 컷보드는 단순한 아이디어 스케치가 아니라 영상 제작을 위한 구체적인 설계도이다.
04. 비율이 바뀌어도 같은 브랜드로 보여야 한다
하나의 콘텐츠는 인스타그램 피드에서 릴스, 스토리, 웹 배너 등 다양한 매체로 확장된다.
이때 모든 매체에서 같은 레이아웃을 억지로 유지할 필요는 없다.
가로형에서는 요소를 좌우로 배치할 수 있고, 세로형에서는 위아래로 쌓을 수 있다. 글자의 크기와 위치, 여백의 비율 역시 매체에 따라 달라질 수 있다.
즉, 배치와 크기는 바뀌어도 된다.
반면 브랜드를 인식하게 만드는 요소는 유지해야 한다. 색상, 서체, 모서리 규칙, 사진의 톤처럼 브랜드의 시각적 정체성을 결정하는 요소가 여기에 해당한다.
매체가 바뀔 때마다 이러한 규칙까지 달라지면 하나의 브랜드처럼 보이지 않게 된다.
배치는 바꾸고 규칙은 지킨다.
05. 세로 영상에서는 안전 영역을 고려한다
9:16 화면은 1080 × 1920이지만 실제로 모든 영역에 중요한 정보를 배치할 수 있는 것은 아니다.
플랫폼 UI가 화면 일부를 덮기 때문이다.
| 영역 | 대략적인 기준 | 가려지는 요소 |
|---|---|---|
| 상단 | 약 250px | 시계, 배터리 등 |
| 하단 | 약 420px | 아이디, 캡션, 음원, 탭 등 |
| 중앙 | 약 950 × 1250 | 주요 콘텐츠 안전 영역 |
| 광고 하단 | 최대 약 670px까지 고려 | CTA 버튼 등이 추가될 수 있음 |
따라서 제품명이나 핵심 카피처럼 반드시 보여야 하는 정보는 중앙 안전 영역을 중심으로 배치하는 것이 좋다.
디자인 화면에서는 문구가 아래에 있는 것이 예뻐 보여도 실제 업로드 후 플랫폼 UI에 가려질 수 있다. 최종 매체에서 어떻게 보이는지를 기준으로 판단해야 한다.
💡 오늘 기억해둘 것
1. 움직임은 시선을 멈추게 하고, 머물게 하고, 설명을 대신한다.
정적인 요소 사이의 움직임은 사용자의 시선을 끌고 콘텐츠를 보는 시간을 늘린다. 제품의 작동이나 사용법을 직접 보여주면 여러 장의 설명을 하나의 장면으로 대체할 수도 있다. 다만 화면에서 움직이는 핵심 요소는 하나로 제한하는 것이 효과적이다.
2. 움직임은 등장·강조·전환·반복으로 구분할 수 있으며, 종류보다 속도가 중요하다.
모든 움직임을 동일하게 적용하는 것이 아니라 목적에 따라 속도를 조절해야 한다. 일정한 속도보다 시작과 끝에 속도 변화가 있는 이징을 적용하면 더욱 자연스럽게 보인다.
3. 영상은 제작하기 전에 컷보드로 먼저 설계한다.
훅 → 보여주기 → 결과 → CTA의 흐름을 먼저 문장으로 작성하고, 각 컷마다 보이는 것·움직임·문구·소리를 정한다. 이렇게 작성된 컷보드는 실제 영상 제작의 기준이 된다.
4. 매체가 달라지면 배치는 바꾸되 브랜드 규칙은 유지한다.
화면 비율에 따라 위치·크기·여백은 자유롭게 조정할 수 있다. 하지만 색상·서체·모서리·사진 톤처럼 브랜드를 인식하게 만드는 규칙은 일관되게 유지해야 한다. 이것이 여러 매체에서도 하나의 브랜드처럼 보이게 만드는 방법이다.
