§ 포토샵으로 블로그 배너 만들기 / 간단 테두리 배너 만들기 ★

§ 포토샵으로 블로그 배너 만들기 / 간단 테두리 배너 만들기 ★

 

 

 

 

네이버 [분열감정장해 특별병동 A동] (http://blog.naver.com/fnzkwm/20176972867) 에

 

블로그에 배너 위젯을 만드는 방법을 포스팅 했습니다.

 

거기에 이어서~!!

 

 

이번에는 포토샵으로 간단한 블로그 배너 만들기에 대해 포스팅하도록 하겠습니다. ㅎ~

 

 

 

우선, 오늘의 목표.

 

 

 

▽ 이런 배너를 만들어서 블로그 메뉴에 붙이자!

 

 

 

 

 

저도 포토샵은 전혀 할 줄 모르는데,

 

하나씩 기초적인 포토샵 기능들을 하나씩 배워가면서

 

포스팅할 생각이에요.

 

블로그에 하나하나 포토샵 공부한 내용들을 차곡차곡 쌓아가다보면

 

언젠가는 포토샵 고수가 되어 있을 거에요~ ㅎㅎ

 

 

 

 

 

 

 

그냥 그림판이나 더 간단한 프로그램에서도 만들 수 있으니까,

 

굳이 포토샵이 있어야만 하는건 아니라는 점, 참고하시구요.

 

 

그럼, 간단 블로그 배너 만들기 시~작!

 

 

 

 

1. 포토샵을 실행합니다.

 

 

 

 

 

2. 배너 작업을 할 새 캔버스가 필요합니다.

 

File-New를 눌러 캔버스를 생성합니다.

 

 

 

 

3. 다른 부분은 크게 손대지 않고, 가로x세로 비율만 설정합니다.

 

일단 티스토리 블로그의 경우 가로 200 px, 세로 100 px 정도로 하니까 간단하더군요.

 

이 포스트 맨 위에 있는 배너 이미지가 200x100px 사이즈니까 참고하세요 ^^

 

 

 

 

4. 만든 사이즈대로 하얀색 캔버스가 나왔습니다.

 

여기에 텍스트 툴을 이용해서 문구나 URL을 집어넣고,

 

폰트 사이즈나 색상 등을 변경해서 꾸며줍니다.

 

 

 

 

5. 꼭 배경 이미지를 넣어야 하는건 아니지만,

 

배경 이미지나 배경에 색상을 집어넣어 조금 더 눈에 띄게 효과를 줄 수도 있겠죠?

 

 

다 만들었습니다.

 

근데, 저는 배너에 테두리를 넣고 싶었어요 :)

 

 

 

 

 

6. 왼쪽의 선택 툴을 이용해서 배너 이미지 전체를 선택해줍니다.

 

(배너 전체에 점선으로 선택된 모양이 보이죠?)

 

 

 

 

7. 전체 선택이 되어있는 상태에서 Edit - Stroke를 선택합니다.

 

 

 

8. 테두리 메뉴인데요, 테두리 두께를 설정하고 (1보다 더 크게 하면 너무 두꺼운게 아닐까 싶어요)

 

색상도 선택해줍니다. 그냥 그대로 하면 아마 배경 색깔과 동일한 색으로 테두리가 칠해져서

 

테두리 구분이 가지 않을거에요, 색상을 다시 선택하여 눈에 잘 띄는 테두리로 만들어줍니다.

 

 

 

9. 다 만들었습니다. 선택 툴을 제거하고 나서 봐도

 

테두리가 잘 보이는군요. ㅎㅎ  :)

 

 

 

 

10. 다 만들었으니까 이제 그림을 내보내서 이미지 파일로 저장해야겠습니다.

 

Save as... 또는 Save for Web & ..... 를 눌러서 저장할 수 있습니다.

 

 

 

11. 저장하기 메뉴가 나오는데요,

 

화살표에 보시면 원하는 이미지 포맷(확장자)을 선택할 수 있습니다.

 

보통은 GIF나 JPEG가 가장 무난하죠 :)

 

 

 

12. 설정을 다 끝내고 Save를 누르면, 마지막으로 이렇게 저장 폴더 및 파일명 설정 창이 나오구요,

 

원하는 파일 이름을 설정해주고 저장!!

 

 

 

 

★. 이렇게 제가 만든 배너가 완성이 되었습니다 ㅎ

 

 

 

 

 

포토샵을 이용한 간단한 배너 만들기였습니다.

 

생각보다 어렵지 않아요~ 포토샵 +_+ ㅋㅋㅋ

 

 

 

 

(고작 이거 해놓구선 이러고 있습니다 -_- ㅎ)

 

 

 

 

 

 

틈틈이, 하나씩 연습해가면서 포스팅도 하고,

 

함께 배우면서 포토샵 실력을 쌓아가면 좋겠군요~

 

 

 

이상, Yu Day 였습니다 :)