포토샵으로 블로그썸 네일만들기 사진편집 프로그램 어도비

블로그는 일상이나 취미 활동을 기록하기에 적합한 소셜 네트워크 서비스입니다. 대학생이라면 대외활동을 정리하는 용도로 사용할 수 있겠네요. 제 활동을 널리 알릴 수도 있고, 데이터가 쌓이면 포트폴리오처럼 활용할 수도 있죠.

블로그를 시작하는 첫 번째, 차별화된 콘텐츠가 가장 중요합니다. 잘 꾸미는 작업도 중요합니다. 키워드를 검색했을 때 뜨는 블로그 썸네일이 대표적이네요

사진편집 프로그램 어도비 포토샵에서 클릭을 부르는 블로그 썸네일 만들기를 시작해 볼까요? 사이즈 조절만으로 스마트스토어에도 활용 가능하니 필요하신분들은 참고하세요!

모바일 네이버 블로그 앱에서 썸네일을 모아본 제 블로그입니다. 저는 포스팅할 때 블로그 썸네일에 신경을 많이 쓰는 편입니다. 콘텐츠를 대표하는 이미지이기 때문에 잡지 표지를 만든다는 느낌으로 만들고 있습니다.

그런 썸네일을 만들기 위해 제가 쓰는 도구는 사진 편집 프로그램 어도비 포토샵입니다. 어떻게 만드는지 핵심적인 부분을 지금부터 설명을 드리도록 하겠습니다. 프로그램을 실행해 놓고 계속 진행하면 더 이해하기 쉬울 겁니다.

포토샵이 없으신 분들은 무료체험판을 활용해주세요. 어도비 크리에이티브 클라우드로 포토샵을 포함한 20여 개의 앱을 7일간 무료로 이용할 수 있습니다.

 

+ 크리에이티브 클라우드 무료체험

썸네일 기본틀 만들기

먼저 썸네일을 만들 비어있는 캔버스를 만들어야 하는데 새로 작성 버튼을 누르거나 Ctrl+N을 누르면 새로 작성 문서창이 뜨게 됩니다.여기서 아트 및 일러스트레이션에 있는 1:1 프리셋을 사용하거나 직접 값을 입력하여 빈 캔버스를 만들어 줍니다.참고로 저는 네이버 블로그는 가로 최대 이미지 크기에 맞게 966 x 966 사이즈로 만들어 사용하고 있습니다.

단축키 Ctrl+J를 눌러 레이어를 하나 복제하거나 Shift+Ctrl+N을 눌러서 새로운 레이어를 하나 만듭니다.여기에 페인트를 칠한 후에 검정을 칠하세요.이 과정이 반드시 필요한 것은 아닙니다.프레임의 모양을 잡을 때 베이스로 쓰거나 배경을 어둡게 할 때 사용하는 등 계속 활용할 수 있기 때문에 넣어 보았습니다.

다음에는 제 블로그에서 썸네일에 쓸 흰 틀을 만들어 보도록 하겠습니다.툴박스에서 사각 툴을 선택하고 상단 설정 메뉴에서 채우기 후 그림은 원하는 두께만큼 입력하여 외곽과 간격을 맞추어 모양을 만듭니다.

저처럼 전체 프레임이 아니라 중간 부분에 제목을 넣고 바깥 테두리처럼 프레임을 넣으셔도 됩니다여기까지 기본틀 만들기가 완료됐습니다.이 상태에서 Ctrl+S를 눌러 PSD 파일로 저장해 주세요.

 

배경 사진을 넣다

배경으로 사용하는 사진이나 화상을 익스플로러 폴더로부터 PSD 파일 위로 드래그 합니다.캔버스와 같은 1:1 비율로 자리를 잡습니다.

일반적인 사진의 비율로 하면 위와 같이 크기가 맞지 않게 되는데요.이럴 때는 Alt키를 누르면서 마우스로 모서리 부분을 당겨서 크기를 조절합니다.여기서 Alt키를 누르는 이유는 사진의 비율을 그대로 유지한 상태에서 크기를 조절할 수 있기 때문입니다.

가끔 수평이 안 맞는 사진도 있는데회전으로 수평을 맞출 수 있습니다.이미지를 회전시키는 방법은 크기 조절 후 마우스를 모서리에 대면 양쪽 방향의 화살표가 표시됩니다.그 상태에서 마우스를 눌러 회전시킬 수 있습니다.만약 이미지 선택이 풀려서 위와 같은 표시가 표시되지 않으면 Ctrl+T를 눌러서 이미지를 선택하는 것이 가능합니다.

 

제목 입력

다음으로 블로그 썸네일에 들어갈 제목을 입력해볼까요?수평문자 툴을 선택한 후 원하는 곳에서 텍스트를 입력하세요.입력전 상단바에서 글꼴, 크기 등을 미리 설정할 수 있습니다.입력 후에도 변경이 가능합니다.가능하면 글꼴은 눈에 잘 띄는 것을 선택하는 것이 좋을 것 같습니다.

배경 이미지가 화려하거나 텍스트와 색상이 비슷한 경우에는 텍스트에 그림자 효과를 넣어 강조할 수 있습니다.레이어 패널에서 입력한 텍스트 레이어를 선택하고 하단에 fx보기를 누르면 위에 팝업이 나타납니다. 여기서 그림자를 누를게요.

그럼 레이어 스타일 조절 메뉴창이 뜹니다.가장 하단에 있는 드롭섀도우로 그림자 농도, 방향, 거리, 스프레드, 크기 등을 조절할 수 있습니다.그림자 컬러는 블랙 하시면 무난한데요.좀 더 완성도를 높이고 싶다면 배경 컬러를 컬러 피커로 골라서 좀 더 어두운 컬러로 지정하면 더 자연스러운 그림자를 만들 수 있습니다.

제목을 입력할 때 잊지 말아야 할 것이 있습니다.바로 센터 맞히기!텍스트 레이어를 선택한 상태에서 Ctrl 키를 눌러보면 두 개의 여백 숫자가 표시됩니다.이를 바탕으로 방향 키로 균형을 잡을 수 있습니다.

방금 만든 흰색 테두리가 아마리에 진할 때는 레이어에서 불투명도를 조절해서 조금 연하게 할 수도 있습니다.배경 이미지에 맞게 조절을 해주시면 될 것 같습니다.

배경 이미지가 따로 없는 경우라면 시선을 끌 색상을 채워서 배경을 만드는 방법도 있습니다. 이때 텍스트와 배경만으로는 조금 부족하다면 관련된 아이콘을 활용하셔도 되겠습니다.제가 자주 애용하는 방법이네요.

배경사진이 너무 화려하면 제목이 꽉 차서 잘 안 보일 수도 있는데그럴 때는, 검은 레이어를 배경 사진 위에 두어 불투명도를 조절해 텍스트가 눈에 띄게 할 수도 있습니다.

 

블로그 섬네일을 보존하다

완성된 썸네일을 저장할 때는 Alt + Shift + Ctrl + S를 누르거나 내보내기 > 웹용을 이용하십시오.제가 이 방법을 추천하는 이유는 이미지의 용량을 대폭 줄일 수 있기 때문입니다.레이어가 많은 이미지의 경우, JPG로 바로 저장한 경우, 용량이 매우 커질 수 있습니다.웹용으로 저장을 하면 966 x 966 사이즈는 대략 500KB 내외의 용량으로 축소할 수 있습니다.

다음은 웹용 저장창이 뜹니다. 여기서 몇 개의 설정값을 바꿀 수 있습니다. 이미지 파일 포맷, 품질, 사이즈등을 변경할 수 있습니다. 디폴트 설정대로 보존해도 됩니다.

아까 설명드린 방법대로 만들어본 블로그 썸네일 3개입니다두 번째 눈에 띄는 컬러라서 눈에 잘 띄어요.개인적으로는 세 번째 썸네일이 제일 마음에 들어요.

 

 

 

 

 

 

 

 

 

 

 

 

 

만드는 과정을 캡처 영상으로 만들어 봤습니다 새로운 캔버스 만들기부터 프레임만들기, 배경사진 담기, 타이틀영정효과 적용, 내보내기 등을 어떻게 사용하는지 보실 수 있습니다.

지금까지 사진편집 프로그램 어도비 포토샵으로 블로그 썸네일 만드는 법을 알려드렸습니다.생각보다 너무 쉽죠?PSD 파일을 하나 만들어 놓으면 매번 배경과 텍스트만 다르게 만들 수 있어요.제가 알려준 방법을 통해 여러분도 자신만의 멋진 썸네일에 도전해보세요!

대학생이라면 포토샵과 함께 어도비 20가지 이상의 앱을 60% 할인해서 이용할 수 있습니다 프리미어 프로, 아크로바틱, 라이트 룸 등 배워두면 대학 생활에 여러모로 도움이 되는 앱들이 함께 포함되어 있습니다. 거의 한 가격에 모든 앱을 구독할 수 있어요. 관심 있으신 분은 아래 링크를 참고해 주세요.

+ 어도비 크리에이티브 클라우드 목록