클릭을 유도하는 유튜브 디자인 with 포토샵 (배너, 썸네일, 로고, 인트로, 아웃트로 자막디자인 실습 템플릿 제공)

존코바(이요한)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

STEP02트렌디한디자인은어디서찾을수있을까
디자인트렌드를파악하기좋은웹사이트
01유튜브트렌드는유