블로그 썸네일 만들기의 모든것 여기에!

여러분 책을 사러 서점에 갔는데 비슷한 주제의 전문서적들이 나열되어있다면 어떤 기준으로 책을 고르시나요?

전 우선 그 책의 내용도 내용이지만 가장 먼저 손길이 가는 건 역시 겉에 보이는 '책의 표지' 일 것입니다.

오늘은 블로그에서 책의 표지와도 같은 '썸네일 만들기의 모든 것'에 대하여 공부해볼게요.

(*개인적으로 TIP, 교육 등의 특정 포스팅만 썸네일을 만들어 쓰는 걸 추천합니다)

 

몇 년 전만 하더라도 썸네일을 만들기 위해서는 기본적으로 전문 그림 편집 툴(ex 포토샵, 일러스트)을 사용할 줄 알아야 했지만 HTML 버전이 올라가면서 웹에서 손쉽게 썸네일을 만들 수 있는 시대가 되었습니다.

 

여기에서는 웹 제작방식과 간단하게 포토샵으로 블로그와 유튜브 썸네일 만드는 법을 설명하고자 합니다.

포토샵을 못하거나 기본적으로 프로그램이 없으신 분은 웹 제작방식으로 하시는 걸 적극 추천합니다.

간단하게 웹 방식과 포토샵의 장단점을 소개하자면 아래 표와 같이 정의할 수 있겠네요.

제작방식	장점	단점
포토샵, 일러스트, 그림판	원하는 이미지를 맘대로 만들 수 있음	시간이 오래 걸림
웹 제작방식	시간이 적게 걸림(3분)	원하는 이미지를 만들 때 한계 있음

 

대표적인 웹 썸네일 제작 사이트 3곳을 소개해드릴 테니 한번 끈적여 보세요.

10분~15분 정도 만지작거리면 누구나 원하는 썸네일을 전문가처럼 멋진 결과물을 만들 수 있습니다.

 

 

미리 캔버스

미리 캔버스라는 썸네일 이외에 포스트를 만들 때 도움이 될 수 있는 유용한 사이트입니다.

기본적으로 누구나 사용할 수 있고 저작권 걱정이 없다는 슬로건을 내걸고 있으며 많은 소스를 별도의 추가 비용 없이 쓸 수 있습니다.

 

컴퓨터 초보인 분도 한 10분 정도 사용하다 보면 누구나 만들 수 있기에 별도의 긴 설명은 하지 않겠습니다.

한국에서 만들어진 사이트라 다양한 한글 폰트와 디자인이 많다는 게 장점입니다.

 

미리 캔버스 소개 영상

 

홈 - 미리캔버스

미리 캔버스를 이용한 해당 포스트 썸네일

 

CANVA

미리 캔버스와 거의 비슷한 사이트며 더 다양한 소스와 콘텐츠들을 갖고 있습니다.

다만 기본적으로 제공하는 것 이외에 추가적인 컨텐츠들 대부분이 유료결제 시스템으로 운영이 되고 있어 전체 사용하기에 제약이 따르지만 기본 소스가 아주 풍부하여 별도의 결제 없이도 충분히 쓸 수 있습니다.

 

미리 캔버스가 한글 텍스트 중심이라면 CANVA는 영문 폰트 중심의 샘플 예제들이 많습니다.

한글 중심의 썸네일을 만들 때 미리 캔버스에 영문 위주로 만들 땐 CANVA를 추천해드리는 바입니다.

 

https://www.canva.com

불러오는 중입니다...

 

CANVA를 이용하여 만든 저의 썸네일들입니다.

 

기본적으로 한글 폰트가 다양하지 않습니다.

 

네이버 블로그

 

티스토리와는 다르게 네이버 기본 웹 에디터에서는 썸네일을 만들 수 있습니다.

물론 위에 소개한 툴의 기능에는 못 미치지만 그에 못지않게 훌륭한 결과물을 만들 수 있어 네이버 사용자들에게 권합니다.

 

방법은 썸네일을 만들고자 하는 원하는 사진을 불러온 다음 이미지 편집 -> 텍스트 -> 아트 타이포를 이용하면 됩니다.

주로 텍스트 위주의 타이포그래피 기반이기 때문에 이미지를 꾸미는 데에는 한계가 있습니다.

 

원하는 이미지를 부른 후 '아트타이포'를 누르면 제법 멋진 타이포그라피 썸네일이 완성된다.

 

 

포토샵, 일러스트 전문 프로그램

 

초창기 썸네일을 제작하시는 사용자들이 대부분 이 방식을 택했습니다.

저 같은 경우 포토샵과 일러스트로 한 때 밥 벌어먹어 썸네일 만드는 건 일도 아니지만 별로 선호하는 스타일이 아닙니다.

 

이유는 너무 완벽하게 만들고자 하는 나 자신 때문에 썸네일에 너무 많은 시간을 쏟을 것 같아서입니다.

그래도 가끔 꼭 이 툴을 써야만 할 때가 있는데 보통 웹에서 만들지 못하는 위트 있는 것을 만들고자 할 때죠.

가장 기본적인 썸네일을 가볍게 한 번 만들어 볼게요.

 

포토샵이나 일러스트를 연 후 폭 넓이 400x400 해상도 75의 캔버스를 생성합니다.

그 후 캔버스 위에 원하는 이미지를 드래그하여 확인 버튼을 눌러 줍니다.

 흰색 글씨를 적을 검정색 투명 레이어를 만들기 위해서 새 레이어를 만들어줍니다.

이렇게 사각형 툴을 이용해 새 레이어에 검정색 사각을 만들어줍니다.

ophacity 투명도를 75정도 줍니다. (사용자에 따라 마음대로)

새로 만든 검정 투명 사각박스 위에 글씨를 쓰면 간단한 썸네일 완성입니다.

내보내기 -> 웹용으로 저장을 누른 후

포맷은 jpeg로 한 후 원하는 파일명을 적으면 끝입니다.

 

 

 

미리 캔버스 & CANVA를 이용한 간단한 썸네일 만들기

 

마지막으로 미리 캔버스를 이용하여 이번 포스팅의 썸네일을 만드는 시간을 가져볼게요.

15분~20분 만지작 거리면 누구나 전문가처럼 결과물을 뽑아낼 수 있기에 별도의 설명을 안 하려고 했지만 가볍게 설명하고 마치도록 하겠습니다.

전체적으로 미리 캔버스와 CANVA의 인터페이스는 거의 동일하여 이질감이 없을 듯하여 미리 캔버스 위주로 설명할게요.

 

#상업적으로 마음껏 이용하세요 #워터마크 없는 진자 무료 미리 캔버스

 

블로그용 400x400 용을 만들기에 직접입력이 최고다.

 

500x500 혹은 400x400 픽셀 사이즈를 입력한다

 

템플릿을 보고 원하는 이미지가 있다면 그대로 하고 아니라면 직접 만들어보자.

 

현수막/배너/실사출력을 보면 정사각 형수막형을 선택

 

필자는 위의 이미지를 초이스하고 '개돼지도 썸네일만든다라는 제목을 정했지만

결국 최종 이미지를 할아버지 할머니로 변경

다운로드 하여 이미지를 받거나 저 같은 경우는 스샷으로 사진을 저장한다.

 

개인적으로 스샷으로 이용하는게 더 편하다.

 

최종 이미지로 완성이 되었습니다. 참 이쁘쥬?

 

이상 썸네일을 만드는 툴에 대하여 알아봤습니다.

포토샵을 이용하면 원하는 이미지를 마음껏 주무 릴 수 있어 더 세련되고 정확하게 포스트 내용을 전달할 수 있겠지만 웹에서 만드는 것 역시 포토샵 못지않게 할애된 시간에 비해 아주 멋스러운 썸네일을 만들 수 있으니 다들 한번쯤 해보시는 걸 추천드립니다.

 

이 포스트가 도움이 되었다면 공감하기와 구독하기 그리고 궁금한 사항이나 다른 요청하실걸 댓글로 부탁드립니다.

아래 링크는 티스토리 대표사진 썸네일 누락에 대해 다룬 포스트니 참조하세요. :D

 

티스토리 대표 사진 썸네일 누락 "야 너도?"

티스토리 대표사진 썸네일 누락 "야 너두?"

---

블로그 하시면서 꼭 도움이 될만한 글을 모아뒀습니다.

블로그 시작 전 읽어 보아야 할 목록 (1달에 1번 업데이트 최종 2020.04.05) 디지털노마드(Digital Nomad), 앉아서 돈 버는 재테크라는데? 디지털 노마드 생활의 시작 '블로그로 돈벌기' 블로그 주제 정하기 "돈이 되는 주제는 어떤것일까?" 블로그 비교 - 네이버, 티스토리, 블로거, 워드프레스 장단점 티스토리 블로그 만들기 전 꼭 보세요. '한달 운영 후기' 블로그 무료 이미지(유사 이미지)는 사용하면 안된다고!? 블로그 글쓰기 카더라 통신 정리! 블로그 초보 필독!   블로그 시작 후 필수 세팅해야 할 항목 티스토리 구글 검색 최적화 등록 - 사이트 맵 만들기 티스토리 구글 검색 최적화 등록 티스토리 네이버 노출 티스토리 빙(bing) 검색 노출 블로그차트 사이트 "내 블로그 순위는 몇위?" 티스토리 애드센스 승인신청 방법 티스토리 체류시간 확인은 네이버 애널리틱스 설치로부터 블로그 외형 꾸미기 티스토리 스킨 변경시 주의사항 '방문객 하락의 온상지' 블로그 썸네일 만들기의 모든것 여기에! 파비콘 만들기, 포토샵 없이도 아주 쉬워요.   기타 관련 블로그 글은 메뉴 팁은 후불 -> 블로그 항목을 클릭 하시면 보다 많은 정보를 얻으 실 수 있습니다.