방송 화면이 허전합니다. 오버레이도 없고, 대기화면은 검은 바탕에 글씨만 띄워놨습니다. 시청자가 들어왔다가 3초 만에 나갑니다. 포토샵 방송 디자인 기초만 알아도 이 상황은 완전히 달라집니다. 실제로 디자인 경험이 전혀 없던 BJ들이 포토샵 기본 기능만으로 방송 퀄리티를 끌어올린 사례를 직접 봐왔습니다.
방송 디자인, 왜 직접 해야 할까
외주를 맡기면 편합니다. 하지만 비용이 문제입니다. 오버레이 한 세트에 5만~15만원. 수정할 때마다 추가 비용이 붙습니다. 방송 컨셉이 바뀌면 처음부터 다시 의뢰해야 합니다.
"처음엔 외주 맡겼는데, 수정 요청할 때마다 2~3일씩 걸리더라고요. 포토샵 배우고 나서는 방송 직전에도 바로 수정합니다." - 아프리카TV 게임 BJ K모 (방송 3년 차)
직접 만들면 장점이 분명합니다.
- 수정이 즉각적입니다. 방송 10분 전에도 바꿀 수 있습니다
- 내 방송 컨셉에 100% 맞는 디자인이 나옵니다
- 한번 익히면 썸네일, SNS 이미지까지 전부 해결됩니다
- 외주비를 연간 30만~50만원 절약할 수 있습니다
화면 디자인으로 판단
평균 체류시간 증가
평균 비용(원)
포토샵 방송 디자인 기초 세팅 3가지
포토샵을 처음 열면 막막합니다. 메뉴가 수백 개입니다. 전부 알 필요 없습니다. 방송 디자인에 쓰는 기능은 10개도 안 됩니다.
캔버스 크기 설정
방송 해상도에 맞춰야 합니다. 기본은 1920x1080px입니다.
| 용도 | 캔버스 크기 | 해상도 | 색상 모드 |
|---|---|---|---|
| 오버레이/대기화면 | 1920 x 1080 px | 72 dpi | RGB |
| 웹캠 프레임 | 480 x 360 px | 72 dpi | RGB |
| 후원 패널 | 320 x 160 px | 72 dpi | RGB |
| 썸네일 | 1280 x 720 px | 72 dpi | RGB |
| 배너/알림 | 800 x 200 px | 72 dpi | RGB |
필수 도구 5가지
이것만 알면 방송 디자인 대부분을 처리할 수 있습니다.
- 이동 도구(V) - 레이어 위치 조정. 가장 많이 씁니다
- 문자 도구(T) - 텍스트 삽입. 방송 제목, 정보 표시에 필수
- 사각형 도구(U) - 패널, 박스, 프레임 제작의 기본
- 자유 변형(Ctrl+T) - 크기 조절과 회전
- 레이어 스타일(fx) - 그림자, 외곽선, 그라디언트 효과
레이어 구조 이해하기
레이어는 투명 필름을 겹쳐놓은 것과 같습니다. 맨 아래에 배경을 깔고, 그 위에 프레임, 텍스트 순서로 쌓습니다. 레이어 이름을 반드시 정리하세요. "레이어 1", "레이어 2"로 두면 나중에 수정할 때 찾기 어렵습니다. "배경", "웹캠프레임", "닉네임텍스트" 이런 식으로 명명하는 습관이 중요합니다.
오버레이와 대기화면 디자인 방법
오버레이는 방송의 얼굴입니다. 시청자가 방송에 들어왔을 때 가장 먼저 보는 것이 화면 구성입니다.
오버레이 제작 순서
1920x1080 캔버스를 열었으면 이 순서로 진행합니다.
1단계. 배경색을 정합니다. 게임 방송이면 어두운 톤이 무난합니다. 토크 방송이면 밝은 톤도 괜찮습니다.
2단계. 웹캠 영역을 비워둡니다. 보통 우하단 480x360px 정도입니다. 이 부분은 투명하게 남겨야 합니다.
3단계. 웹캠 주변에 프레임을 넣습니다. 사각형 도구로 테두리를 만들고 레이어 스타일에서 외곽선(Stroke)을 2~3px로 설정합니다.
4단계. 상단이나 하단에 정보 바를 넣습니다. 방송 제목, 닉네임, SNS 계정 등을 표시하는 영역입니다.
5단계. PNG로 저장합니다. 반드시 PNG입니다. JPG는 투명 배경을 지원하지 않습니다.
대기화면 제작 팁
대기화면은 방송 시작 전 시청자가 보는 화면입니다. 실제 아프리카TV BJ 수빈님(토크 방송 2년 차)의 사례가 인상적이었습니다. 검은 화면에 "잠시 후 시작"만 띄우던 대기화면을 포토샵으로 바꿨습니다. 방송 시간표, SNS 정보, 간단한 인사말을 넣은 대기화면으로 교체했더니 방송 시작 전 이탈률이 35% 줄었다고 합니다.
대기화면에 넣으면 좋은 요소들입니다.
- 방송 시작 예정 시간
- 오늘의 방송 주제
- SNS 팔로우 유도 문구
- 최근 하이라이트 클립 QR코드
후원 패널과 방송 정보 패널 디자인
패널은 방송 페이지 하단에 들어가는 이미지입니다. 후원 방법, 방송 일정, 장비 소개 같은 정보를 담습니다.
패널 디자인 핵심
크기는 320x160px이 표준입니다. 작은 공간이라 글자를 최소화해야 합니다. 아이콘 하나와 짧은 텍스트면 충분합니다. 배경색은 오버레이와 통일하세요. 방송 전체의 컬러 톤이 맞아야 프로페셔널해 보입니다.
후원 패널에는 후원 수단과 간단한 감사 문구를 넣습니다. 여기서 중요한 점이 있습니다. 후원을 받는 것만큼 누가 후원하는지 파악하는 것도 중요합니다. 큰손탐지기를 활용하면 핵심 후원자를 실시간으로 확인할 수 있어서 감사 리액션 타이밍을 놓치지 않습니다.
컬러 팔레트 정하기
색상 선택이 어렵다면 Adobe Color(color.adobe.com)를 활용하세요. 메인 색상 1개를 정하고, 보조 색상 2개를 자동으로 추천받을 수 있습니다. 방송 컨셉별 추천 컬러는 이렇습니다.
| 방송 장르 | 추천 메인 컬러 | 분위기 |
|---|---|---|
| 게임 | #1A1A2E (다크 네이비) | 집중감, 몰입감 |
| 토크/소통 | #FFF5E1 (아이보리) | 따뜻함, 친근함 |
| 먹방 | #FF6B35 (오렌지) | 식욕 자극, 활력 |
| 음악 | #2D1B69 (딥 퍼플) | 감성, 세련됨 |
| ASMR | #E8F5E9 (민트) | 안정감, 편안함 |
썸네일 디자인 실전 포토샵 활용법
썸네일은 시청자가 방송 목록에서 내 방송을 클릭할지 결정하는 요소입니다. 방송 데이터를 분석해보면 썸네일 교체만으로 클릭률이 크게 달라지는 경우가 많습니다.
클릭되는 썸네일의 공통점
200명 이상의 BJ 컨설팅 경험에서 파악한 패턴입니다.
글자는 7단어 이내. 길면 모바일에서 안 보입니다. 핵심 단어만 크게 넣으세요.
얼굴이 있으면 클릭률이 올라갑니다. 웹캠 방송이면 본인 사진을 활용하세요. 표정이 과장될수록 효과적입니다.
대비가 강해야 합니다. 어두운 배경에 밝은 글씨, 또는 밝은 배경에 어두운 글씨. 중간 톤끼리 조합하면 묻힙니다.
외곽선(Stroke) 효과를 적극 활용하세요. 텍스트 레이어 스타일에서 Stroke 3~5px을 넣으면 어떤 배경에서도 글자가 선명하게 보입니다.
디자인 완성 후 점검 체크리스트
디자인을 다 만들었다고 바로 적용하면 안 됩니다. 실제 방송에서 문제가 생기는 경우가 많습니다.
- OBS에서 오버레이가 정확히 맞는지 확인했는가
- 웹캠 영역이 실제 캠 위치와 일치하는가
- 텍스트가 채팅창이나 위젯과 겹치지 않는가
- 모바일 시청자 기준으로 글씨가 읽히는 크기인가
- PNG 투명 배경이 정상 적용되었는가
- 파일 용량이 2MB 이하인가 (방송 렉 방지)
- 색상이 실제 모니터에서 의도한 대로 보이는가
특히 모바일 확인이 중요합니다. 전체 시청자의 40% 이상이 모바일로 방송을 봅니다. PC에서 잘 보이던 텍스트가 스마트폰에서는 읽히지 않을 수 있습니다. 포토샵에서 50% 축소해서 확인하는 습관을 들이세요.
지금 바로 포토샵을 열고 1920x1080 캔버스를 만들어보세요. 첫 번째로 할 일은 대기화면 하나를 완성하는 것입니다. 배경색 하나 깔고, 방송 제목 텍스트 넣고, PNG로 저장해서 OBS에 올려보세요. 30분이면 됩니다. 완벽할 필요 없습니다. 직접 만든 화면이 방송에 올라가는 순간, 다음 단계가 보이기 시작합니다.
