로고 애니메이션, 영상 앞뒤에 붙일 3초 만드는 법
영상 앞뒤에 붙이는 로고 애니메이션은 로고 원본 파일을 그대로 움직이는 일입니다. 자리별 길이, 로고 파일 준비, 움직임 유형 여섯 가지, AI · 템플릿 · 디자이너 고르는 기준, 투명 배경 규격을 정리했습니다.
로고 애니메이션은 영상 앞(인트로) · 뒤(아웃트로) · 화면 구석(워터마크)에 붙일 짧은 움직임을 로고 원본 파일로 만드는 일입니다. 길이는 자리가 정합니다 — 브랜드 영상 앞 2~3초, 영상 끝 3~5초, 광고 · 숏폼 끝 1~2초(예시). 로고 모양은 원본 벡터 그대로 움직이고, 마지막 1초는 멈춘 로고로 끝냅니다. 그래서 작업은 로고 파일을 층(레이어)별로 나누는 데서 시작하고, 납품은 배경이 투명한 파일과 배경을 깐 파일 두 벌로 받습니다.
로고 애니메이션은 어디에 몇 초로 붙이나요
| 자리 | 길이(예시) | 움직임 | 소리 |
|---|---|---|---|
| 인트로 — 브랜드 영상 · 발표 영상 · 유튜브 본편 앞 | 2~3초 | 로고가 나타나 멈춤 | 1~2초짜리 짧은 소리 |
| 아웃트로 — 영상 끝 | 3~5초 | 로고와 한 줄 문구 · 주소 | 음악 끝에 맞춤 |
| 광고 · 숏폼 끝 | 1~2초 | 로고만 | 음악 위에 얹음 |
| 워터마크 — 화면 구석 | 영상 내내 또는 끝부분 | 움직이지 않음 | 없음 |
광고와 숏폼은 앞에 로고를 두지 않습니다. 첫 2초에 로고만 나오면 그 2초 동안 무엇을 파는지 보여 주지 못합니다. 유튜브 채널 워터마크는 영상과 따로 올립니다 — 150 × 150픽셀 이상 · 1MB 미만의 정사각형 이미지이고, 동영상 끝 15초 · 정한 시각부터 · 영상 전체 가운데서 표시 시간을 고릅니다(2026년 9월 기준 공식 안내).
로고 파일은 어떻게 준비하나요
움직일 수 있는 로고는 층이 나뉜 벡터 파일입니다. PNG 한 장은 통째로만 움직여서, 심볼이 먼저 나오고 글자가 따라오는 움직임을 만들 수 없습니다. 파일 종류와 쓰임은 로고 파일 종류 — AI · SVG · PNG 어디에 쓰나에 있습니다. 움직임을 맡기기 전에 네 가지를 갖춥니다.
- 층 나누기 — 심볼 · 글자 · 문구를 따로 선택되게 나누고, 글자를 하나씩 움직일 계획이면 글자마다 나눕니다.
- 글자를 도형으로 — 로고 글자를 윤곽선(도형)으로 바꿔 둡니다. 서체가 없는 컴퓨터에서 열어도 모양이 바뀌지 않습니다.
- 색 두 벌 — 밝은 배경용 · 어두운 배경용 색을 화면용 값(HEX)으로 적어 둡니다.
- 움직임 메모 — 무엇이 먼저 나오는지, 전체 몇 초인지, 멈춘 로고가 몇 초 보이는지, 소리를 넣는지를 네 줄로 적습니다.
움직임은 어떤 유형에서 고르나요
| 유형 | 움직임 | 맞는 로고 | 길이(예시) |
|---|---|---|---|
| 나타나기 | 흐릿하던 로고가 조금 커지며 선명해짐 | 모든 로고 | 1~2초 |
| 그려지기 | 윤곽선이 그려진 뒤 색이 채워짐 | 선으로 된 심볼 · 손글씨 로고 | 2~3초 |
| 가림막 걷기 | 면이 밀려나며 로고가 드러남 | 가로로 긴 글자 로고 | 1.5~2초 |
| 조각 모이기 | 도형이 모여 심볼이 완성됨 | 도형으로 된 심볼 | 2~3초 |
| 글자 차례로 | 글자가 하나씩 튀어 오름 | 짧은 영문 · 한글 이름 | 2초 |
| 입체 회전 | 두께가 생긴 로고가 돌다가 정면에서 멈춤 | 단순한 심볼 | 3초 |
고르는 순서는 브랜드 인상보다 쓰일 자리가 먼저입니다. 여러 영상 끝에 되풀이해 붙을 아웃트로는 1~2초짜리 단순한 움직임이 오래 써도 덜 질리고, 브랜드 영상 한 편의 인트로라면 2~3초 유형도 어울립니다. 어느 유형이든 마지막 장면은 원본 로고와 같아야 합니다.
AI 도구 · 템플릿 · 모션 디자이너 중 무엇으로 만드나요
| 방식 | 로고 모양 | 맞는 경우 | 확인할 것 |
|---|---|---|---|
| AI 영상 도구 — 로고 이미지를 넣어 움직임 생성 | 장면마다 새로 그려져 획 · 글자가 바뀔 수 있음 | 움직임 시안 · 분위기 확인 | 마지막 장면을 원본과 겹쳐 확대해 봄 — 다르면 마지막 1초를 원본 로고 파일로 덮음 |
| 템플릿 — 편집 프로그램 · 온라인 도구의 로고 템플릿 | 원본 파일을 끼워 넣어 모양이 그대로 | 여러 영상에 공통으로 붙일 인트로 · 아웃트로 | 상업적 이용 · 쓸 수 있는 매체 같은 라이선스, 같은 템플릿을 다른 회사도 쓸 수 있다는 점 |
| 모션 디자이너 — 로고에 맞춰 새로 설계 | 원본 그대로 | 브랜드 전용 움직임 · 소리 로고까지 만들 때 | 원본 프로젝트 파일 · 서체 · 효과음 라이선스를 함께 받음 |
AI 영상 도구는 로고를 그대로 옮기는 것이 아니라 비슷하게 다시 그립니다. 그래서 로고는 생성 결과에 맡기지 않고 편집에서 원본 파일을 얹는 것이 기본이고, AI 결과는 어떤 움직임이 어울리는지 보는 시안으로 씁니다. 이유와 고치는 순서는 AI 영상 로고 · 글자가 뭉개져 나올 때에 있습니다.
어떤 형식으로 받아 두나요
로고 애니메이션은 여러 영상에 얹혀 쓰이므로, 본편과 맞출 값과 투명 여부를 정해 여러 벌로 받습니다.
- 비율 — 16:9(1920 × 1080) · 9:16(1080 × 1920) · 1:1을 따로 받습니다. 세로 화면에 가로로 긴 로고를 넣을 때는 폭을 줄이기보다 세로형 배치로 바꿉니다.
- 프레임 — 초당 장면 수를 본편과 같은 값(24 · 30fps)으로 맞춥니다. 값을 정하는 법은 AI 영상 규격 — 길이 · 비율 · 해상도 정하기와 같습니다.
- 투명 배경 파일 — 편집 프로그램에서 영상 위에 얹을 파일은 MOV(Apple ProRes 4444)로 받습니다. 애플은 알파 채널(투명 정보)을 담는 ProRes가 4444 · 4444 XQ뿐이라고 안내합니다. 웹에 올릴 투명 영상은 WebM(VP9)이 쓰이지만, 사파리는 이 형식의 투명을 지원하지 않습니다(MDN).
- 배경을 깐 파일 — 흰 배경 · 검은 배경을 깐 MP4를 한 벌씩 받아, 투명 파일을 쓰지 못하는 곳에 씁니다.
- 웹 · 앱용 — 홈페이지나 앱 화면에서 돌릴 로고는 Lottie(JSON) 파일로도 받습니다. After Effects에서 Bodymovin으로 내보낸 움직임을 웹 · 앱에서 그대로 재생하는 방식입니다.
- 소리 — 소리 로고는 WAV 파일로 따로 받고, 소리 없는 판도 함께 받습니다.
자주 묻는 질문
유튜브 최종 화면과 아웃트로는 어떻게 맞추나요?
최종 화면(엔드 스크린)은 영상 마지막 5~20초에만 넣을 수 있고, 영상 길이가 25초 이상이어야 합니다(2026년 9월 기준 공식 안내). 최종 화면을 쓸 영상이라면 아웃트로를 5초 이상으로 잡고, 추천 영상 · 구독 버튼이 올라올 자리를 비워 로고를 한쪽에 둡니다.
AI로 만든 로고 애니메이션을 그대로 써도 되나요?
도구 약관의 상업적 이용 조건과 로고 모양, 두 가지를 확인한 뒤 씁니다. 모양은 멈춘 마지막 장면을 원본 로고 파일과 겹쳐 확대해 봅니다. 획 두께 · 글자 간격 · 색이 조금이라도 다르면 그 판이 여러 영상에 퍼지기 전에 마지막 1초를 원본 파일로 덮습니다.
소리 로고도 꼭 만들어야 하나요?
꼭 필요하지는 않습니다. 광고 · 숏폼은 배경 음악 위에 로고가 얹히기 때문에 소리 로고가 음악과 겹치기 쉽습니다. 인트로에만 1~2초짜리 소리를 붙이고, 광고 · 숏폼용으로는 소리 없는 판을 씁니다. 효과음은 사용 범위가 문서로 적힌 것만 씁니다.
로고 애니메이션 파일은 어떻게 이름 붙여 두나요?
브랜드_자리_비율_배경_길이 순서로 붙입니다. 예를 들어 brand_outro_9x16_alpha_3s.mov처럼 적으면 열어 보지 않고도 골라 씁니다. 원본 프로젝트 파일은 같은 폴더의 「원본」 하위 폴더에 둡니다.
오늘 할 일
로고 폴더에서 벡터 원본(AI · SVG · EPS · PDF)을 열어 심볼 · 글자 · 문구가 따로 선택되는지 눌러 보십시오. 한 덩어리로 묶여 있으면, 층을 나눈 파일을 받아 두는 것이 로고 애니메이션의 첫 작업입니다.
이어서 읽기 — 엔딩 크레딧 양식, 순서표와 영문 직함 예시
