도서요약

■ 책 소개

섬네일부터 유튜브 영상 편집을 위한 자막 디자인까지 직접 만들어 사용해 보자!

포토샵은 매년 업데이트되고 있으며, 간단한 합성이나 보정은 인공지능 기능 덕분에 클릭 한 번이면 처리할 수 있을 정도로 강력해졌습니다. 이런 포토샵을 배워 놓는다면 꼭 유튜브 채널 운영뿐 아니라 모든 디자인에 활용할 수 있습니다. 포토샵을 한 번도 다뤄 본 적이 없더라도 실습을 따라 하면서 자연스럽게 배울 수 있습니다.

유튜브 채널을 운영하려면 필수 요소로 채널의 특성을 표현할 수 있는 배너와 프로필, 영상 콘텐츠를 대표할 섬네일이 필요합니다. 이외에도 영상 편집에 사용할 자막이나 네임 스티커 등의 디자인 소스가 있다면 더욱 풍성한 영상을 완성할 수 있습니다. 이 책에는 디자인 요소별 다양한 스타일의 실습을 제공하여 채널의 특성에 따라 골라서 실습하고 활용할 수 있습니다.

■ 저자 우디(서영열)

저자 우디(서영열)은 수년간 디자인 에이전시, 인하우스, 직업 학교 등을 거치며 가르치는 즐거움에 흠뻑 빠졌다. 공평한 교육을 위한 교육자의 길을 목표로 어도비, 네이버 등 여러 교육 기관 및 기업에서 꾸준하게 강의를 진행하고 있으며, 세계 최대 크리에이티브 행사인 Adobe MAX Insider 한국 대표로도 선정되었다. 프리랜서 그래픽 디자이너이자 포토샵, 일러스트레이터, 프리미어 프로 등 디자인 튜토리얼을 소개하는 ‘롤스토리 디자인 연구소’ 유튜브 채널의 크리에이터로도 활동하고 있다.

■ 차례

CHAPTER 01 유튜브 포토샵 디자인 시작하기

-LESSON 01 유튜브 그리고 포토샵

일찌감치 가능성을 보인 유튜브

유튜브 3대 디자인 영역 알기

대세 그래픽 프로그램, 포토샵

-LESSON 02 디자인하려면 알아야 할 필수 용어

비트맵과 벡터

모니터는 RGB, 인쇄는 CMYK

DPI, PPI, 해상도

-LESSON 03 이미지를 저장하는 다양한 포맷

-LESSON 04 알아두면 유용한 사이트 모음

-LESSON 05 포토샵 설치 및 사용 언어 변경

포토샵 무료 체험판 설치하기

사용 언어 변경하기

-LESSON 06 포토샵 실행 및 사용 환경 설정

포토샵과 첫 대면하기

새로 만들기 문서 창

작업 영역 설정하기

작업 영역 저장 및 복구하기

포토샵 기본 환경 설정

CHAPTER 02 채널의 정체성, 프로필 꾸미기

-LESSON 00 프로필 디자인 전 알고 가기

-LESSON 01 입체감 있는 타이포그래피 프로필

타이포그래피를 위한 기초 공사

3D 느낌으로 입체감 표현하기

-LESSON 02 사진과 타이포그래피를 활용한 프로필

주목성 높은 타이포그래피 디자인

사진 가공하여 배치하기

가독성을 살리는 그림자 추가하기

-LESSON 03 엠블럼 스타일 프로필

엠블럼 기본 형태 만들기

모양을 따라 흐르는 형태로 문자 입력하기

모양 추가하기

-LESSON 04 나만의 캐릭터를 활용한 프로필

사진 보고 외형 따라 그리기

표정 추가하여 느낌 살리기

배경 추가 및 색상 변경하기

-LESSON 05 나를 그대로 보여주는 사진 프로필

피사체와 배경 분리하기

새로운 문서에서 사진 프로필 꾸미기

CHAPTER 03 유튜브 배너 꾸미기

-LESSON 00 배너 디자인 전 알고 가기

-LESSON 01 초간단 타이포그래피 배너

타이포그래피를 위한 기초 공사

긴 그림자가 있는 타이포그래피

테두리 추가하여 가독성 높이기

-LESSON 02 콜라주 느낌의 러블리한 배너

질감이 느껴지는 배경 만들기

흑백사진으로 자연스럽게 배치하기

완성도 높이기

-LESSON 03 패턴과 그레이디언트로 의문 가득한 배너

그레이디언트 배경 만들기

패턴 정의한 후 적용하기

프레임 디자인 구성하기

사진 배경 지워서 배치하기

-LESSON 04 힐링 채널에 어울리는 감성적인 배너

자유 변형으로 사진 배경 늘리기

필름 사진 느낌의 필터 적용하기

원고지 느낌 표현하기

-LESSON 05 여러 디자인 소스를 활용한 배너

디자인 소스에 어울릴 배경 준비하기

디자인 소스 가공 후 활용하기

디자인 소스 위치 및 크기 조정하여 배치하기

문자 스타일 적용하기

CHAPTER 04 유튜브 섬네일 꾸미기

-LESSON 00 섬네일 디자인 전 알고 가기

-LESSON 01 잘 고른 사진으로 완성한 심플 섬네일

사진 배경 완성하기

가독성을 높여줄 그레이디언트 만들기

콘텐츠를 대표할 문자 꾸미기

-LESSON 02 액자 속 이미지 같은 프레임 섬네일

시선이 집중되는 프레임 만들기

테두리로 문자 가독성 높이기

시리즈 콘텐츠를 표현할 배너 만들기

-LESSON 03 스토리가 담긴 분할 섬네일

클리핑 마스크 기능으로 화면 분할하기

배경에 어울리는 글꼴로 문자 입력하기

분할 이미지 경계 자연스럽게 처리하기

-LESSON 04 스티커를 잘라 붙인 듯한 섬네일

브러시를 이용하여 질감 표현하기

이미지를 잘라서 스티커처럼 붙이기

손으로 그린 듯한 그림 장식 추가하기

요소에 맞춰 두 가지 글꼴로 문자 입력하기

-LESSON 05 사진을 단순하게 처리한 만화 같은 섬네일

필터 사용하여 사진을 만화처럼 만들기

여백 채우고, 배경 꾸미기

역동적이고 화려한 문자 입력하기

CHAPTER 05 이미지 소스로 영상을 풍성하게

-LESSON 00 유튜브 콘텐츠 디자인 전 알고 가기

-LESSON 01 자막을 돋보이게 하는 자막 박스

자막 박스 기본 틀 만들기

자막 박스에 이름 입력하기

-LESSON 02 영상 콘텐츠를 소개하는 제목 박스

채널명 문자 입력하기

제목과 이어지는 제목 박스 배치하기

원하는 그룹/레이어만 PNG로 저장하기

-LESSON 03 영상 속 정보 제공을 위한 네임 스티커

견출지 느낌의 틀 만들기

정렬 기능으로 여러 레이어 정확하게 배치하기

레이어 마스크로 질감 표현하기

-LESSON 04 액션 기능으로 간편하게 만든 예능 자막

액션 불러와서 등록하기

액션 실행하여 예능 자막 만들기

-LESSON 05 구독, 좋아요를 부르는 디자인 버튼

사각형 모양의 기본 버튼 틀 만들기

사각형을 겹쳐서 그림자처럼 표현하기

문자 입력 및 PNG 파일로 저장하기

CHAPTER 06 영상 콘텐츠를 마무리하는 최종 화면

-LESSON 00 최종 화면 디자인 전 알고 가기

-LESSON 01 구깃구깃 종이 질감의 최종 화면

기본 레이아웃 구성, 영상 + 구독 + 영상

영상 배너 영역의 제목 입력하기

시청자에게 채널명 각인시키기

-LESSON 02 자유로운 그레이디언트로 만든 최종 화면

자유로운 드로잉으로 그레이디언트 배경 만들기

레이어 마스크로 2분할 완성하기

-LESSON 03 귀여운 디자인 소스를 활용한 최종 화면

콘텐츠가 비치는 반투명한 배경 만들기

디자인 소스로 배경 꾸미기

손그림과 문구 입력으로 마무리하기

��

유튜브 채널 운영을 위한 포토샵 디자인

유튜브 포토샵 디자인 시작하기
유튜브 그리고 포토샵
유튜브 3대 디자인 영역 알기

여러분이 이모티콘 만드는 방법을 주제로 영상을 만들어 유튜브에 업로드했다고 가정해보세요. 누군가가 여러분이 만든 영상을 시청하려면 어떤 과정을 거치게 될까요? 관련 영상을 찾는 사용자라면 아마도 검색창에 ‘이모티콘 만드는 방법’, ‘이모티콘 만들기’ 등으로 검색할 겁니다. 그리고 무수히 많은 검색 결과의 섬네일 등을 보고 원하는 영상을 클릭할 겁니다. 여러 유튜브 디자인 요소 중 ‘섬네일(Thumbnail)’을 가장 중요한 요소로 선정하는 이유로 바로 이 때문입니다. 유사한 콘텐츠의 수많은 검색 결과 중에서 내용을 떠나 일단 클릭하게 만드는 시작이 바로 여러분의 첫인상과 같은 섬네일입니다.

섬네일이 마음에 들어서 우연히 영상 콘텐츠를 시청했는데 영상 콘텐츠까지 만족스럽다면, 또 어떤 영상 콘텐츠가 있을지 궁금해서 여러분의 채널까지 방문하게 될 겁니다. 그렇게 채널을 방문한 시청자는 대문 역할을 하는 배너와 프로필 이미지를 보고 채널의 정체성을 파악하게 될 겁니다. 즉, 유튜브 3대 디자인 영역인 ‘프로필’, ‘배너’, ‘섬네일’은 여러분 채널의 정체성을 표현하는 아주 중요한 디자인이며, 채널의 조회 수나 구독자 증가에도 영향을 끼친다고 이야기할 수 있습니다.

대세 그래픽 프로그램, 포토샵

어도비(Adobe)사의 포토샵(Photoshop)은 1990년 포토샵 1.0을 시작으로 하여 현재까지 오랜 역사를 이어 오고 있습니다. 포토샵이 세상에 처음 나온 1990년대만 해도 그래픽 프로그램은 단순히 하얀 백지 위에 그림을 그리는 페인트 도구가 전부였습니다. 이런 상황에서 포토샵은 페인트 도구에 이미지 편집이라는 새로운 기능을 추가하여 주목을 받기 시작합니다.

현재의 포토샵 버전은 Creative Cloud 시스템으로, 사용자는 정기적으로 비용을 지불하며 사용해야 합니다. 포토샵은 매년 주기적인 업데이트를 통해 사용자의 피드백을 가장 빠르게 반영해주는 대표 그래픽 프로그램으로 자리매김하였습니다.

디자인하려면 알아야 할 필수 용어
비트맵과 벡터

컴퓨터로 작업한 이미지는 크게 두 가지 형태로 나눌 수 있습니다. 하나는 포토샵에서 주로 작업하는 비트맵(Bitmap) 방식이고, 다른 하나는 일러스트레이터에서 주로 작업하는 벡터(Vector)방식입니다.

우리가 앞으로 만들 유튜브 디자인은 사진 보정, 합성 등 픽셀을 하나씩 다루어야 하는 작업입니다. 그러므로 비트맵 기반의 포토샵이 더 적합합니다.

모니터는 RGB, 인쇄는 CMYK

색상 체계는 크게 빛의 혼합인 RGB(Red, Green, Blue)와 물감의 혼합인 CMYK(Cyan, Magenta, Yellow, Black)로 나눌 수 있습니다. 디자인할 때 다양한 색상을 활용하게 되는데, 색상 모드를 잘못 선택하면 원치 않은 결과물을 얻을 수 있기 때문에 어떤 색상 모드를 사용할지 알아야 합니다.

유튜브 디자인은 어떤 색상 모드를 사용해야 할까요? 바로 RGB입니다. 이유는 간단합니다. 유튜브는 스마트폰, PC, 텔레비전과 같은 ‘모니터’를 통해 봅니다. 즉, 빛을 다루는 모니터와 관련된 RGB모드는 사용하는 겁니다. 반면, CMYK는 책이나 포스터 등 결과물을 인쇄하는 디자인에서 사용한다고 이해하면 됩니다.

DPI, PPI, 해상도

꼭 디자인을 하지 않더라도 유튜브를 시청하면서 72, 300, PPI, DPI 등의 용어를 들어본 적이 있을 겁니다. 이는 모두 해상도와 관련된 용어랍니다. 그렇다면 해상도는 무엇이고, 이미지를 저장할 때 어떤 값의 해상도를 사용해야 할까요?

우선 해상도란 화면에 표시하거나 인쇄할 때 이미지의 정밀도를 나타내는 지표로, 가로/세로 1인치인 영역을 몇 개의 픽셀 또는 점으로 채울 것인지를 나타내는 수치입니다 이러한 해상도의 단위로 모니터에서 1인치당 몇 개의 픽셀(Pixel)로 이루어졌는지를 나타내는 PPI(Pixel Per Inch)와 출력물에서 1인치당 몇 개의 점(Dot)으로 이루어졌는지를 나타내는 DPI(Dot Per Inch)를 사용합니다. 그리고 통상적으로 이 둘을 구분하지 않고 해상도(Resolution)라고 표현합니다.

1인치 영역에 픽셀 또는 점의 수가 많을수록 고해상도의 정밀한 이미지를 표현할 수 있겠죠? 즉, 해상도가 높을수록 이미지가 깨끗하고 선명하게 보입니다. 하지만 픽셀이나 점의 수가 많아질수록 파일 크기가 커지고 이로 인해 컴퓨터 속도가 느려질 수 있으므로 디자인을 시작하기 전에 목적에 맞는 적절한 해상도를 지정하는 것이 좋습니다. 통상적으로 웹에서 사용하는 디자인이라면 최소 72, 인쇄물이라면 최소 300의 해상도를 지정해야 선명하고 깨끗한 결과물을 얻을 수 있습니다.

포토샵 실행 및 사용 환경 설정
포토샵과 첫 대면하기

포토샵은 새로운 버전이 출시될 때마다 시작 화면도 함께 바뀝니다. 아래 사진은 포토샵 2021의 시작 화면입니다. 이어서 포토샵 홈 화면이 나타나면 앞으로 작업할 디자인이 그려질 캔버스를 만들어야 합니다. 그림을 그리려면 도화지가 필요하듯 말이죠. 홈 화면 중간에 있는 [새로 만들기] 버튼을 클릭하거나 상단 메뉴에서 [파일 - 새로 만들기]를 선택하면(Ctrl+N), 새로 만들기 캔버스(문서) 크기나 용도 등을 적용할 수 있는 새로 만들기 문서 창이 열립니다.

포토샵 기본 환경 설정

*홈 화면 자동 표시: 포토샵을 실행하면 시작 화면을 거쳐 포토샵 튜토리얼이나 최근 항목을 볼 수 있는 ‘홈 화면’이 나타납니다. 포토샵 사용이 익숙해져서 홈 화면이 필요하지 않다면 상단 메뉴에서 ①[편집 - 환경설정 - 일반]을 선택한 후 ②홈 화면 자동 표시: 체크 해제를 적용하세요. 이후로는 홈 화면이 표시되지 않습니다.

*인터페이스 색상 변경: 이 책에서는 검은색 화면을 회색으로 변경해서 작업합니다. 인터페이스 색상을 변경하려면 상단 메뉴에서 ①[편집 - 환경 설정 - 인터페이스]를 선택한 후 ②색상 테마 옵션에서 원하는 색상을 선택하면 됩니다.

*단위 설정: 정확한 크기로 디자인하려면 사용할 단위를 미리 지정해야 합니다. 책에서 다루는 실습과 동일한 단위를 사용하려면 상단 메뉴에서 ①[편집 - 환경 설정 - 단위와 눈금자]를 선택한 후 ②눈금자: 픽셀, 문자: 포인트를 적용합니다.

*문자 표시: 상단 메뉴에서 [편집 - 환경 설정 - 문자]를 선택한 후 글꼴 이름을 영어로 표시: 체크 해제를 적용해보세요. 한글 글꼴은 한글로 볼 수 있습니다.

*이동 도구의 자동 선택 옵션 설정: 포토샵을 사용할 때 가장 자주 사용하는 도구 중 하나는 <이동 도구>입니다. 이동 도구 옵션 패널을 보면 자동 선택 옵션이 있는데, 가급적 체크를 해제하고 사용하길 권장합니다. 자동 선택: 체크를 적용하면 의도치 않는 오브젝트를 선택하게 될 수 있습니다.

채널의 정체성, 프로필 꾸미기
입체감 있는 타이포그래피 프로필
타이포그래피를 위한 기초 공사

01 포토샵에서 ①Ctrl+N을 눌러 새로 만들기 문서 창을 엽니다. 상단 사전 설정 유형에서 ②[웹]탭을 누르고 표시된 목록 중 ③아무거나 선택합니다. 오른쪽 세부 정보에서 ➃폭: 800픽셀, 높이: 800픽셀, 아트보드: 해제를 적용하고 ⑤[만들기] 버튼을 클릭합니다.

02 적용한 설정에 따라 유튜브 프로필을 만들기에 최적화된 캔버스가 열립니다. 단색으로 채워진 배경을 만들기 위해 레이어 패널 하단에 있는 ①[조정 레이어] 아이콘을 클릭하고 ②[단색] 메뉴를 선택합니다. 색상 피커 창이 열리면 ③색상: #fd7837을 적용한 후 ➃[확인] 버튼을 클릭합니다.

03 도구 패널에서 ①<수평 문자 도구{T)>를 선택하고 ②문자 패널에서 ③글꼴: 여기어때 잘난체, 크기: 250pt, 행간: 280pt, 자간: 100, 색상: #f5f4f4를 적용합니다. ➃문자 입력 위치를 클릭하여 제주살이를 2줄로 입력하고 Ctrl+Enter를 눌러 마칩니다.

04 입력한 문자에 스타일을 적용하기 위해 ①레이어 패널에서 ②[제주 살이] 문자 레이어의 이름을 오른쪽 여백을 더블 클릭합니다. 레이어 스타일 창이 열리면 왼쪽 스타일 목록에서 ③[획]을 선택한 후 ➃크기: 3px, 위치: 안쪽, 색상: #f5f4f4를 적용하여 획(테두리)를 추가합니다.

05 이어서 ①[내부 그림자]를 선택한 후 ②혼합 모드: 표준, 색상: #fd6a37, 불투명도: 100%, 각도: 145도, 거리: 10px, 경계 감소: 0%, 크기: 0%를 적용하여 안쪽에 그림자를 추가하고 ③[확인] 버튼을 클릭해 창을 닫습니다.

06 레이어 패널을 보면 [제주 살이] 레이어 아래쪽으로 [획]과 [내부 그림자] 스타일이 적용된 것을 확인할 수 있습니다. 캔버스에도 문자에 스타일이 적용되어 입체적인 느낌이 표현되었습니다.

3D 느낌으로 입체감 표현하기

01 레이어 패널에서 ①[제주 살이] 레이어를 선택한 후 Ctrl+J를 눌러 복제합니다, 복제된 [제주 살이 복사] 레이어에서 ②[마우스 우클릭]한 후 ③[레이어 스타일 지우기] 메뉴를 선택합니다. 이어서 ➃[제주 살이 복사] 레이어를 원본인 [제주 살이] 레이어 아래로 드래그해서 옮깁니다.

02 [제주 살이 복사] 레이어가 선택된 상태에서 ①Ctrl+G를 눌러 그룹으로 묶고 ②다시 그룹 안에 있는 [제주 살이 복사] 레이어를 선택합니다. ③Ctrl+T를 눌러 자유 변형을 실행합니다. 조절점이 표시되면 ➃→를 1번, ↓를 1번씩 눌러 우측 하단으로 1픽셀씩 옮기고 Enter를 눌러 자유 변형을 마칩니다.

03 [제주 살이 복사] 레이어가 선택된 상태에서 앞서 실행한 자유 변형을 반복하며 Ctrl+Alt+Shift+T를 여러 번 눌러 원하는 두께만큼 레이어를 복제합니다. 실습에서는 25개까지 복제했습니다.

04 레이어 패널에서 ①[그룹 1] 그룹을 닫고 ②그룹 오른쪽에 있는 여백을 더블 클릭합니다. 레이어 스타일 창이 열리면 ③[색상 오버레이]를 선택한 후 ➃혼합 모드: 표준, 색상: #fd6a37을 적용하고 ⑤[확인]버튼을 클릭합니다.

05 문자를 조금 더 강조하기 위해 [그룹 1] 레이어가 선택된 상태에서 ①Ctrl+J를 눌러 그룹을 통째로 복제합니다. 아래에 있는 ②[그룹 1] 그룹을 선택한 후 ③[색상 오버레이] 스타일을 더블 클릭합니다. 레이어 스타일 창이 열리면 ➃색상: #ac4825를 적용하고 ⑤[확인] 버튼을 클릭합니다.

06 이제 ①<이동 도구(V)>를 선택하고 ②Shift+→를 3번, Shift+↓를 3번 눌러 우측 하단으로 30픽셀씩 옮깁니다. 서로 다른 색으로 깊이를 표현함으로써 더욱 눈에 띄는 문자가 되었습니다.

07 두께감 표현으로 중심이 맞지 않아 보입니다. ①[그룹 1]그룹이 선택된 상태에서 ②Shift를 누른 채 최상단에 있는 [제주 살이] 레이어를 클릭해서 다중 선택합니다. ‘이동 도구’ 옵션 패널에서 ③자동 선택 옵션의 체크를 해제한 후 ➃캔버스에서 드래그하여 문자를 중앙에 배치합니다. ⑤Ctrl+Shift+S를 눌러 파일 형식: PNG로 저장합니다.

사진과 타이포그래피를 활용한 프로필
주목성 높은 타이포그래피 디자인

01 ①Ctrl+N을 눌러 새로 만들기 문서 창을 엽니다. 사진 설정 유형에서 ②[웹] 탭을 누른 후 ③아무 문서나 선택합니다. ➃폭: 800픽셀, 높이: 800픽셀, 아트보드: 해제를 적용한 후 ⑤[만들기] 버튼을 클릭해 새로운 디자인을 시작합니다.

02 새로운 캔버스가 열리면 도구 패널에서 ①<수평 문자 도구(T)>를 선택하고 ②문자 패널에서 ③글꼴: G마켓 산스(Bold), 크기: 250pt, 이탤릭(기울임), 색상: #edcdac를 적용합니다. ➃캔버스에서 왼쪽 중앙을 클릭하여 ‘요’ 입력한 후 Ctrl+Enter를 눌러 마칩니다.

03 획(테두리)을 추가하기 위해 레이어 패널에서 ①문자 레이어의 여백을 더블 클릭합니다. 레이어 스타일 창이 열리면 ②[획]을 선택하고 ③크기: 17px, 위치: 바깥쪽, 색상: #000000을 적용한 후 ➃[확인] 버튼을 클릭합니다.

04 기본 스타일을 적용한 문자를 만들었으니 ①[요] 레이어가 선택된 상태에서 Ctrl+J를 눌러 문자 레이어를 복제합니다. ②<이동 도구(V)>를 선택한 후 ③오른쪽으로 드래그해서 복제된 ‘요’를 겹치지 않게 옮깁니다.

05 레이어 패널에서 ①[요 복사] 레이어의 섬네일을 더블 클릭하여 문자 편집 상태가 되면 ②가로 수정하고 Ctrl+Enter를 눌러 마칩니다. ③문자 레이어 복제 후 수정 과정을 반복하여 [퀸]레이어까지 완성합니다.

06 이제 이미지 추가를 고려하여 문자를 조금씩 겹쳐서 배치하겠습니다. 레이어 패널에서 ①[요], [가], [퀸]으로 레이어 배치 순서를 변경합니다. 도구 패널에서 ②<이동 도구(V)>를 선택하고 ③레이어 패널에서 각 문자를 선택한 후 드래그 해서 다음과 같이 레이아웃을 구성합니다.

사진 가공하여 배치하기

01 ①Ctrl+O를 눌러 예제_요가하는여자.jpg 파일을 엽니다. 도구 패널에서 <빠른 선택 도구(W)>를 선택하고 옵션 패널에서 ③[피사체 선택] 버튼을 클릭합니다. 포토샵에서 자동으로 피사체만 선택 영역으로 지정해줍니다.

02 선택 영역을 보면 100% 완벽하진 않습니다. 피사체를 따라 선택 영역을 정리하기 위해 ①<올가미 도구(L)>를 선택하고 옵션 패널에서 ②[선택 영역에 추가] 아이콘을 클릭합니다. ③화면을 확대하고 추가로 선택해야 할 영역을 드래그하는 과정을 반복해서 피사체 선택 영역을 자연스럽게 정리합니다.

03 선택 영역 정리를 마쳤다면 ①Ctrl+J를 눌러 선택 영역을 별도의 레이어로 복제합니다. 그런 다음 ②복제된 [레이어1] 레이어에서 Ctrl+C를 눌러 복사합니다. 작업 창 상단에서 ③[제목 없음] 탭을 클릭하여 작업 중이던 캔버스로 돌아와 ➃Ctrl+V를 눌러 붙여 넣습니다.

04 이미지의 크기와 위치를 조절해야 합니다. 레이어 패널에서 ①이미지 레이어를 [배경] 레이어 바로 위로 드래그하여 옮깁니다. ②Ctrl+T를 눌러 자유 변형을 실행한 후 ③조절점을 드래그해서 크기를, 안쪽을 드래그해서 위치를 조정하고 Enter를 누릅니다.

05 문자와 잘 어울리게 배치했다면 끝으로 ①<지우개 도구(E)>를 선택한 후 문자 아래쪽으로 삐져 나온 부분을 ②드래그해서 깨끗하게 정리합니다.

유튜브 섬네일 꾸미기
잘 고른 사진으로 완성한 심플 섬네일
사진 배경 완성하기

섬네일 배경의 기본은 잘 고른 사진이 될 수 있습니다. 섬네일에 쓰기 위해 사진을 직접 찰영한다면 문구를 배치할 여백을 고려해 촬영하는 것이 더욱 효과적일 겁니다. 준비한 사진을 반전하고 간단히 보정하여 섬네일 배경을 완성해보겠습니다.

01 ①Ctrl+N을 눌러 새로 만들기 문서 창을 열고 상단 사전 설정 유형에서 ②[웹] 탭을 클릭한 후 ③아무 문서나 선택합니다. 세부 설정에서 ➃폭: 1280픽셀, 높이: 720픽셀, 아트보드: 해제를 적용하고 ⑤[만들기] 버튼을 클릭합니다.

02 유튜브 섬네일에 최적화된 사이즈인 1280X720픽셀 크기로 새로운 캔버스가 만들어집니다. 상단 메뉴에서 [메뉴-포함 가져오기]를 선택하고 배경 이미지로 사용할 예제_reading.jpg 파일을 찾아 불러옵니다.

03 화면을 좀 더 넓게 보기 위해 ①Ctrl+-를 눌러 보기 배율을 축소합니다. 자유 변형 상태에서 중앙을 기준으로 크기를 조절하기 위해 ②Alt를 누른 채 조절점을 바깥쪽으로 드래그하여 캔버스 가득 채우고 Enter를 눌러 자유 변형을 마칩니다.

04 ①Ctrl+T를 눌러 자유 변형을 실행합니다. 이미지 위에서 ②[마우스 우클릭]한 후 ③[가로로 뒤집기]를 선택하면 이미지가 좌우 반전되면서 왼쪽에 여백이 생깁니다. ➃Enter를 눌러 자유 변형을 마칩니다.

05 반전한 사진의 밝기를 조절하기 위해 상단 메뉴에서 [이미지 - 조정 - 곡선]을 선택합니다.

06 곡선 창이 열리면 ①사진 속 인물의 이마 부분을 클릭합니다. 곡선 창을 보며 곡선 그래프에 조절점이 추가되었습니다. ②해당 조절점을 위쪽으로 드래그하여 인물의 피부를 포함해 사진의 전반적인 노출을 높이고 ③[확인] 버튼을 클릭하여 창을 닫습니다.

가독성을 높여줄 그레이디언트 만들기

01 레이어 패널 하단의 ①[조정 레이어] 아이콘을 클릭한 후 ②[그레이디언트]를 선택합니다. 그레이디언트 칠 창이 열리면 ③각도: 0도를 적용하고 ➃그레이디언트 옵션을 클릭합니다. 그레이디언트 편집기창이 열리면 ⑤사전 설정: 기본 사항 - 검정, 흰색을 선택합니다.

02 선택한 기본 그레이디언트를 변경하여 투명한 상태로 변경하겠습니다. 그레이디언트 바의 ①왼쪽 위에서 [불투명도 정지점]을 클릭하여 선택하고 ②불투명도: 90%를, ③오른쪽 위에 있는 [불투명도 정지점]을 클릭하여 ➃불투명도: 0%, 위치: 70%를 적용합니다.

03 이어서 그레이디언트 바의 ①오른쪽 아래에 있는 [색상 정지점]을 더블 클릭하고 ②색상: #000000을 적용합니다. 끝으로 ③ ➃ 각 창의 [확인] 버튼을 클릭하여 닫습니다. 이로써 검정 배경에서 오른쪽으로 갈수록 점점 투명해지는 그레이디언트 배경이 완성되었습니다.

콘텐츠를 대표할 문자 꾸미기

01 ①<수평 문자 도구(T)>를 선택하고 ②문자 패널에서 ③글꼴: G마켓 산스, Bold, 크기: 130pt, 행간: 130pt, 자간: 0, 색상: #ffffff를 적용합니다. ➃캔버스에서 왼쪽 여백을 클릭하여 누워서본 신비한 이야기를 3줄에 입력하고 ⑤Ctrl+Enter를 눌러 문자 편집을 마칩니다.

02 다시 한 번 ①<수평 문자 도구(T)>를 선택하고 ②문자 패널에서 ③글꼴: G마켓 산스, Medium, 크기: 50pt를 적용한 후 ➃그림과 같이 서브 카피를 입력하고 위치를 조절합니다.

03 서브 카피에 포인트를 추가하기 위해 배경 영역을 만들겠습니다. ①<사각형 도구(U)>를 선택하고 상단의 옵션 패널에서 ②칠: #5c00ff, 획: 색상 없음을 적용합니다.

04 ①서브 카피 왼쪽 위에서 대각선으로 드래그하여 사각형을 그립니다. 레이어 패널에서 ②[사각형 1] 레이어가 서브 카피 문자 레이어보다 아래에 위치하도록 조정하면 사각형 위로 서브가 표시됩니다.

05 ①레이어 패널에서 [사각형 1] 레이어를 선택한 후 ②블렌딩 모드: 색상 닷지를 적용하면 배경과 보다 잘 어울리게 혼합됩니다. 디자인이 완성되었습니다. ③Ctrl+Shift+S를 눌러 파일 형식: PNG로 최종 결과물을 저장합니다.

액자 속 이미지 같은 프레임 섬네일
시선이 집중되는 프레임 만들기

한 편의 영화처럼, 멋진 장면을 프레임 속에 배치합니다. 프레임 속으로 시선이 집중되는 효과를 직접 느낄 수 있을 겁니다.

01 ①Ctrl+N을 눌러 새로 만들기 문서 창을 엽니다. 상단 사전 설정 유형에서 ②[웹] 탭을 클릭하고 ③아무 문서나 선택한 다음 ➃폭: 1280픽셀, 높이: 720픽셀, 아트보드: 해제를 적용하고 ⑤[만들기] 버튼을 클릭합니다.

02 유튜브 섬네일에 최적화된 1280X720픽셀의 캔버스를 만들었습니다. 배경 상단 메뉴에서 [파일 - 포함 가져오기]를 선택하고 예제 파일 중 예제_고백.jpg 파일으 찾아 불러옵니다. 자유 변형 상태로 이미지가 배치됩니다.

03 ①작업 편의를 위해 Ctrl+-를 눌러 화면 배율을 축소합니다. 중앙을 기준으로 이미지 크기를 조절하기 위해 ②Alt를 누른 채 조절점을 바깥쪽으로 드래그하여 캔버스 가득 이미지로 채우고 ③Enter를 눌러 자유 변형을 마칩니다.

04 프레임을 만들기 위해 ①<사각형 도구(U)>를 선택하고 옵션 패널에서 ②칠: 색상 없음, 획: #00ff9c, 10픽셀, 정렬: 안쪽 정렬을 적용합니다.

05 ①캔버스에서 중앙을 클릭한 후 사각형 만들기 창이 열리면 ②폭: 1220픽셀, 높이: 660픽셀, 중앙부터: 체크로 적용하고 ③[확인] 버튼을 클릭합니다. 클릭한 지점을 중심으로 지정한 크기의 사각형 프레임이 그려집니다.

06 입체감을 살리기 위해 인물과 겹치는 부분의 프레임을 지우겠습니다. 레이어 패널에서 ①[사각형 1] 레이어를 [마우스 우클릭]한 후 ②[레이어 레스터화]를 선택하여 일반 레이어로 바꿉니다.

07 ①<지우개 도구(E)>를 선택하고 옵션 패널에서 ②브러시 모양: 일반 브러시 - 선명한 원을 적용합니다. ③캔버스에서 인물에 겹치는 프레임을 드래그하여 모두 지웁니다. 이때 단축키 [, ]를 눌러 브러시 크기를 조절하면서 지우면 조금 더 편리합니다.

��

�����濵

��濵