클릭을 유도하는 유튜브 디자인 with 포토샵(디자인 1등 유튜버 존코바의)

어떤 독자를 위한 책인가?
ㆍ 디자인 향상을 통해 유튜브 채널 구독자와 동영상 조회수를 늘리고 싶은 유튜브 크리에이터
ㆍ 유튜브 배너 이미지, 섬네일, 로고, 인트로, 아웃트로, 자막 디자인 등이 어렵고 막막한 유튜브 크리에이터
ㆍ 유튜브 채널 개설 및 운영을 준비하고 있는 예비 크리에이터
ㆍ 더 나은 디자인의 온라인 배너 및 섬네일 등을 포토샵으로 만들고 싶은 사람
ㆍ 마케팅, 홍보, 브랜딩 등의 목적으로 포토샵을 활용해 디자인 작업물을 만들고 싶은 사람

이 책에서 설명하는 단순한 디자인 법칙 몇 가지만 적용해도
콘텐츠를 더욱 돋보이게 해주며 시청자를 단번에 사로잡을 수 있습니다.

① 유튜브 채널 운영과 브랜딩을 위한 차별화 전략을 세워봅니다.
유튜브 디자인이 필요한 이유를 알아보고 카테고리별 디자인 특징과 전략, 시청자 타깃 선정, 디자인 트렌드를 살펴봅니다. 구독과 좋아요를 부르는 디자인은 무엇인지, 브랜딩 키워드와 디자인 방향은 어떻게 설정해야 하는지 상세하게 알 수 있습니다. 이를 바탕으로 유튜브 채널 운영 및 브랜딩에 필요한 차별화 전략을 세워봅니다.

② 실무 기반 디자인 기초 이론을 알아보며 디자인 감각을 길러봅니다.
타이포, 레이아웃, 컬러, 브랜드 디자인 등 반드시 알아두어야 하는 디자인 기초 이론을 상세한 예시와 함께 알아봅니다. 많은 시청자가 좋아하는 디자인에는 비교적 단순한 규칙이 있습니다. 폰트, 컬러, 레이아웃 등에서 이러한 디자인 규칙을 살펴보고, 좋은 디자인과 아쉬운 디자인의 사례를 비교해보며 디자인 감각을 길러보세요.

③ 실전 포토샵 디자인을 통해 나만의 디자인을 직접 만들어봅니다.
배너 이미지부터 섬네일, 로고, 인트로, 아웃트로, 자막 디자인까지 포토샵을 활용해 직접 만들어봅니다. 포토샵의 기본 기능 몇 가지만을 활용해 수준 높은 디자인 작업물을 만들어낼 수 있고, 누구나 손쉽게 따라 할 수 있습니다. 포토샵을 잘 모르는 초보자도 차근차근 따라 하기만 하면 근사한 디자인을 완성할 수 있으니 어려워 말고 나만의 디자인을 직접 만들어보세요.

④ 구독자 24만 명 〈JohnKOBA Design〉 채널의 존코바가 노하우를 아낌없이 공유합니다.
존코바는 11년간 실무 디자이너로 일하고, 3년간 유튜브를 통해 디자인 관련 노하우를 전달해왔습니다. 일반인도 디자인에 좀 더 쉽게 접근할 수 있도록 디자인 이론을 정리하고, 포토샵의 알짜배기 기능을 선정해 소개하기도 했습니다. 또한 더 나은 디자인을 위해 직접 디자인 변경 작업을 시연하며 알찬 조언과 노하우 등을 알려주는 '디자인 참견러' 콘텐츠는 많은 초보 디자이너에게 도움이 되고 있습니다. 아낌없이 공유하고 있는 존코바의 디자인 노하우를 이 책에서 만나보세요.

PART 01. 유튜브 채널 브랜딩을 위한 디자인 기초

CHAPTER 01. 유튜브 채널 디자인과 브랜딩

STEP 01 유튜브에서 디자인이란
유튜브 채널의 아이덴티티를 전달하는 디자인
유튜브 채널의 디자인 요소 여섯 가지
01 프로필 사진
02 배너 이미지
03 섬네일
04 인트로와 아웃트로
05 브리지
06 자막

STEP 02 왜 유튜브 디자인에 주목해야 할까
구독과 좋아요를 부르는 유튜브 디자인

STEP 03 유튜브 채널 브랜딩이 필요한 이유
유튜브 채널 브랜딩을 통한 차별화 전략
존코바 채널의 브랜딩 키워드와 디자인 방향

존코바의 비밀 노트 | 유튜브 디자인에 필요한 도구

CHAPTER 02. 시청자 눈높이에 맞는 유튜브 채널 디자인

STEP 01 내 채널에는 어떤 시청자가 찾아올까
타깃을 만족시키는 디자인
존코바 채널의 타깃과 디자인 방향

STEP 02 카테고리별 채널 디자인 스타일
시청자 성향에 따른 디자인 스타일 파악하기

STEP 03 엔터테인먼트 채널의 디자인
주목성이 가장 중요한 엔터테인먼트 채널
엔터테인먼트 채널 디자인의 특징과 메인 컬러, 폰트
01 강한 색감의 컬러를 이용해 디자인한다
02 캐릭터를 이용해 브랜드 디자인을 한다
03 자극적인 디자인의 섬네일로 시선을 집중시킨다
04 통일성보다 각 섬네일의 주목성에 초점을 둔다
05 인트로는 화려한 모션 그래픽을 활용해 제작한다

STEP 04 먹방 채널의 디자인
음식이 강조되는 먹방 채널
먹방 채널 디자인의 특징과 메인 컬러, 폰트
01 유튜버의 캐릭터성을 강조해 디자인한다
02 섬네일은 텍스트를 최소화해 만든다
03 그래픽 요소도 최소화해 깔끔하게 디자인한다

STEP 05 키즈 채널의 디자인
화려한 디자인 요소가 많이 사용되는 키즈 채널
키즈 채널 디자인의 특징과 메인 컬러, 폰트
01 아이들이 좋아하는 다채로운 컬러를 사용한다
02 섬네일은 심플하고 단순하게 만든다
03 다양한 디자인 엘리먼트 소스와 효과음을 활용한다

STEP 06 브이로그 채널의 디자인
감성적인 느낌이 중요한 브이로그 채널
브이로그 채널 디자인의 특징과 메인 컬러, 폰트
01 최소한의 디자인 요소로 미니멀한 콘셉트를 유지한다
02 자막은 감성적인 느낌을 살려 디자인한다
03 가끔은 색다른 자막을 사용해 차별화한다

STEP 07 교육, 리뷰 채널의 디자인
깔끔하고 심플한 디자인의 교육, 리뷰 채널
교육, 리뷰 채널 디자인의 특징과 메인 컬러, 폰트
01 과하지 않은 디자인을 추구한다
02 게임, 영화 등의 리뷰 채널은 과감한 디자인도 고려한다
03 인포그래픽은 적극적으로 활용하면 좋다

CHAPTER 03. 벤치마킹을 통한 유튜브 채널 디자인

STEP 01 비슷한 채널을 분석해 레퍼런스 만들기
왜 다른 채널도 살펴봐야 할까
채널 분석 및 레퍼런스 정리 과정

STEP 02 유튜브 채널 디자인의 실패 요인 분석하기
단점 개선을 통한 채널 디자인 업그레이드
01 정보가 너무 많아 과해 보이는 섬네일은 피한다
02 목적과 정체성이 불분명한 채널 디자인은 피한다
03 전문성이 느껴지지 않는 로고는 피한다
04 의미 없는 인포그래픽이나 짤방을 삽입하지 않는다

STEP 03 다양한 디자인 요소를 활용해 차별화하기
차별화 전략은 어떻게 세울 수 있을까
명확한 아이덴티티를 만드는 디자인 요소들
01 프레임
02 캐릭터
03 인포그래픽
04 색 반전
05 기타 이펙트 요소

STEP 04 빠르게 변하는 디자인 트렌드 반영하기
왜 디자인 트렌드를 파악하고 있어야 할까
가장 트렌디한 디자인과 앞으로의 방향
01 심플, 미니멀
02 뉴트로
03 블랙, 화이트
04 그레이디언트

PART 02. 포토샵을 활용한 실전 유튜브 채널 디자인

CHAPTER 01. 가장 손쉽게 완성도를 높이는 타이포 디자인

STEP 01 타이포 디자인이란
메시지를 설득력 있게 전달하는 타이포 디자인
타이포 디자인의 세 가지 요소
01 글자의 굵기
02 글자의 크기
03 글자의 간격(자간)

STEP 02 유튜브 채널의 분위기를 좌우하는 폰트 선택
다양한 폰트의 종류와 특징
자주 사용되는 고딕 폰트 알아보기
01 검은 고딕체
02 노토 산스체
03 지마켓 산스체
04 산돌 격동 고딕체
자주 사용되는 명조 폰트 알아보기
01 나눔 명조체
02 산돌 격동 명조체
자주 사용되는 손글씨 폰트 알아보기
01 잉크 립퀴드체
02 즐거운 이야기체
03 산돌 공병각체

STEP 03 가독성은 유튜브 섬네일의 핵심
가독성을 높이는 다양한 디자인 요소들
01 프레임 조정
02 크기의 대비
03 굵기 조정
04 여백 조정

STEP 04 타이포를 강조한 배너 이미지 만들기
이미지 및 글자의 크기와 위치 조정하기
Warp Text로 글자 모양 변형하기
펜 도구로 셰이프 만들어 꾸미기
타원 셰이프 도구로 디자인 요소 추가하기
완성도를 높이는 이미지 소스 추가하기
JPG 형식으로 이미지 파일 저장하기

존코바의 비밀 노트 | 펜 도구로 셰이프 만들기

STEP 05 섬네일에 어울리는 타이포 디자인하기
글자의 크기와 배치 조정하기
레이어 스타일로 타이포 디자인하기
다양한 셰이프로 디자인 요소 추가하기
Photo Filter로 손쉽게 색 보정하기

STEP 06 손글씨 느낌의 타이포로 섬네일 만들기
글자의 폰트와 자간 조정하기
이미지의 선택 영역 잘라서 복사하기
이미지 소스 추가하고 색 보정하기

CHAPTER 02. 채널의 아이덴티티를 만드는 컬러 디자인

STEP 01 색의 기초 이론 이해하기
채널 디자인에서 색이 중요한 이유
색의 3속성 이해하기
01 색상
02 명도
03 채도

STEP 02 색은 덜어낼수록 힘이 생긴다
시청자의 시선을 사로잡는 색 활용 방법
01 흰색과 검은색을 적극 활용하기
02 색의 대비를 활용하기
03 색은 한 프레임에 두 가지만 사용하기
04 색을 최소화해 심플하게 디자인하기

STEP 03 색의 특징을 이해하고 적재적소에 사용하기
콘텐츠와 조화롭게 어울리는 색 선정 방법
01 빨간색
02 초록색
03 파란색
04 흰색과 검은색
05 그 외의 색

STEP 04 콘셉트에 맞는 색으로 배너 이미지 만들기
글자를 입력해 레이어드 타이포 디자인하기
사용자 정의 셰이프 도구로 디자인 요소 추가하기
글자를 디자인 요소로 활용하기
선 셰이프로 타이포 디자인의 완성도 높이기
Pattern Overlay를 활용해 패턴 삽입하기
JPG 형식으로 이미지 파일 저장하기

STEP 05 화려한 색을 활용해 배너 이미지 만들기
이미지의 선택 영역만 자르기
레이어 스타일로 이미지 꾸미고 타이포 디자인하기
다양한 셰이프로 디자인 요소 추가하기
클리핑 마스크와 레이어 마스크 활용해 완성도 높이기

STEP 06 색을 최소화해 미니멀한 배너 이미지 만들기
레이어 마스크로 이미지의 원하는 영역만 보이게 하기
셰이프 도구와 펜 도구로 말풍선 모양 셰이프 만들기
셰이프 모양에 맞춰 텍스트 입력하기
사용자 정의 셰이프 도구로 디자인 요소 추가하기
ZigZag 이펙트로 구불구불한 곡선 만들기

CHAPTER 03. 시청자의 시선을 조정하는 레이아웃 디자인

STEP 01 친절한 레이아웃이란
레이아웃의 기본 요소 세 가지 알아보기
01 그리드
02 여백
03 행간과 자간
친절한 레이아웃은 어떻게 만들까
01 왼쪽에서 오른쪽으로 흐르는 시선에 유의해 요소를 배치한다
02 가운데 정렬로 주목성을 높인다
03 계층을 나눠 시선이 순서대로 움직이도록 유도한다

STEP 02 보는 사람을 편하게 해주는 여백
여백의 중요성과 각 여백의 특징 이해하기
01 프레임 여백
02 오브젝트 여백
03 텍스트 여백

STEP 03 유튜브 필수 레이아웃 전략
균형에서 변화를 찾아라
01 기울기 또는 사선 활용하기
02 프레임을 다양화하기
03 레이아웃 변형하기

STEP 04 왼쪽 정렬로 가독성을 극대화한 섬네일 만들기
텍스트를 왼쪽에 정렬하고 디자인 요소로 강조하기
Subject로 이미지의 원하는 부분만 손쉽게 자르기
각종 디자인 요소로 꾸미고 배치하기

STEP 05 기울기를 활용해 역동적인 섬네일 만들기
텍스트 왼쪽 배치를 위해 오브젝트 수정하기
텍스트를 강조하는 디자인 요소 만들기
텍스트를 스마트 오브젝트로 만들고 기울기 조정하기

STEP 06 가운데 정렬로 눈에 띄는 배너 이미지 만들기
이미지와 텍스트를 가운데 정렬해 배치하기
레이어 스타일로 텍스트의 외곽선만 남기기
디자인 요소 배치하고 색 보정하기

CHAPTER 04. 가치를 높이는 유튜브 채널 브랜딩

STEP 01 브랜드 디자인이란
브랜드, 브랜딩, 브랜드 디자인 이해하기
브랜드 디자인에서는 무엇이 중요할까

STEP 02 브랜드 디자인의 4단계
브랜드 네임부터 브랜드 로고 디자인까지
01 브랜드 네임을 정하는 단계
02 타깃, 콘셉트를 바탕으로 키워드를 도출하는 단계
03 키워드로 디자인 레퍼런스를 수집하는 리서치 단계
04 심벌과 워드 마크를 활용하는 브랜드 로고 디자인 단계

STEP 03 브랜드 디자인 가이드라인 만들기
컬러와 폰트로 대표되는 브랜드 디자인 가이드라인
01 컬러
02 폰트
기타 다양한 요소의 브랜드 디자인 가이드라인

STEP 04 미니멀한 입체 로고 만들기
셰이프 도구로 벡터 로고 만들기
선 셰이프 도구로 로고에 입체감 더하기
스마트 오브젝트로 변경하고 기울기 조정하기

STEP 05 이미지와 두들을 활용해 로고 만들기
Subject와 레이어 마스크로 선택 영역만 보이게 하기
Levels와 Color Balance로 이미지 보정하기
셰이프 도구로 디자인 요소 만들기
ZigZag 이펙트로 손그림 느낌 표현하기

STEP 06 로고를 활용해 인트로 디자인하기
Gaussian Blur로 오브젝트가 반사되는 모습 표현하기
텍스트 입력하고 레이어 스타일 적용하기
아이콘 추가하고 레이어 스타일 적용하기
셰이프 도구와 문자 도구로 디자인 요소 만들기

STEP 07 로고와 브랜드 컬러로 자막 디자인하기
셰이프 도구로 자막 영역 만들고 텍스트 입력하기
브랜드 컬러에 맞는 추가 자막 만들기
플랫아이콘(Flaticon)의 무료 아이콘 활용하기
셰이프 도구와 레이어 마스크로 반짝이는 효과 표현하기
레이어를 정리하고 PNG 형식으로 자막 디자인 저장하기

존코바의 비밀 노트 | 모서리가 둥근 직사각형 셰이프 만들기

특별부록 | 디자인에는 끝이 없다

STEP 01 디자인 트렌드를 읽어라
2021년 이후의 디자인 트렌드
01 심플한 디자인
02 플랫한 디자인

STEP 02 트렌디한 디자인은 어디서 찾을 수 있을까
디자인 트렌드를 파악하기 좋은 웹사이트
01 유튜브 트렌드는 유튜브에서 찾기
02 디자인 정보의 홍수, 핀터레스트
03 필수 SNS, 인스타그램
04 검색의 기본, 구글

존코바(이요한) 모션 그래픽 디자이너이자 유튜브 크리에이터입니다. 유튜브 〈JohnKOBA Design〉 채널을 운영하면서 일반인도 디자인에 좀 더 쉽게 접근할 수 있도록 디자인 이론, 포토샵, 애프터 이펙트 등의 콘텐츠를 다루고 있습니다.

ㆍ 홍익대학교 애니메이션 전공
ㆍ KBS, MBC, SBS, CJ ENM 모션 그래픽 디자이너로 근무
ㆍ 현 디자인 스튜디오 프로젝트36 운영
ㆍ 현 유튜브 크리에이터
ㆍ 현 세종사이버대학교 유튜버학과 외래교수
ㆍ 클래스101 모션 그래픽 기초, 중급, 마스터 클래스 운영

유튜브 www.youtube.com/c/JohnKOBADesign
인스타그램 www.instagram.com/johnkoba.design
포트폴리오 www.project36.co.kr