미리캔버스 사용법 및 블로그,유튜브,인스타 썸네일 만들기

havegoodtime 2022. 11. 10.

무료로 사용 가능한 웹 기반 편집 툴로 사용 편리성과 제공하는 디자인 요소들이 좋기 때문에 많은 사람들이 사용하는 웹 편집 툴입니다. 블로그, 유튜브, 인스타 등 SNS 활동을 많이 하는 요즘 눈의 띄는 썸네일은 넘쳐나는 게시물들 속에서 주목받기가 쉬워집니다. 미리 캔버스로 썸네일을 만들어 보며 사용법을 알아보도록 하겠습니다.

미리 캔버스 화면 구성

미리캔버스의 화면 구성을 하나씩 알아보며 기본 사항들을 확인해보겠습니다. 썸네일을 만들기 위해서는 앞으로 소개할 내용들이 필요합니다. 간단하면서도 직관적인 작업이 가능하기 때문에 쉽게 손에 익힐 수 있습니다.

● 캔버스 크기 설정

작업을 시작하기 전에 먼저 캔버스 사이즈를 결정 하고 작업을 해야 합니다. 작업 중에 변경을 하게 되면 작업 중인 요소들의 크기와 위치가 변경될 수 있습니다. 캔버스 사이즈는 사용 목적에 따라 미리 제공이 되는 사이즈가 있고, 사용자가 직접 입력하는 방식도 있습니다. 예를 들어 유튜브 썸네일을 만든다면 '유튜브/팟빵 -> 썸네일' 이런 식으로 선택하면 캔버스 크기가 자동으로 해당 플랫폼에 맞게 만들어집니다.

● 템플릿

템플릿은 완성된 예제라고 생각하시면 됩니다. 제공하는 템플릿을 사용하여 전체적인 디자인 구도와 색감을 유지하면서 내용만 변경하면 쉽게 제작을 할 수 있습니다. 디자인 감각이 좋지 않거나 빠른 제작을 위해서는 템플릿을 사용하면 빠르고 쉽게 제작이 가능합니다. 제공되는 템플릿은 유료버전과 무료 버전이 있습니다.

● 업로드

업로드 화면은 제작 시 필요한 소스 즉 사진이나 기타 요소들을 사용하려 할 때 미리 캔버스 웹에 저장을 시켜 놓는 곳입니다. 배경에 사용할 사진을 업로드하면 미리 캔버스에서 사용이 가능하기 때문에 사진을 배경으로 쓰거나 다양하게 사용할 수 있습니다.

● 요소

요소는 일러스트 같은 이미지를 제공해주는 것으로 콘텐츠 주제에 맞게 알맞은 요소들을 찾아 사용할 수 있습니다. 도형, 차트 등 제작에 필요한 많은 부분을 제공하고 있습니다.

● 텍스트

다양한 폰트를 제공하며 효과가 가미된 폰트를 제공합니다. 눈에 띄는 글자로 원하는 효과를 표현할 수 있습니다. 폰트 스타일로 사용할 수 도 있고, 여러 폰트를 사용 할 수 도 있습니다.

● 편집창

이 화면에서 편집을 할 수 있습니다. 객체들의 위치를 옮길 수 있고 페이지를 계속해서 추가할 수 있어 하나의 시리즈 또는 카드 뉴스처럼 여러 장이 필요한 작업을 하기 좋습니다.

썸네일 제작 방법 (블로그, 유튜브, 인스타)

썸네일 제작을 해보며 미리 캔버스 사용법을 알아보겠습니다. 블로그에서 사용하기 위한 썸네일, 유튜브에 사용할 썸네일, 인스타 피드에 올릴 썸네일을 만들 수 있는데 블로그에 사용할 수 있는 썸네일을 만들어 보겠습니다.

크기 정하기
배경 업로드
배경 크기 조절 및 흐림, 밝기 조정
트 씌우기, 글자 삽입
요소 추가
파일 다운로드

1. 크기 정하기

캔버스의 크기를 용도에 맞게 선택해야 합니다. 그래야 사용할 때 크기를 줄인다거나 할 필요가 없고 원본 그대로 사용하기 때문에 해상도가 떨어질 일이 없습니다.

블로그에서 사용할 썸네일 크기는 모바일에서 볼 때 잘리지 않을 크기로 만들어야 합니다. 최적의 사이즈는 704*420 사이즈로 제작을 합니다.

캔버스 사이즈 설정을 직접 입력을 선택 후 704*420을 입력하여 캔버스를 생성시킵니다.

캔버스에 빨간색 네모는 모바일에서 썸네일 내용이 잘리지 않는 부분으로 제목이나 내용은 빨간색 네모 안에 위치하게 작성하는 것이 좋습니다.

2. 배경 업로드

주목될 만한 썸네일을 만들기 위해 배경을 삽입합니다. 콘텐츠 내용과 어울리는 이미지를 찾아서 업로드를 합니다.

3. 배경 크기 조절 및 흐림, 밝기 조정

배경을 삽입 후 효과를 적용하여 꾸며 보겠습니다. 배경을 흐릿하게 블로 처리를 주고 밝기 조절을 하여 다음에 삽입할 글자가 잘 보이게 하기 위함입니다.

삽입 한 이미지를 왼쪽 상단 끝에 위치시킵니다. 그리고 이미지를 선택하고 오른쪽 아래 모서리를 클리 하여 캔버스 안에 꽉 차게 이미지를 크게 키워 줍니다.

이미지를 캔버스에 꽉 채우고 난 후 왼쪽을 보면 이미지 설정과 관련된 내용들이 나옵니다. 여기서 제일 위에 있는 불투명도를 수정해 줍니다. 불투명도를 낮출수록 이미지가 옅어지게 됩니다. 이미지에 따라 다르지만 80 정도로 맞추어 줍니다.

그리고 필터-직접 조정을 선택하여 밝기, 대비, 채도를 조정해 줍니다. 이미지가 깔끔하고 선명한 느낌이 들게 조정해 주면 됩니다.

4. 틀 씌우기 + 글자 삽입

썸네일을 강조하기 위해서 틀을 씌어 집중도를 높여 보겠습니다. 요소를 선택하고 도형에서 사각형을 찾아서 선택합니다. 사각형을 캔버스 크기로 맞추어 줍니다.

사각형 틀의 색상과 두께를 변경하기 위해서 편집창에서 사각형을 선택합니다. 편집 화면 왼쪽에서 사각형의 불투명도부터 선 색상, 두께 등을 조정할 수 있습니다.

5. 요소 추가

썸네일에 눈길을 끌 요소를 하나 정도 추가하겠습니다. 글자 옆이나 이미지에 강조하고 싶은 부분에 요소를 추가하여 눈에 띄게 할 수 있습니다.

요소를 클릭하면 윗부분에 찾기 버튼이 있습니다. 여기에 필요한 요소의 키워드를 써서 찾으면 키워드와 관련된 요소 이미지들이 나옵니다. 썸네일과 어울리는 요소를 찾은 후 선택하여 편집창에 삽이 시킵니다. 그리고 위치와 크기를 조정하여 알맞게 위치시킵니다.

마지막으로 글자를 삽입하여 썸네일을 완성시켜 보겠습니다. 텍스트를 선택 후 폰트를 선택합니다. 여러 가지 폰트들이 나오는데 알맞은 폰트를 선택하여 썸네일 가운데 부분에 위치시킵니다.

글자 삽입 후 내용을 입력하고 크기를 조정합니다. 가능한 가운데 부분에 들어오도록 위치시킵니다. 폰트를 삽입하게 되면 세트로 되어있기 때문에 잠금을 푼 후 필요한 글자 박스만 사용하고 필요 없는 글자 박스는 지워 줍니다. 글자색과 외곽선을 조정하여 꾸며 줍니다.

6. 파일 다운로드

마무리 작업을 하여 깔끔하게 정리가 되면 다운로드를 합니다. 오른쪽 상단에 다운로드를 클릭합니다. 다운로드 화면에 웹용, 인쇄용, 동영상 탭이 있는데 웹용을 선택합니다. 파일 형식은 사용할 형식으로 선택 합니다. PNG 옵션에 투명한 배경은 이미지만 보이고 배경은 투명하게 되어 있는 파일 형식입니다. 오른쪽 아래에 고해상도 다운로드를 클릭하여 다운로드합니다.