태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.

오늘 포토샵 강좌는 브러시툴에 대해서 배워볼까 해요. 포토샵에서 메뉴를 제외하고 꼭 익혀야 할 툴중에 하나가 바로 브러시툴입니다.

브러시툴을 잘 쓰면 게임일러스트도 할 수 있습니다. 이전에 포토샵 정의에서 포토샵툴은 도구라고 설명했었지요? 그 도구중에 가장 기본이 되는 툴이 브러시툴입니다.

브러시툴 강좌는 연속 3편으로 발행할 예정입니다. 1편 브러시툴 맛보기, 2편 브러시툴 해부하기, 3편 브러시툴로 도트 찍기

어때요? 이전까지는 주입식의 강좌라서 조금 지루했었지요? 오늘부터는 아마 재미있으실 거에요. 그리고 브러시툴로 만든 이미지를 다음에 활용할 것이니 함께 따라해 보세요.(슬라이스와 자르기툴 강좌에 사용할 것입니다. 이미지 샘플을 제공하지 않으니 꼭 함께 작업하셔서 만드시기 바래요)

예스비™의 포토샵 강좌

브러시로 파스텔화 그리기

 

● 브러시툴이 뭐야?

간단하게 브러시툴에 대해 설명하고 본격적으로 브러시툴을 이용해 그림을 하나 완성해 보겠습니다. 브러시툴은 말 그대로 브러시죠~ 그림을 그리는 직접 도구입니다. 브러시툴의 옵션을 이용해 다양한 연출을 할 수 있습니다. 오늘은 브러시툴로 그림을 어떻게 완성시켜 나가는지에 대해서 배워보고, 다음시간에는 브러시툴의 옵션을 이용한 이미지 작업을 해보도록 하겠습니다.

예스비™의 포토샵 강좌

브러시 옵션

브러시툴을 선택하고 상단을 보면 기본 옵션창이 보일 거에요. 보시면 대충 아시겠죠? 브러시의 크기, 블랜딩, 투명도 등을 제어하는 기본 옵션창입니다.(따로 설명하지 않아도 될 것 같습니다)

블랜딩은 브러시를 쓸때 혼합방법을 말하는 것입니다. 레이어에서도 많이 쓰이기 때문에 알아 두셔야 합니다. 블랭딩 혼합법에 대한 내용은 디자인로그 마루님께서 이전에 관련글을 포스팅 하셨는데 아주 잘 설명을 해주셨네요. 참고 하시기 바랍니다.

관련글 보러가기: 포토샵 강좌, 레이어 혼합 모드(Blending Mode) 이해하기

마지막에 보이는 것은 에어브러시 선택여부를 뭍는 것입니다. 에어브러시는 분사도구죠, 그 기능을 포토샵에서 해주게 됩니다.(직접 확인해보시면 아실 거에요.)

● 브러시툴을 이용한 파스텔화

이제 본격적으로 포토샵을 이용해 파스텔화에 도전해 볼까요? 직접 도화지에 대고 그리는 작업은 아니지만 브러시툴을 이용해 비슷한 느낌을 낼 수 있습니다. 원래는 이 강좌를 여름에 하려고 준비했던 것인데 이제 포스팅을 하게 됩니다.(그래서 이미지가 여름~용 이군요;;)

1. 적당한 크기의 새 파일을 엽니다.(640*480 배경흰색)

2. 준비 단계: 브러시 기본 옵션 설정하기

예스비™의 포토샵 강좌

브러시 팔레트창

이번 강좌에서는 브러시의 색상과 크기만을 조절해서 사용할 건데요. 기본적인 옵션만 체크하고 시작하겠습니다. 브러시 팔레트창을 열고 Brush Tip Shape를 누르면 위 화면처럼 브러시 속성을 고치는 곳으로 이동됩니다. "Soft Round Brush"브러시를 선택하고 위 이미지대로 기본 옵션을 체크된 대로 설정을 바꾸어 주시기 바랍니다.

1번과 2번 완료 되셨죠? 이제 본격적으로 그림을 그리도록 하겠습니다.

예스비™의 포토샵 강좌

배경_바닥과 배경 채색하기

3. 배경 그리기: 배경을 그릴 새 레이어를 하나 추가 합니다. 블랭딩과 투명도를 조절하며 벽부분을 원하는 색상으로 크리에이티브하게 색칠해 보세요. 그 다음 새 레이어하나를 더 추가하고 "Hard Round Brush"브러시를 선택하고 전경색을 #e4ad69으로 한 후 가운데를 갈라 아래부분을 수평으로 칠해 줍니다.(아래는 테이블이겠죠?)

예스비™의 포토샵 강좌

밑그림_복숭아 레이아웃 그리기

4. 복숭아 밑그림 그리기: 이제 복숭아를 그리기위해서 기본적인 밑그림을 하나 그릴겁니다. 브러시크기는 적당히 2~3px로 너무 굵지 않은 정도로 맞춰 주시고, 검정색으로 색상을 맞춘 후 가운데에 적당한 크기로 복숭아 외곽을 그려줍니다. 레이어하나를 더 추가한 후 복숭아잎 밑그림도 그려 줍니다.

예스비™의 포토샵 강좌

복숭아 채색_복숭아 배경색 채색하기

5. 복숭아 밑색 칠하기: 새 레이어를 추가하고 살구색(#ffe8bc)으로 밑그림을 따라 복숭아 밑색을 칠해 줍니다. 색칠이 끝난 후 복숭아 밑색이 될 레이어를 밑그림레이어 밑으로 이동시킵니다.

예스비™의 포토샵 강좌

채색하기_음영을 넣어서 채색하기

6. 복숭아 채색하기: 복숭아의 질감과 음영을 표현하는 과정입니다. "Soft Round Brush"브러시를 선택하고 브러시크기를 20~35px정도로 하고 투명도를 20~30%로 설정하시고 복숭아 음영을 나타내 줍니다. 붉게 익은 부분, 약간 덜 익은 부분, 그림자가 비치는 부분등을 티테일하게 표현을 합니다. 꼭지 부분은 갈색으로 음영처리를 하고, 마지막에 나뭇잎을 그려 줍니다.

위 이미지는 하나의 레이어에 작업을 하셨지만 여러분은 각 과정을 작업하실때 수정이 용이하도록 브러시 색상이 바뀔때마다 레이어를 추가해서 작업하시기 바랍니다. 색칠을 할때 밑그림이 잘 보이지 않으니 밑그림 레이어를 맨 위로 올려 놓으시고 작업을 합니다.


복숭아 채색과정 더 보기

예스비™의 포토샵 강좌

마무리 하고 저장하기

7. 마무리와 저장하기: 밑그림 레이어의 눈을 감기고 난 후 그림자처리와 부족한 부분을 정리해서 마무리 작업을 합니다. 완성 되었으면 Ctrl+S로 원본 파일을 저장을 하고 난 후 Ctrl+Shift+S로 이미지 파일(jpg)로 저장합니다.

예스비™의 포토샵 강좌

복숭아 완성

 

밑그림작업에서 드로잉하실때 처음이라 잘 되지 않으실 수도 있습니다. 인내를 가지시고 따라해 보시기 바랍니다. 어떠신가요? 브러시하나로 특별한 기술없이 파스텔화를 그릴 수 있었죠? 브러시에 따라 수채화, 유화등 원하는대로 그림을 그릴 수 있습니다. 다음 시간에는 브러시 옵션창을 내맘대로 제어 하는 법에 대해서 배우도록 할께요. 예스비™의 포토샵 강좌는 알라딘 창작블로그 "웹디자인과 블로그팁"에 연재됩니다. 강의료라 생각하시고, 추천과 믹시 많이 많이 눌러 주세요^^&

 

이 글이 링크되어 있는 곳:

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

 

posted by 예스비™

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

    1. 이전 댓글 더보기
    2. Favicon of http://tirun.tistory.com/ BlogIcon 티런 2009.11.25 08:42 수 정 댓 글

      뽀샵강좌 대환영!
      저두 따라해 봐야겠습니다^^
      예스비님 좋은아침입니다~

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.25 10:00 신고 수 정

        ㅎㅎ 이번편부터는 다음편 강좌로 이어지니 꼭 따라하셔서 이미지 만들어 놓으셔야 해요~

    3. Favicon of https://fotolife.tistory.com BlogIcon ageratum 2009.11.25 08:55 신고 수 정 댓 글

      사진 보정할때만 포토샵을 썼는데,
      이번 기회에 제대로 강좌를 따라해봐야겠네요..^^

    4. Favicon of http://blog.daum.net/moneyball BlogIcon 배리본즈 2009.11.25 09:17 수 정 댓 글

      첨에는 어려운데 막상 조금만 알고나면 참 즐겁게 이용할 수 있는거 같습니다.
      잘 보고 갑니다. 즐거운 하루 되세요.

    5. Favicon of https://giga771.tistory.com BlogIcon sky~ 2009.11.25 09:26 신고 수 정 댓 글

      아 어렵다 ㅠㅠ ㅎㅎㅎ 저는 무식해서;;

    6. Favicon of http://neoskin.tistory.com BlogIcon 껍데기 2009.11.25 09:46 수 정 댓 글

      포토샵으로 단순히 자르고 붙이고 정도 뿐이 못하는데 이러한 스킬들을 하나하나 익히면 좋겠네요..좋은 정보 감사합니다. *^^*

    7. Favicon of http://hepi.tistory.com BlogIcon HEPI 2009.11.25 10:06 수 정 댓 글

      복숭아가 먹음직스럽네요.
      한 입 베어 물고 싶어지네요.

    8. Favicon of http://blog.daum.net/teriouswoon BlogIcon 테리우스원 2009.11.25 10:09 수 정 댓 글

      좋은 정보 감사드리고
      즐거운 시간으로 승리하시길

      사랑합니다

    9. Favicon of https://badjunko.tistory.com BlogIcon 못된준코 2009.11.25 10:47 신고 수 정 댓 글

      요런거 지대로 배워야 하는데.....제 포토샵은...맨날...
      사이즈만 조절하고 있는...멍텅구피 포토샵...

      ㅎㅎ 요렇게 좋은정보 하나씩 잘 배워놓음 나중엔 썩 괜찮겠죠??
      좋은하루 보내세요~~~~

    10. Favicon of http://windlov2.tistory.com BlogIcon 돌이아빠 2009.11.25 11:23 수 정 댓 글

      헛 이번에는 포토샵이로군요!!!
      전 포토샵 프로그램은 비싸서 ㅡ.ㅡ;;;
      혹시 GIMP 는 어찌 안될까요? ㅎㅎㅎㅎㅎ;;;;;

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.26 14:35 신고 수 정

        GIMP는 뭐죠?
        처음들어보는 툴인데...

      • Favicon of http://windlov2.tistory.com BlogIcon 돌이아빠 2009.11.26 14:52 수 정

        앗! GIMP는 GPL에 따르는 무료 이미지 편집 툴입니다.
        포토샵과 비슷하죠.

        다만 오픈소스로 GPL 이므로 누구든지 무료로 사용할 수 있습니다.^^!

    11. Favicon of http://reignman.tistory.com BlogIcon Reignman 2009.11.25 17:29 수 정 댓 글

      우와 예쁘네요.
      이건 보정이 아니라 아예 첨부터 다 그리는 거네요.
      앞으로도 좋은 강좌 부탁드립니다.
      열심히 따라해 볼게요.

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.26 14:36 신고 수 정

        네~포토샵이 편집만 되는게 아니에요ㅋ
        직접 그래픽 모든 작업을 다 할 수 있다는 거죠

    12. Favicon of http://moneyamoneya.tistory.com/ BlogIcon 머니야 2009.11.26 09:04 수 정 댓 글

      브러쉬툴...ㅋㅋ
      저는 포샵에서 거의 잘 안쓰는 툴인데..
      요 툴보면..여성분들..분화장 느낌이 납니다..ㅋ

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.26 14:37 신고 수 정

        ㅎㅎ;; 분화장이라~ㅋ
        브러시툴을 계속 다룰 예정인데...
        깜짝 놀라 실거에요^^

    13. Favicon of https://toyvillage.net BlogIcon 라이너스™ 2009.11.26 11:44 신고 수 정 댓 글

      와우~ 정말 마법의 툴이란말이
      무색하지않네요^^
      잘보고갑니다.

    14. Favicon of http://chohamuseum.net BlogIcon 초하(初夏) 2009.11.26 18:10 수 정 댓 글

      아~~ 복숭아 먹고 싶네요... ㅎㅎ
      이런 것은 색감이 더 중요한 것 같아요.

      좋은 저녁 보내시길 바랍니다~~

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.27 12:06 신고 수 정

        초하님 오셨군요~
        복숭아~저도 먹고 싶어요ㅠ
        내년까지 기다려야 한다니~
        갑자기 슬퍼져요~쩝~ㅋ
        복숭아 대신 귤로ㅋㅋ

    15. Favicon of http://loved.pe.kr BlogIcon 윤초딩 2009.11.27 09:04 수 정 댓 글

      포샵좀 잘하고 싶지만 너무 어려워요~
      그래서 이미 만들어서 배포중인 PSD 주워다 슬쩍 고쳐서 사용을 하고 있다는.. ㅎㅎ

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.27 12:06 신고 수 정

        힘들더라도 하나씩 스킬을 쌓는 것이 좋겠지요?
        psd 수정을 하실 정도면 기초는 넘으신듯~ㅋ

    16. Favicon of https://www.beer2day.com BlogIcon 비투지기 2009.11.30 15:35 신고 수 정 댓 글

      아니 이런 유용한 포토샵팁이@!!+_+!!!!

      자주 와서보고 배우겠습니다!! ㅎㅎ

      • Favicon of https://yesbe.tistory.com BlogIcon 예스비™ 2009.11.30 17:36 신고 수 정

        자주 업데이트 하지 못해서 죄송하네요~
        앞으로 일주일에 1회 이상은 올리려고 하니~~자주 놀러 오세요.

    17. Favicon of http://blog.naver.com/ajoocom BlogIcon AJ 2009.12.01 17:15 수 정 댓 글

      멋진정보 감사합니다. 잘보고가요^^

    18. Favicon of http://2proo.net BlogIcon 2proo 2009.12.02 21:30 수 정 댓 글

      급추천 ㅎㄷㄷㄷ;;;
      유난하셔;;; ㅠㅠ

    19. Favicon of http://vart1.tistory.com BlogIcon 초인 2009.12.03 01:49 수 정 댓 글

      오호,,,,^ ^

    20. Favicon of http://hepi.tistory.com BlogIcon HEPI 2009.12.04 11:21 수 정 댓 글

      역시 탐스러운 복숭아가 일을 내는군요.
      한표 던지고 갑니다.^^

    21. Favicon of http://lalawin.com BlogIcon 라라윈 2009.12.07 07:39 수 정 댓 글

      브러쉬툴 만으로 이렇게 멋진 작품을 만드시다니..
      역시 예스비님!

    최근 댓글

    최근 트랙백

    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