7. 포토샵으로 썸네일 만들기

 포토샵으로 썸네일 만들기

 

블로그를 운영한 지 한 달이 넘어가다 보니 무작정 바쁘게 글만 채우다가 여유를 가지고 다른 사람 블로그도 구경하곤 합니다. 대부분 운영하신 지가 오래들 되셔서 이쁘게 꾸며놓고 계시곤 합니다. 첨엔 썸네일에 신경을 전혀 안 썼는데 다른 분들은 썸네일을 만들어 가독성을 좋게들 하시는 경우가 많아 포토샵으로 썸네일을 만드는 방법에 대해 알아볼까 합니다.

 

사전적 의미로 썸네일이란 사진을 탐색하면서 알아보기 쉽게 하려고 페이지 전체의 레이아웃을 볼 수 있도록 원래의 커다란 이미지를 작은 이미지로 줄여 화면에 띄운 사진의 축소판으로 많은 양의 이미지를 쉽고 빠르게 보거나 관리할 수 있도록 하기 위한 것으로 , 작고 대략적인 이미지를 나타내는 데 사용되기도 하고, 설계하기 전 기획 단계에서 브로슈어의 배치 따위를 나타내는 데에도 쓰인다.  - 출처 : TTA정보통신용어사전

 

복잡한 설명이지만 블로그를 예로 들어 설명하자면 해당 포스팅을 대표하는 이미지라고 생각하면 될 듯합니다. 오늘은 흔히들 사용하시는 썸네일 두 가지를 만들어 보도록 하겠습니다. 첫 번째는 글자로 이루어진 썸네일과 두 번째는 이미지를 삽입한 썸네일입니다. 

 

 

 

1. 포토샵을 불러와 새로 만들기로 캔버스를 만듭니다. 보통 티스토리에서 사용하는 썸네일은 가로 300픽셀, 세로 300픽셀의 가벼운 크기의 썸네일을 사용한다고 합니다.  

 

 

 

2. 썸네일의 테두리를 그리기 위해 사각 선택 윤각 도구로 정사각형을 그립니다. 팁을 드리자면 정확한 비율로 그리기 위해 사각 선택 윤각 도구 크기 고정으로 가로, 세로 280픽셀 정도로 주고 위치를 정확히 잡기 위해 눈금자를 나타내어 (단축키 CTRL + R) 위치를 조절하여 사각 선택 윤각이 가운데에 위치하도록 하였습니다. 그다음 두께를 주기 위해 오른쪽 마우스를 클릭해 획 폭 10픽셀을 줍니다. 

 

 

 

3. 테두리가 완성되면 페인트 도구로 원하는 색상을 채웁니다. 

 

 

 

4. 색상이 다 채워지면 수평 문자 도구 도구로 원하는 위치에 글자를 써넣으면 글자로 이루어진 간단히 썸네일일 완성됩니다. 

 

 

 

1. 두 번째는 그림을 이용한 썸네일 만들기입니다. 글자 썸네일 만들기와 거의 동일합니다. 앞전과 동일하게 가로, 세로 300픽셀 캔버스를 만들고 배경으로 사용할 사진을 불러옵니다. 사진을 마우스로 옮기고 크기를 조절해(CTRL+T) 캔버스 크기와 동일하게 맞춥니다. 

 

 

 

2. 위치를 맞추었으면 수평 문자 도구를 이용해 원하는 위치에 글자를 써넣습니다. 

 

 

 

3. 밋밋한 글자에 입체감을 주기 위해 레이어 스타일 혼합 옵션을 선택한 후 획에 원하는 크기만큼의 효과를 줍니다.

 

 

 

4. 이미지를 흐릿하게 하기 위해 불투명도를 적당하게 조절하면 멋진 이미지 썸네일이 완성됩니다. 

 

 

 

 정리

포토샵을 이용해 가장 간단하고 쉬운 형태의 썸네일을 만들어 보았습니다. 시간적 여유가 있으신 분은 앞전 포스팅에 설명해둔 포토샵의 다양한 기능을 참조하여 좀 더 독창적인 썸네일을 만들어 보시길 바랍니다. 저도 앞으로 종종 이쁘고 깔끔한 썸네일을 만들어 제 블로그를 좀 더 보기 좋고 가독성 좋게 만들어 볼까 합니다.  

 

포토샵 후광 효과 만들기

6. 포토샵 후광 효과 만들기

포토샵으로 썸네일 만들기

이미지 복제하기, 복구하기

이미지 복사, 옮기기

포토샵 다양하게 이미지 선택하기

포토샵 빠른 마스크 활용법

클리핑 마스크를 이용해 사진이 들어간 글자만들기

재밌게 보셨다면 ♥공감 버튼을 한 번씩 눌러주세요.!!!