티스토리 블로그 썸네일 쉽게 만드는 방법 feat. 썸네일 무료 제작 사이트 캔바(Canva)

남양주개발자

·

2020. 9. 16. 12:54

728x90
반응형

무료로 티스토리 썸네일을 이렇게 간편하게 만들 수 있다고?

유튜브나 블로그를 보면 필수적으로 들어가는 요소중 하나가 바로 썸네일입니다. 저도 블로그 운영 초반에는 구글에 돌아다니는 free 이미지를 대충 썸네일로 올리고 사용했었는데, 요즘 썸네일의 중요성을 많이 느끼고 있습니다. 어그로는 아니더라도 유저가 들어오고 싶게 간판을 만드는 것이 유입량을 늘릴 수 있는 중요한 요소중 하나라고 생각합니다. 그래서 오늘은 제가 티스토리 썸네일을 만들기 위해 사용했던 툴에 대해서 소개해드리려고 합니다.

저는 Canva라는 사이트에서 썸네일을 제작하는데 정말 좋은 점은 무료로 사용할 수 있다는 것입니다. 물론 Pro 버전도 있긴 하지만 무료로 이용해도 꽤 퀄리티있는 썸네일을 제작할 수 있습니다.

무료 썸네일 제작 방법

Canva 웹사이트 이동, 회원가입

우선 Canva 웹사이트로 들어갑니다. Canva 사이트 링크를 모르신다면 여기를 눌러주세요.

canva 웹사이트 메인

 

Canva 웹사이트로 들어갔다면 회원가입을 해주시고, 회원가입을 완료하게 되면 썸네일을 제작할 수 있는 대시보드로 이동하게 됩니다.

썸네일을 제작할 수 있는 대시보드로 이동한 화면

아래와 같이 다양한 템플릿과 제가 과거에 만들었던 썸네일 목록들을 확인할 수 있습니다. 굉장히 다양한 템플릿을 제공하고 있는 것을 볼 수 있습니다.

굉장히 다양한 템플릿을 제공하는 Canva

썸네일 타입 선택 & 생성

우측 상단의 Create a design 버튼을 누르고 원하는 썸네일 타입을 선택합니다. 저는 블로그 배너 타입을 선택하도록 하겠습니다. 원하는 썸네일 타입을 선택하고 진행하시면 됩니다.

Canva 웹사이트에서 원하는 썸네일 타입을 선택하는 예시

썸네일 이름 변경하는 방법

썸네일 타입을 선택하면 이제 제작할 수 있는 화면으로 이동하게 되는데 상단의 박스에 썸네일 이름을 변경할 수 있습니다. 좌측 패널에는 썸네일을 제작하기 위한 다양한 도구들이 존재합니다. 

썸네일 이름을 변경하는 방법 예시

썸네일 이미지 추가

썸네일의 필수요소인 이미지를 추가하도록 하겠습니다. Canva의 장점중 하나는 무료 이미지를 이렇게 간편하게 검색하고 추가할 수 있다는 점입니다. Pro 버전을 사용하면 좀 더 양질의 이미지를 사용할 수 있으니 좀 더 고퀄리티의 이미지를 원하시는 분들은 Pro 버전을 선택해도 좋을 것 같습니다.

썸네일 이미지를 추가하는 예시

썸네일 이미지 사이즈 조정

추가한 이미지를 템플릿 크기에 맞게 썸네일 이미지 사이즈를 조정하도록 하겠습니다. 이미지 우클릭을 하면 오른쪽과 같은 창이 뜨게 되는데 Set image as background을 선택해서 백그라운드 사이즈에 맞춥니다.

백그라운드 사이즈에 이미지 사이즈를 조정하는 예시
백그라운드 사이즈에 맞게 조정된 모습 예시

저는 추가한 이미지 위에 opacity를 조금 주고 검정색으로 덮도록 하겠습니다. 좌측의 Elements 탭에서 정사각형 도형을 클릭하면 템플릿에 도형이 추가됩니다. 도형을 템플릿 전체 크기에 맞춰서 조정한 후 아래 예시와 같이 색상과 투명도를 조정하면 깔끔하게 처리할 수 있습니다.

백그라운드에 추가적인 효과를 내는 모습

텍스트 추가

좌측 텍스트에서 원하는 폰트를 선택하고 템플릿에 텍스트를 넣어봅시다. 아래 예시처럼 저도 텍스트를 작성했습니다.

썸네일에 텍스트를 넣는 모습 예시

텍스트 효과주기

텍스트에 효과를 주는 방법도 간단합니다. 텍스트를 클릭한 후 상단에 있는 Effects를 선택하고 원하는 효과를 선택해주세요.

텍스트에 효과를 주는 예시

결과물

빠르게 만들긴 했지만 정말 간편하게 썸네일을 제작할 수 있다.

마무리

캔바(Canva) 무료 온라인 디자인 제작 툴을 활용해서 티스토리 썸네일을 만들어봤습니다. 물론 티스토리 블로그에만 국한된게 아닌 유튜브나 다른 썸네일 제작이 필요한 플랫폼에 모두 사용할 수 있으니 빠르게 썸네일 제작이 필요하시다면 캔바(Canva)를 사용해보는 것 추천드리겠습니다.

 
728x90
반응형

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다

4개의 댓글