포토샵 활용편_ 나만의 블로그 아이콘을 만들자.

☆º━Design Tutorial/Photoshop 2009/11/02 10:46

예스비™의 포토샵 강좌, 오늘은 포토샵 활용편으로 진행하겠습니다.

명함에 쓰일 도장을 만들다가 문득 블로그 아이콘으로 만들어 쓰면 좋을 것 같아 만드는 법을 공유해 드리려고 합니다.

오늘의 포토샵 강좌 난이도는 5레벨 중에 2레벨? 정도 될 것 같아요. 어렵지 않으니 걱정 마시고 차분히 따라해 보세요.

오늘 만들 블로그 아이콘은 낙관 형태로 만들 건데요, 불펌 도장으로 사용도 가능해서 아주 유용하게 쓰일 수 있을 것 같군요.

포토샵은 픽셀형식이라 글꼴을 쓸 경우 간혹 이미지가 깨져서 이쁘게 나오지 않는 경우가 많아요. 그래서 조금 크게 만들어서 사용할 때는 축소해서 사용하는 것으로 하겠습니다.

1. 새 파일을 엽니다.

사이즈는 100*100이고, background는 transparent로 된 새 파일을 만듭니다.(단축키: ctrl+N)

새 파일 열기

2. 마퀴툴을 선택하고(사각형) 중앙에 파일보다 작은 사각형 하나를 선택해 줍니다.(사각형은 파일보다 2~3px정도 여유분을 남기고선택 하시면 되요) 여기서는 96*96짜리로 하겠습니다.

마퀴툴 옵션 체크 사항...

마퀴툴로 선택했을때...

3. 선택상태에서 Menu-Edit에서 Stroke를 찾아서 중앙에 스트로크 처리를 해줍니다.

선택된 사각형에 스트로트 처리

스트로크했을때 이미지

4. Type툴(글꼴툴)을 선택한 후 스트로크 처리된 사각형안에 원하는 글자를 넣습니다. "예스비™"라고 한번 적어 볼께요.

글자 입력하기

여기서 맘에 드는 글꼴을 선택하신 후, 40pt정도 크기로 스트로크와 동일한 색상으로 원하는 글자를 적습니다.

5. 마퀴툴을 선택한 상태에서 이미지에서 마우스 우클릭을 하면 추가 옵션창이 뜹니다. 이때 Resterize Layer를 하고, Type레이어를 일반 레이어로 바꾸어 줍니다.

마우스 우클릭으로 일반레이어 전환

Type레이어

일반레이어

위의 비교화면을 보시면 Type레이어가 일반(그림)레이어로 바뀌어 있습니다.

Type레이어를 일반 레이어로 바꾸는 또다른 방법:

상단 메뉴바에서 Layer를 열고 Resterize-Type를 한다.(Menu-Resterize-Type)

6. 5의 바뀐 일반레이어를 Ctrl+E를 하면 두 레이어가 하나의 레이어로 합쳐 집니다. Type레이어는 다른 레이어와 합칠 수 없습니다.(레이어를 합쳐 주세요)

레이어 합치기

7. 낙관을 보시면 도장밥이 안뭍은 곳이 있지요? 약간 울퉁붕퉁하게 말이죠. 이 느낌을 한번 내보겠습니다.

Filter-Stylize-Diffuse... 를 선택하면 조그만 옵션창이 뜹니다. 옵션은 Lighten Only를 선택한 OK를 하세요.

필터 적용하기_도장밥 효과

8. 작업파일을 저장 한 후 ctrl+shift+S를 눌러서 이미지 파일 png나 gif로 저장하시면 완성.

이미지 파일로 저장하기

저장시 유의사항:

jpg파일은 투명 배경을 얻을 수 없습니다. 때문에 투명배경 그대로 저장을 원하시면 gif나 png파일로 저장하시기 바랍니다.

이제 낙관 형태의 블로그 아이콘이 만들어 졌습니다. 사용 하실때 원하는 사이즈로 살짝 수정해서 사용하시면 됩니다. 티스토리의 경우는 48*48 사이즈로 등록하시면 됩니다.

완성 했을때 모습_300% 확대 화면

글자 뿐만 아니라 원하는 그림등을 그려서 응용해 보세요. 나만의 개성있는 낙관이 만들어 집니다.

응용작

이 강좌는 활용 강좌입니다. 기초 강좌아니라서 포토샵을 처음 하시는 분들에게는 조금 어려울 수 있을지 몰라요. 최대한 쉽게 풀어서 작성했습니다. 기초 강좌가 아니니 이해하시고 어렵더라도 열심히 한번 따라해 보세요.

그냥 가시면 서운하죠? 빙고? 추천!! 눌러 주셔야죠~!! 강의료라 생각하시고 넉넉하게 눌러 주세요.

이 글이 링크되어 있는 곳:

블코채널[blogkorea]: 웹디자인과 블로그팁에 링크되어 있습니다.
레뷰 아이템[revu]: 웹디자인& 블로그 Tip에 링크되어 있습니다.