오버레이란?
오버레이는 방송 화면 위에 겹쳐 표시되는 그래픽 요소입니다. 웹캠 프레임, 채팅창 배경, 알림 애니메이션, 하단 정보 바 등이 포함됩니다. 잘 디자인된 오버레이는 채널의 전문성과 브랜드 아이덴티티를 높여줍니다.
오버레이 구성 요소
| 요소 | 위치 | 용도 |
|---|
| 웹캠 프레임 | 주로 우측 하단 | 얼굴 영역 장식 |
| 채팅 박스 | 좌측 또는 우측 | 채팅 표시 영역 |
| 최근 이벤트 | 상단 또는 하단 | 후원/팔로우 알림 |
| 정보 바 | 하단 | SNS, 일정 등 표시 |
| 게임 정보 | 상단 | 플레이 중인 게임 |
| 로고/워터마크 | 모서리 | 채널 브랜딩 |
오버레이 제작 도구
무료 도구
- Canva: 웹 기반, 템플릿 다양
- GIMP: 포토샵 대안, 다소 복잡
- Photopea: 웹 기반 포토샵
- Figma: 협업 가능, 벡터 디자인
유료 도구
- Adobe Photoshop: 업계 표준
- Adobe After Effects: 애니메이션 오버레이
- Streamlabs: 방송 특화 템플릿
무료 오버레이 구하기
- Streamlabs: 무료 테마 패키지
- Nerd or Die: 무료/유료 오버레이
- OWN3D: 다양한 스타일
- Placeit: 템플릿 기반 제작
- Canva: 스트리밍 템플릿
오버레이 디자인 원칙
가독성
- 텍스트는 충분히 크게 (최소 24pt)
- 배경과 대비되는 색상 사용
- 너무 많은 정보 피하기
일관성
- 채널 컬러 2-3개로 통일
- 같은 폰트 패밀리 사용
- 모든 장면에서 스타일 유지
게임 화면 존중
- 중요 UI 영역 가리지 않기
- 오버레이는 보조 역할
- 게임별 오버레이 조정 고려
투명 배경 이미지 만들기
- PNG 형식으로 저장 (투명도 지원)
- 배경 레이어 삭제 또는 숨김
- 알파 채널 확인
- OBS에서 이미지 소스로 추가
애니메이션 오버레이
- WebM 형식 권장 (투명 배경 지원)
- GIF는 색상 제한 있음
- 미디어 소스로 추가 후 반복 재생
- After Effects, Premiere로 제작
오버레이 최적화
- 이미지 해상도는 출력 해상도에 맞게
- 불필요하게 큰 파일 피하기
- 많은 움직이는 요소는 성능 저하
- 정적 요소와 동적 요소 분리
댓글
0