태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

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

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

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

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

 

● 블로그 아이콘 만들기

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

1. 새 파일을 엽니다.

사이즈는 100*100이고, backgroundtransparent로 된 새 파일을 만듭니다.(단축키: 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를 눌러서 이미지 파일 pnggif로 저장하시면 완성.

블로그 아이콘 만들기

이미지 파일로 저장하기

저장시 유의사항:

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


 

● 완성작과 응용작

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

블로그 아이콘 만들기

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

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

낙관

응용작

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

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

이 글이 링크되어 있는 곳:

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

 

posted by 예스비™

이글에 관한 저작권은 예스비™에게 있으며, 무단 전제및 스크렙(퍼가기), 인용, 수정등을 불허 합니다. 이 글의 사용은 공지의 "저작권안내"에 따라 사용 하시기 바랍니다. 불편하시더라도 가급적 rss로 구독하거나 제 블로그에 직접 방문하셔서 읽으시길 바랍니다. _by 예스비™
제 글이 맘에 드셨나요? RSS구독을 하시면 무료로 배달해 드립니다.
  • 한rss로 구독하기
  • 피드버너로 구독하기
  • 구글리더로 구독하기
  • 다음뷰로 구독하기
  • .:★:. 댓글은 이웃과 소통하는 마음의 창입니다. .:★:.   

    1. Favicon of http://nermic.tistory.com BlogIcon 용짱 2009.11.02 12:41 수 정 댓 글

      저는그냥담넷에서 기본 제공해주는거 대충 복사해서쓰고 있어요..ㅠㅠ

      만든다는건 너무 어려운 일이라는..ㅠㅠ

    2. Favicon of http://moneyamoneya.tistory.com/ BlogIcon 머니야 2009.11.02 13:50 수 정 댓 글

      강의료가 추천이라니..넘 싼거 아냐요? ㅋㅋ
      기술적인 내용을 쉽게 잘 설명해 주셨네여~
      세상살면서 별로 부러워하는게 없는 편이지만..디자인 재주많으신 분들은 항상 부럽더군요..으으

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.03 23:25 수 정

        음...추천 많아지면 기분 좋자나요~ㅎㅎ
        머니야님도 재주꾼이시면서...
        이런거 하나쯤은 넘겨 주셔야죠^^&

    3. Favicon of http://22st.net BlogIcon 쌍둥이아빠-안지용 2009.11.02 23:18 수 정 댓 글

      저도 바꾸려고 고민중에 있습니다..ㅎㅎㅎ

      그게 넘 어려워서요..

    4. Favicon of http://toyvillage.tistory.com BlogIcon 라이너스™ 2009.11.03 10:16 수 정 댓 글

      오~ 멋진데요.ㅎㅎ
      저도 하나 만들어볼까요? ^^
      감기가 극성이라네요. 건강 조심하세요^^

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.03 23:27 수 정

        벌써 감기 걸려서 열심히 싸우는 중이에요.
        조만간 손들고 도망 갈 듯...
        라이너스님의 멋진 아이콘 기대되요.

    5. Favicon of http://blog.daum.net/winpopup BlogIcon 팰콘 2009.11.03 14:10 수 정 댓 글

      나도 이참에 낙관하나 만들어야겠어요~!

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.03 23:28 수 정

        팰콘님 아이콘이 아직 없으시구나...
        이번에 한번 만들어 보세요.
        간단히 따라 하실 수 있을 거에요.

    6. Favicon of http://qtotpz.tistory.com BlogIcon 윤뽀 2009.11.03 21:54 수 정 댓 글

      진짜 쉽네요 ㅎㅎ
      하나 만들어보고싶은데 전 디쟌 센스가 제로라 윤뽀 하나 쓰고 나머지 칸을 어찌 채우나 고민하고있을꺼에요 ;;;;;;

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.03 23:28 수 정

        윤뽀님 잘하실거 같은데...
        괜히 빼지 마시고... 따라 해 보시고, 포스팅도~ㅋㅋㅋ

    7. Favicon of http://gemlove.tistory.com BlogIcon gemlove 2009.11.03 22:58 수 정 댓 글

      저도 요즘 아이콘 만들고 있는데 참고해 봐야겠어요 ^^

    8. Favicon of http://2proo.net BlogIcon 2proo 2009.11.04 01:40 수 정 댓 글

      우왕~~ 따라하기만 해도 하나 뚝딱 만들수 있겠네요 ㅎㅎ
      강좌에 소질 있으신듯.. ㅠㅠ

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.04 04:59 수 정

        그런가요? 아직 많이 부족해요.
        테크닉컬한 강좌를 만들도록 노력할께요.
        강사 자격증이나 이참에 따 볼까요?ㅋㅋ

    9. Favicon of http://hepi.tistory.com BlogIcon HEPI 2009.11.04 13:44 수 정 댓 글

      너무 좋은 자료들이 많은 거 같습니다.
      앞으로 자주 놀러 올께요.

    10. Favicon of http://ddoza.ontown.net BlogIcon 또자쿨쿨 2009.11.11 16:37 수 정 댓 글

      안녕하세요
      블로그검색 온타운 쥔장입니다.
      너무 늦었네요
      막 등록하였습니다.

      http://ddoza.ontown.net/859 온타운에서 할 수 있는 것들입니다.
      꼭 읽어주세요

      그럼 또 뵙겠습니다.

      • Favicon of http://www.yesbedesign.com BlogIcon 예스비™ 2009.11.11 18:18 수 정

        찾아 주셔서 감사합니다.
        꼭 링크 된곳은 꼭 읽어 보도록 하겠습니다.

    최근 댓글

    최근 트랙백

    BLOG main image
    포토샵 강좌, html/css 강좌등 어렵게만 느껴졌던 웹디자인을 초보자도 쉽게 이해 할 수 있는 튜토리얼, IT 트랜드, 블로그팁과 운영법, 디자인 시각에서 풀어 헤치는 상품 리뷰등, 디자인에 대한 재밌고 유익한 정보를 제공하는 블로그입니다. by 예스비™
    rss

    위젯

    BLOG ★ NIGHT

    Blog♥Rings

    Blog♥Rings Family Blog & Sites T-Blog Web site meta hub site

    구독리스트

  • rss
  • Add to Google Reader or Homepage
  • 블로그코리아에 블UP하기
  • Powered by FeedBurner
  • BlogRankers.com
  • Page Ranking Tool