그래픽 제작 강좌

안녕하세요 루리코입니다.

 

요즘 그림그리는 분들이 어떻게 하면 도트를 찍을 수 있냐고 묻는 분들이 좀 늘어나서

 

저는 이런식으로 도트를 찍고있다라고 대답을 드릴겸 도트 강좌를 작성하게 되었습니다.

 

솔직히 강좌라기에도 애매하지만 다른 게시판에 올리기엔 양식이 그나마 강좌에 비슷하다고

생각해서 강좌로 올립니다.

 

1. 자기가 찍고 싶은 캐릭터나 배경등을 정합니다.

원화가가 있다면 아마 이런 캐릭터를 도트로 만들어달라고 일러스트로 요청이 올겁니다.

도트강좌.png

LOL의 챔피언인 아리를 이번 강좌의 모델로 정했습니다.

 

2. 도트 크기를 정하고 러프 스케치를 합니다.

도트강좌1.png 

여기까지 도트 찍기의 50%가 끝났습니다. (러프스케치만 제대로 되도 이미 반은 완성됐다고 생각합니다.)

 

도트찍는데 무슨 일러스트 처럼 러프스케치가 필요해? 라고 생각하시는 분들도 있으실텐데

이게 엄청나게 중요합니다.

아무리 2~3등신의 도트라고 할지라도 인체 비율은 중요합니다.

일단 러프스케치로 자신이 찍을 캐릭터의 비율이 제대로 맞는지 확인합니다. (여기서 많은 수정을 하게됩니다.)

전체적인 캐릭터의 윤곽은 러프스케치로 이미 거의 완성됩니다.

 

3. 러프 스케치에 가장 베이스가 되는 색상들을 면으로 칠해줍니다.

도트강좌2.png

왜 안외곽선이요? 라고 할수도 있는데 저는 외곽선부터 그리고 면에 색을 넣는 방식이 아닌 일단 면을

칠하고 외곽선 -> 명암을 넣는 방식으로 도트를 찍습니다.

외곽선을 먼저 그릴경우 선정리도 귀찮고 면을 칠할때 구멍이 자주 나기 때문에 시간을 더 잡아먹어서

이런방식을 사용합니다.

 

물론 외곽선 부터 그리는게 편하신분들은 그렇게 하셔도 됩니다.

 

4.  면에 외곽선을 넣는 작업을 합니다.

도트강좌3.png저는 가장 먼저 눈부터 그리는 것을 선호합니다.

최대한 3200% 확대로 그리고 100%로 줄여서 제대로 비율이 맞는지 확인하는 작업을 수행합니다.

 

도트강좌4.png

외곽선과 면의 색상지정 방식은 비슷하면서도 약간 다릅니다.

 

외곽선의 경우 특별한 경우를 제외하고 중앙쪽이 밝고 끝부분은 어둡게 칠해줍니다.

이유는 외곽선은 주로 튀어나온 부분이 많기 때문입니다. 

 

-> 당연한 거지만 튀어나온 부분은 중앙이 밝고 들어간 부분은 어둡습니다만 일일히 판단하기 어려운 분들은

그냥 외곽선은 중앙을 밝게 끝부분은 어둡게 칠해주세요. 

 

면의 경우 명암을 넣어야하는데 빛이 발사되는 방향에 맞춰서 명암의 위치를 정하면 됩니다.

즉,  빛이 쏘여지는 방향을 기점으로 면적의 튀어나온 부분이 가장 밝게, 가장 들어간 부분이 가장 어두우면 됩니다.

도트강좌7.png 그림쟁이들은 많이 봤을법한 그것

 

도트강좌6.png 

빛의 방향과 면적의 튀어나온 부분 들어간 부분을 신경써주면서 모든 면적의 명암을 넣으면 도트찍기 완료!

 

5.  4번과 동일한 방법으로 모든 부분의 외곽선과 명암을 넣어 완성.

도트강좌5.png (꼬리는 귀찮아서 뺐음)

 

위에 알려드린 방식으로 저는 도트를 찍습니다.

뭐 엄청난 노하우라던가 그런거 없어요. (저도 전문가가 아니기 때문에)

 

제가 알려드린 방법으로 32픽셀*32픽셀 캐릭터들을 만드는 연습을 하며 차츰 크기를 크게 늘리다보면

놀랍게 발전하는 자신의 실력을 알수 있을겁니다.

 

질문사항들은 메일이나 댓글로 보내주시면 답변드리겠습니다.

 

결론은 열심히 찍으면 됩니다. :)

 

http://www.afreeca.com/player/Player.swf?szBjId=azusa85&nTitleNo=5223131&nStationNo=461953&nBbsNo=55002&

위 링크는 제가 도트 찍는 아프리카TV 동영상입니다. (저런식으로 찍습니다)

Who's 루리코

profile

미스테리 어드벤쳐 '동쪽의 꼬마신령' 제작자입니다.


현재 액션 게임인 적혈귀와 호러 어드벤쳐 게임인 동쪽의 꼬마신령2을 제작중 입니다.

 

개인 블로그 : http://blog.naver.com/azusa85

 

가끔씩 아방스에 리젠되어 소소한 활동을 하고 있습니다.

Comment '13'
  • profile
    레모네이드립톤 2013.10.30 17:10
    오오 놀랍네요... 좋은 강좌 잘 읽고 갑니다.:)
    도트 찍을 때 큰 도움이 될것 같습니다!
  • profile
    루리코 2013.11.01 05:03
    도움이 된다면 좋겠네요. 'ㅡ'
  • profile
    2013.10.30 18:35
    그림을 못그리는 사람은... 그저 웁니다. ㅠㅠ
  • ?
    강진수 2013.10.31 05:11
    저도
  • profile
    루리코 2013.11.01 05:05
    자작 캐릭터를 찍고싶다는 욕구가 여기까지 오게 된것 같습니다.
    꾸준히 연습하시면 절대 노력은 거짓말을 하지 않습니다.
  • ?
    둥글수염 2013.10.31 16:33
    간만의 도트 강의네요- 잘보고 갑니다.
  • ?
    운운 2013.12.20 23:44
    피와 살이 되는 강좌를 지금에서야 발견하다니
  • ?
    Crazy월묘 2014.02.27 21:29
    우오오오... 꼭 필요한 내용이네요
  • ?
    메르스 2014.04.25 19:50
    ㄷ....도트의 신이당...부러웡<<<<<<이봐! 정신차려!!!!
  • ?
    에드문드 2014.06.23 16:44

    그림그릴때 무조건 2등신 3등정도로 해야 하나요?
    8등신으로 한다음 포토샵으로 줄이면 안되나요?

  • profile
    루리코 2014.06.23 21:22
    보내주신 쪽지 답변드렸습니다.
  • ?
    류미엘 2016.09.07 05:40
    스케치한 그림을 불러들일 때, 캔버스 사이즈를 몇으로 하셨나요?
  • ?
    dolto 2016.11.30 20:32
    우오오 제가 도트찍을때마다 너무 비효율적이라고 생각했었는데 러프 스케치가(실력이) 문제였던 거군요!!
    피가되고 살이되는 강좌였습니다!

  1. 포토샵으로 나무 그리기

    포토샵으로 간단히 나무 그리는 방법을 영상으로 만들었습니다.
    Date2019.10.02 Category포토샵 By카르와푸딩의아틀리에 Reply0 Views1614 file
    Read More
  2. [포토샵 cc2015] 한글판 영문판으로 변경하기

    포토샵 CC 2015 한글판을 영문버전으로 변경하는 방법니다. 1. 아래 경로로 이동해 'tw10428.dat' 파일을 찾습니다. C:\Program Files\Adobe\Adobe Photoshop CC 2015\Locales\ko_KR\Support Files 2. tw10428.dat 파일명을 tw10428h.dat로 변경합니다. 3. 끝!...
    Date2016.07.13 Category포토샵 By아방스 Reply0 Views684
    Read More
  3. 루리코식 도트 찍기 강좌 (1)

    안녕하세요 루리코입니다. 요즘 그림그리는 분들이 어떻게 하면 도트를 찍을 수 있냐고 묻는 분들이 좀 늘어나서 저는 이런식으로 도트를 찍고있다라고 대답을 드릴겸 도트 강좌를 작성하게 되었습니다. 솔직히 강좌라기에도 애매하지만 다른 게시판에 올리기...
    Date2013.10.30 Category포토샵 By루리코 Reply13 Views22957 file
    Read More
  4. No Image

    웹 포토샵으로 캐릭터 얼굴 그래픽 만들기

    웹 포토샵 주소 - http://www.pixlr.com/editor/ 급조한 영상이라 사운드는 없습니다 ^^;; 웹포토샵을 이용해서 캐릭터 얼굴 만들기 from neos1128 on Vimeo.
    Date2010.12.10 Category포토샵 By아방스 Reply17 Views8520
    Read More
  5. No Image

    브러쉬 설치 강좌

    포토샵 브러쉬 설치방법 from AVANGS on Vimeo. 강좌에 사용된 브러쉬 - http://avangs.info/?document_srl=318429
    Date2011.02.26 Category포토샵 By아방스 Reply0 Views2720
    Read More
  6. No Image

    로고배경 투명하게 따기

    Date2010.11.03 Category포토샵 By아방스 Reply1 Views4234
    Read More
  7. No Image

    포토샵 팁 73개 ^^ (알아두면 유용한것들이죠 ^^)

    ::::: 포토샵팁 ::::: 1. 현재 선택된 상태에서 CTRL+포인터의 모양이 가위로 바뀌면 잘라낸 후 이동한다. 2. 선택 영역의 복사 : CTRL+ALT를 누른채 이동 3. 선택 영역을 잘못 지정: 선택영역의 바깥쪽을 클릭 4. 잘라낸 부위이외의 영역을 부드럽게 하려면 ?...
    Date2010.07.06 Category포토샵 By아방스 Reply2 Views3262
    Read More
Board Pagination Prev 1 Next
/ 1