포토샵 블로그 썸네일 만들기, 쉬워요!

포토샵 블로그 썸네일 만들기, 쉬워요!

안녕하세요? 피쿼드입니다! 이번 포스팅에서는 포토샵 블로그 썸네일 만들기에

대해 같이 알아볼까 하는데요. 바로 위에 넣은 사진처럼 글자와 반투명 박스가

들어간, 간단한 블로그 썸네일 만들기에 대해 살펴보겠습니다. 포토샵을 하나도

몰라도 순서대로만 따라하시면 되니깐 걱정마시고 단계별로 따라해보세요 ㅎㅎ

포토샵 메인화면입니다. 제가 쓰는 건 옛날에 나온 CS3 Extended 버전인데요.

기능상 요즘 포토샵이 추가된 건 있어도 없어지거나 하진 않았으니 따라하시는데

큰 무리는 없을거에요. 먼저 빨간 박스로 표시한 File 메뉴를 눌러주세요!

그러면 요렇게 하단으로 메뉴가 나오는데요. Open을 눌러 작업할 사진을 찾을게요.

저는 요번 포스팅 썸네일로 쓴 색연필 사진으로 작업을 해볼거에요.

색연필 사진이 열렸네요. 그러면 파일이 원사이즈대로 나옵니다.

사진의 크기를 알 수 있으면 작업이 편리하니 먼저 눈금을 넣어보겠습니다.

Ctrl+R을 누르시면 사진의 좌측과 상단에 눈금자가 들어갑니다.

 

 

눈금자 위에 커서를 놓고 마우스 오른쪽 버튼을 누르면 눈금자의 단위를

정할 수 있는데요. 저는 주로 Pixels로 놓고 작업을 합니다.

사진을 그대로 써도 상관은 없겠지만 원하는 사이즈가 있으시다면

사진 상단에 사진 이름이 표시된 바가 보이시죠? 거기서 마우스 우클릭을

하시면 몇가지 메뉴가 나오는데요. Image Size를 눌러 원하는 크기로

설정해주세요. 저는 블로그에 올릴거라 가로 600픽셀로 설정해두었습니다.

요기까지 따라오셨죠? 그럼 Ctrl+A를 눌러 사진 전체를 범위지정합니다.

그 후 Edit 메뉴를 눌러 Stroke로 들어갑니다. 빨간 박스로 표시한 메뉴에요!

Stroke는 제가 한 것처럼 지정한 범위에 색선을 넣는 도구인데요.

Width는 선의 굵기, Color는 색상입니다. 저는 10픽셀에 파란색을 선택해보았어요.

OK를 누르시면 위처럼 테두리가 적용됩니다.

이제 파란 반투명박스와 텍스트를 넣어볼텐데요.

여기서 한 가지 팁! 좌측과 상단에 있는 눈금자를 마우스 좌클릭을 한 후,

끌어주시면 보조선을 만드실 수 있어요. 텍스트나 박스를 배치할 때 도움이 되죠.

보조선은 민트색으로 표시되는데 세로선은 300픽셀, 가로선은 250픽셀에 배치했습니다.

이제 박스를 넣을 차례인데요. 빡간색으로 표시한 사각형 모양의 툴을 누릅니다.

툴 이름은 Rectangle Tool입니다.

그러면 최상단 밑에 메뉴가 하나 생기는데요. 저는 직사각형으로 만들 것이라

직사각형 모양과 파란색을 선택했습니다. 원하는 위치에 커서를 놓고

원하는 크기대로 드래그해서 만들면 됩니다. 

박스를 만들면 원래 우측 창에 Background 밖에 없었는데 레이어가 하나 더 생깁니다.

박스는 '벡터 마스크 레이어'라는 건데요. 우측에서 그 레이어를 선택합니다.

 

그럼 파란색으로 선택한 레이어가 표시되지요? 그 다음에 빨간 박스로 표시한

Fill을 눌러 50%로 만들어줍니다. 그럼 박스가 반투명하게 됩니다.

원하는대로 투명도를 조절해주시면 되겠지요? 

이제 텍스트를 넣을 차례입니다. T 모양의 툴을 눌러주세요.

'Horizontal Type Tool'이라는 건데요. 텍스트를 넣을 있습니다.

원하는 위치에 텍스트를 넣습니다. 상단에서 폰트와 굵기,

크기, 효과, 졍렬, 색상 등을 선택할 수 있습니다.

자, 이제 우측 메뉴에 레이어가 하나 더 생겼죠? 우측 메뉴의 텍스트 레이어를

좌클릭 해주시구요. 좌측 메뉴 중 최상단의 화살표를 클릭해주세요. 화살표는

'Move Tool'인데요. 텍스트 레이어의 위치를 옮겨 볼 겁니다.

텍스트 레이어를 마우스로 끌어서 옮기셔도 되구요, 

키보드의 화살표로도 움직일 수 있습니다.

저는 박스 정가운데에 넣고 싶습니다. 텍스트 레이어를 선택한 상태에서

Ctrl+T를 눌러주시면 텍스트 레이어 주위로 박스가 생기고 한가운데에

십자표시가 생기는데요. 요걸 아까 만든 보조선에다 맞춰서 위치를 잡습니다.

그 다음, 우측 메뉴 하단의 fx를 눌러 줍니다. 빨간 박스로 표시해 두었어요.

그러면 Stroke가 나오는데요. 이 메뉴를 눌러주세요.

저는 검은 텍스트 주변으로 흰색 테두리를 넣을 거에요.

Stroke 메뉴 최상단에는 선의 굵기를 정할 수 있구요,

제일 밑은 색상을 정할 수 있습니다. 

중간에도 여러 옵션이 있는데 이번에는 안 쓸 겁니다.

다 설정하고 옆의 OK를 누르면 끝입니다!

자, 이제 저장을 할 건데요.

Alt+Shift+Ctrl+S를 눌러주면 웹용 사진으로 저장할 수 있어요.

File 메뉴의 'Save For Web & Devices'라는 메뉴의 단축키입니다.

포토샵의 PSD 파일 형태로 저장하고 싶으시다면

Shift+Ctrl+S를 눌러주시거나 작업물 우측 상단의 X를 눌러주신 후

Save 여부를 물어볼 때 Yes를 눌러주시면 됩니다.

 

혹은 File 메뉴의 'Save As'라는 메뉴를 사용하시면 됩니다.

PSD로 저장하시면 작업의 단계가 다 저장되므로

수정할 때 용이합니다. 미리 저장해 두시면 나중에 편리해요.

간단한 작업이지만 설명하기는 생각보다 오래 걸리는군요 ㅠ

아무튼 한 번만 따라해보시면 이제 썸네일 만들기 하실 수 있을 겁니다.

혹시 잘 이해가 안가거나 모르겠는 부분은 댓글로 질문해주세요! ㅎㅎ

도움이 되셨다면 공감 부탁드립니다! 작성자에게 큰 힘이 된답니다!