네이버 블로그 썸네일
아래 게시물은 제가 네이버 블로그에 최근 올린 글인데, 오른쪽 이미지가 썸네일입니다. “점시, 후식, 커피가 만 원에 가능하다”라는 내용을 표현해 봤습니다. 포토샵으로 블로그 썸네일 만들기는 미리캔버스에서 템플릿을 찾아 수정하는 것보다 빠르고 쉽습니다. 관련된 이미지를 넣고 임팩트 있는 카피를 넣으면 완성!
1. 썸네일 이미지 사이즈
네이버에서 보이는 썸네일 영역이 크지 않기 때문에 긴 문장의 텍스트는 지양합니다. 지금부터 “네이버 블로그 썸네일 만들기”를 주제로 썸네일을 디자인해 보겠습니다. 정해진 사이즈는 없고 위 썸네일 예시처럼 1:1 비율의 정사각형으로 만들면 됩니다. 1,000픽셀 정도로 작업하면 충분합니다. 지금 어도비 포토샵을 열어주세요!2. 포토샵으로 썸네일 만들기
STEP 1. 캔버스 만들기
[파일 > 새로 만들기 > 가로/세로 1,000픽셀 > 해상도 72 > 만들기] 순서로 정사각형 캔버스를 생성됩니다.
STEP 2. 배경 이미지 찾기
고품질 이미지를 제공하는 언스플래쉬에서 주제와 관련된 사진을 찾습니다. 이미지에 마우스 커서를 올리면 다운로드 버튼이 나옵니다.
STEP 3. 배경 이미지 넣기
[파일 > 포함 가져오기 > 이미지 선택] 순서로 이미지를 불러올 수도 있고, 이미지를 포토샵에 바로 드래그해서 넣기도 가능합니다. 편하신 방법으로 진행해 주세요. ‘SHIFT 키’를 누른 상태로 이미지 끝부분의 포인트를 드래그하면 원본 이미지 비율대로 크기를 조절할 수 있습니다. 캔버스에 맞춰 적당하게 크기를 조절합니다.
STEP 4. 광고 카피 넣기
광고 카피는 블로거가 가장 많이 고민해야 하는 부분입니다. 내용과 맞지 않게 어그로만 끌거나 너무 자극적인 카피 문구는 독자들의 신뢰를 떨어뜨릴 수 있습니다. 도구에서 텍스트 툴 선택 후, 캔버스에 커서를 찍어 텍스트를 넣습니다. 궁금증을 일으킬 만한 광고 카피를 상단에 배치합니다. 저는 텍스트를 좀 더 꾸며보겠습니다.
STEP 5. 텍스트 꾸미기
빨간 블록으로 표시한 텍스트 레이어를 더블클릭하면 레이어 스타일에서 다양한 효과들을 적용할 수 있습니다. 획과 그림자를 추가해 서 텍스트의 가시성을 높였습니다.
STEP 6. 아이콘 넣기
부가적인 설명을 위해 하단에는 “썸네일 만들기” 텍스트를 메인 카피와 동일한 방법으로 넣었고, 네이버 블로그 아이콘을 넣어 길어질 수 있는 텍스트 길이를 줄였습니다. 배경 없는 무료 png 이미지를 제공하는 PNGEgg에서 네이버 블로그 아이콘을 다운로드해 넣어주기만 하면 아래와 같이 썸네일 이미지 디자인이 완성됩니다.
STEP 7. 이미지 내보내기
[파일 > 내보내기 > 내보내기 형식] 내가 만든 최종 썸네일 이미지를 확인하고 마음에 든다면 jpg 파일로 내보냅니다.
3. 네이버 블로그 썸네일 만들기
포토샵으로 네이버 블로그 썸네일 만들기 어떠셨나요? 나만의 템플릿을 만들어 몇 번만 연습해 보면 원하는 결과물을 쉽고 빠르게 얻을 수 있습니다. 미리캔버스 같은 디자인 플랫폼을 이용할 수도 있지만, 다른 사람들과 똑같은 느낌과 형식으로 찍어내는 썸네일에서 탈피하고 싶다면 저의 강의를 보면서 연습해 보세요!A. 포토샵 디자인 작업 과정
-
-
- 포토샵 캔버스 만들기
- 배경 이미지 찾아 넣기
- 광고 카피 넣기 (메인/서브)
- 이미지 소스 넣고 꾸미기
- 최종 이미지 내보내기
-
B. 썸네일 무료 템플릿 제공
네이버 블로그 썸네일 템플릿이 필요하신 분들은 댓글에 메일 주소를 적어주시면, 오늘 함께 만들었던 썸네일 템플릿을 무료로 제공해 드립니다. 관심 있으신 분들의 많은 신청 바랍니다.
“한번 구매로 평생 사용하는 직관적인 디자인 앱, 프로크리에이트”
“프로크리에이트 디자인 실전 연습, 유튜브 로고 만들기”
“프로크리에이트 디자인 실전 연습, 돈 버는 썸네일 만들기”
