돈 버는 썸네일 디자인ㅣ프로크리에이트 3강 “시급 27,000원 가능”

프로크리에이트 디자인으로 디지털 노마드를 이룬 프리랜서 디노입니다. 오늘은 저의 디자인 수입 효자종목인 ‘유튜브 영상 썸네일 만들기’로 준비했습니다. 작업 시간은 최종 수정까지 20분 정도 소요되는데 작업비는 9천 원! 한 시간 동안 3건을 디자인하면? 시급 27,000원 꿀 작업! 지금 썸네일 노하우 공개합니다.

돈 버는 썸네일 디자인
썸네일 마스터 프로젝트마켓
  • 저는 현재 크몽 전문가로 등록되어 있습니다.
  • 디자인 및 유튜브 제작 의뢰ㅣ프로젝트마켓

디자인 앱 추천

단언컨대 “여러분들은 그림을 못 그려도 괜찮습니다” 제가 추구하는 디자인은 어려운 그림을 그리는 게 아니라 오픈 소스를 활용해 나만의 창작물을 만들고 그 결과물로 수익을 창출하는 것입니다.

그 목적을 이루는 도구가 바로 프로크리에이트입니다. 한 번의 구매로 평생 사용할 수 있고 사용이 직관적이며 간단합니다. 이 디자인 앱으로도 디지털 노마드 이룰 수 있습니다. 저를 믿고 따라오세요!

디자인 앱 추천
Procreate 앱 다운로드ㅣ위 이미지 클릭

썸네일 만들기 예제

오늘 함께 작업해 볼 이미지는 제가 최근에 크몽에서 의뢰받아 진행했던 AI 코딩 관련 썸네일인데요. IT 관련 콘텐츠이기 때문에 스마트하고 전문적인 느낌을 주는 동시에 궁금증을 유발하는 시안으로 만들었습니다.

참고로 의뢰하신 유튜버분께서 매우 만족하셨고 별점 5점 만점을 받았습니다! 내것처럼 진심으로 만들면 재방문은 일어납니다. (의뢰자 찐 리뷰 : “빠른 답변 높은 퀄리티에 친절함까지!! 너무 감사해요! 또 의뢰 드리겠습니다”)

돈 버는 썸네일 만들기
오늘의 썸네일 만들기 예제 (크몽 의뢰 받았던 디자인)

돈 버는 썸네일 만들기

1. 배경 이미지 넣기

썸네일에서 가장 기본이 되고 중요한 요소는 바로 배경 이미지입니다. 어떤 배경을 넣는지에 따라서 전체 썸네일의 분위기가 좌우되기 때문인데요. 배경 부분은 의뢰자가 특정 이미지로 요청하지 않았다면 센스 있게 찾아서 넣어야합니다.

저는 주로 고퀄리티의 무료 배경 이미지 소스를 넣을 때는 ‘Unsplash‘ 사이트를 이용합니다. AI, 코딩, 컴퓨터 관련 배경을 찾아보겠습니다. (Coding으로 검색) 어둡고 프로그래밍 느낌의 이미지를 선택했습니다.

배경 이미지 넣기
Unsplash 고화질 무료 이미지 사이트

다운로드한 사진을 배경으로 넣고 원하는 크기로 조절합니다. 배경 이미지가 밝을 경우 앞에 넣게 될 이미지들이 부각이 되지 않을 수 있기 때문에 레이어 하나를 추가하고 레이어를 까만색으로 채운 후 투명도를 조절합니다. (아래 순서 대로 따라 해 보세요)

1. 좌측 상단 [도구 툴]의 ‘사진 삽입하기’로 다운로드한 이미지 추가

사진 삽입하기
도구 > 사진 삽입하기

2. 이미지를 배경에 넣고 원하는 크기/위치로 조정

이미지 크기 조절
이미지 크기 조절

3. 새 레이어 추가 후, 원하는 컬러를 레이어로 드래그 하여 레이어 컬러 채워줌

빈 레이어 컬러 채우기
빈 레이어 컬러 채우기

4. 레이어를 클릭하여 투명도 조절

투명도 조절
투명도 조절

2. 메인 카피 넣기

텍스트 추가하기로 의뢰자가 요청한 메인 카피를 넣은 후 크기를 적당히 조절하고 텍스트의 가독성을 높이기 위해 텍스트에 그림자 효과를 넣어줍니다. (그림자 만들기는 아래 순서를 따라 해 보세요)

1. 좌측 상단 [도구 툴]에서 ‘텍스트를 추가’ 후, 시안성 좋은 폰트로 텍스트 삽입 및 크기 조절

메인 카피 넣기
텍스트 추가

2. 해당 레이어를 좌측으로 스크롤 하여 ‘복제’ 기능 선택 (레이어 1개 복제)

레이어 복제
레이어 복제

3. 레이어 클릭 후 ‘반전’을 눌러 검은색으로 변경 (화이트가 블랙으로 반전)

컬러 반전
컬러 반전

4. 좌측 상단 [봉 툴]에서 ‘가우시안 흐림 효과’ 선택 (이해를 돕기 위해 배경 빼줌)

가우시안 흐림 효과
가우시안 흐림 효과

5. 스크린을 우측으로 드래그하여 가우시안 흐림 정도 조절 (우측으로 드래그 할수록 흐려짐)

흐림 효과
흐림 효과

6. [선택 툴] 클릭 후, 그림자 위치 조정

그림자 위치
그림자 위치

3. 메인 카피 꾸미기

메인 카피 지금 이대로는 뭔가 허전합니다. 메인 카피에 시청자의 이목을 집중 시키기 위해서는 전달하고자 하는 메시지에 눈이 가도록 만들어야 합니다. 여기서 프로크리에이트의 ‘클리핑 마스크’ 기능을 배워보겠습니다.

마스크는 얼굴에 쓰는 거죠! 클리핑 마스크도 특정 대상에 이미지를 씌우는 의미입니다. 텍스트 꾸미기에 꼭 필요한 클리핑 마스크 씌우기를 아래 순서대로 따라 해 보시면 감이 오실 겁니다.

1. 효과를 입힐 텍스트 레이어 위에 선 그리기 (컬러 배합은 자유 선택)

메인 카피 꾸미기
선 그리기

2. 가우시안 흐림 효과로 선 배합 하기

가우시안 흐림
가우시안 흐림

3. 레이어 클릭 후, ‘클리핑 마스크’ 선택하여 텍스트 컬러 입히기

클리핑 마스크 효과
클리핑 마스크 효과

클리핑 마스크 기능으로 메인 카피에 하이라이트를 주니까 어떤가요? 일반 화이트 텍스트 일 때보다 확실히 높아진 가시성과 가독성을 확인할 수 있습니다. 작은 기능의 위력!

클리핑 마스크 기능에서 중요한 것은 반드시 효과를 넣고자 하는 레이어 위에 이미지 또는 컬러를 넣고 클리핑 마스크를 걸어야 한다는 점입니다. 한두 번 연습해 보면 누구든 쉽게 적용할 수 있습니다.

가독성 높아진 메인 카피
가독성 높아진 메인 카피

4. 이미지 소스 넣기

어느덧 ‘돈 버는 썸네일 만들기’ 마무리 단계에 접어들고 있습니다. 지금까지 잘 따라오고 계시죠? 어려운 것은 아무것도 없습니다! 단지 프로크리에이트를 많이 사용해 보지 않아 다루기가 약간 어색할 뿐입니다.

이번 챕터는 의뢰자가 원하는 사진이나 아이콘 등 부수적인 이미지 소스들로 썸네일을 재미있고 풍성하게 꾸며주는 단계인데요. 이 단계에서 중요한 것은 적절한 이미지 크기와 배치입니다. 자, 아래 스텝을 따라 해 보세요!

1. 텍스트 레이어 아래에 인물 사진 넣기 (이제 레이어 개념은 다 아시죠?)

이미지 소스 넣기
인물 사진 배치

2. 인물 사진 레이어 복제 > ‘알파 채널 잠금’ 선택 > 잠긴 채널 색칠하기 > 가우시안 흐림 효과

✔︎ ‘알파 채널 잠금’을 선택하면 해당 이미지 내에서만 효과 적용됩니다.  (이미지 밖은 어떤 기능도 적용 안됨)

알파채널 잠금
레이어를 클릭하여 ‘알파채널 잠금’을 선택
잠긴 채널 색 칠하기
잠긴 채널 내에 색 칠하기
유용한 무료 사이트
가우시안 흐림 효과로 하이라이트 주기

유용한 무료 사이트

돈 버는 썸네일 만들기에서 가장 중요한 것은 시간을 효율적으로 사용하고 빠르게 작업을 마무리 짓는 것인데요. 그러기 위해서는 작업 속도를 높이는 데 도움이 되는 사이트를 적극 활용해야 합니다.

높아진 소비자의 퀄리티 니즈를 맞추기 위해 언스플레시(Unsplash)에서 무료로 이용 가능한 고화질 배경 이미지를 다운로드하여 사용하고, 아이콘 등 배경 없는 이미지 소스는 피엔지에그(PNGEgg)를 사용합니다.

인물 사진 같은 경우는 직접 지우개 툴을 사용해서 지울 수도 있지만 자동으로 누끼를 따주는 리무브비지(removebg) 사이트를 이용하면 1초 만에 배경이 삭제된 png 파일을 얻을 수 있습니다. 첫째도 효율! 둘째도 효율!

1. 무료 이미지 사이트

  • 배경 이미지 찾을 때 : 언스플레시ㅣUnsplash
  • png 이미지 찾을 때 : 피엔지에그ㅣPNGEgg
무료 이미지 사이트
고화질 무료 이미지 소스 다운ㅣUnsplash

2. 자동 누끼 사이트

  • 배경 이미지 찾을 때 : 리무브비지ㅣremovebg
  • 작업 효율성 극대화 위해 누끼따는 사이트 이용
자동 누끼 사이트
자동으로 누끼 따주는 사이트

디자인 부업으로 추가수입 벌기

오늘은 제가 작업했던 유튜브 썸네일 예제를 가지고 동일하게 썸네일을 만들어 보는 시간을 가져보았습니다. 처음엔 어렵게 느껴지겠지만 손에 익으면 여러분들도 점차 시간을 단축할 수 있고, 경험이 쌓이다 보면 퀄리티 또한 좋아질 수 있습니다.

디자인을 못 해도, 그림을 못 그려도 오늘 배운 것처럼 몇 가지 기능만 알고 연습하면 여러분들도 디자인 부업으로 얼마든지 추가 수입을 버실 수 있습니다. 그렇게 꾸준히 노력하다 보면 디지털 노마드도 이루어집니다!

디자인 부업으로 추가수입 벌기
디지털 노마드 3부작ㅣ글 읽기는 이미지 클릭

디지털 노마드ㅣ경제적 자유

바다 앞 숙소에서 글 쓰는 디노ㅣDINO

Leave a Comment