그래픽 제작 강좌

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

 

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

 

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

 

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

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

 

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 Views1618 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 Views686
    Read More
  3. No Image

    원경통짜맵 그리기 입니다

    안녕하세요 보통 원경 통짜맵에 대해 거부감이 많은데 어렵지 않습니다 캐릭터와의 크기만 잘 맞추면 돼요 1. 러프하게 스케치를 해줍니다. 최대한 참고자료를 이용해서 디자인 합시다 (*자신이 만들어 둔 캐릭터를 이곳 저곳 복사해 배치합니다) 2. 밑색을 깝...
    Date2015.06.01 Category기타 By왕따의추억 Reply24 Views1910
    Read More
  4. [시네마4D] 큐브 인트로 타이틀 제작

    Final Preview:
    Date2014.10.15 CategoryCinema 4D By아방스 Reply0 Views1855 file
    Read More
  5. 광마로 깔끔한선 긋기

    지우개툴이 진리입니다 하하
    Date2014.04.17 Category기타 By제스터 Reply0 Views2532 file
    Read More
  6. [전투애니]간단한 전투모션을 흉내내보자!

    <완성본> 1. 먼저 움직임을 표현한 스프라이트를 찾아 적당한 크기로 잘라옵니다. 2. 새창을 띄워 수시로 볼 수 있게 해놓습니다. 3. 총 모션이 가로세로 몇개인지 세봅시다. (사진에선 가로모션이 8개[1개 빼고 통일], 세로가 3개입니다.) 4. 50x50을 기본규...
    Date2014.03.31 Category일반 By제스터 Reply1 Views5501 file
    Read More
  7. [도트]모작으로 실력을 키워보자!

    <완성본> 이 글은 스프라이트를 모작하면서 실력을 늘리는 법을 알려드립니다. 1. 먼저 따라하고 싶은 스프라이트를 찾아서 저장합니다. (위 사진의 주소는 여기입니다) 2. 다음에 그림판으로 사진을 불러와 24비트맵으로 저장합니다. 3. 캐릭터 레이더에서 열...
    Date2014.03.31 Category일반 By제스터 Reply5 Views6449 file
    Read More
  8. [도트]캐릭터레이더로 입체시계 그리기

    이 글을 읽기에 앞서 이전글을 읽어봅시다. http://avangs.info/study_graphics/1319007 [도트]캐레로 간단한 그라데이션을 뽑아보자! 이번편은 응용 편입니다. 아래의 시계를 그려볼겁니다. 1. 먼저 밑바탕이 되는 본체를 그려줍시다. 2. 그 다음에 밑바탕 본...
    Date2014.03.31 Category일반 By제스터 Reply1 Views4596 file
    Read More
  9. [도트]캐릭터레이더로 간단한 그라데이션을 뽑아보자!

    그라데이션은 입체감을 주기 위해 명암을 순차적으로 주는 방법입니다. 사실 그라데이션은 색상만 잘 선택하면 누구나 부담없이 쓸 수 있는 방법입니다. 그래서 간단하게 그라데이션을 주는 법을 알려드리도록 하겠습니다. 1. 먼저 캐릭터레이더를 킬때 색상을...
    Date2014.03.31 Category일반 By제스터 Reply0 Views4063 file
    Read More
  10. 알만툴 페이스칩 제작 규격 (2K, VX, ACE)

    1. 2K (2000, 2003) 페이스칩 사이즈 : 한 칸은 48*48입니다. 그리고 가로 4칸, 세로 4칸해서 총 16칸이 한 세트가 되고요. (전체사이즈 192*192) 배경이 투명해지는 걸 원하지 않는다면 파레트의 0번색을 전혀 쓰지 않은 잉여한 색으로 두면 되지만 그게 뭔지...
    Date2014.01.28 Category일반 By모쟁 Reply13 Views8922 file
    Read More
  11. 알만툴 캐릭터칩 제작 규격 (2K, XP, VX, ACE)

    그 외의 다른 그래픽도 마찬가지지만... 기본칩을 뜯어서 살펴보거나 도움말 읽어보면 알 수 있음에도 불구하고 많은 분들이 캐릭터 도트 질문을 하시는 것 같아 적어봅니다. ※우려하는 바가 있어서 적지만, 다른 사이트로 가져가지 마세요. 1. 2K (2000, 2003...
    Date2014.01.28 Category일반 By모쟁 Reply8 Views22208 file
    Read More
  12. 루리코식 도트 찍기 강좌 (1)

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

    Date2013.09.10 CategoryCinema 4D By아방스 Reply0 Views3149 file
    Read More
  14. Cinema 4D R15 - Team Render 설명

    Cinema 4D R15 - Team Render from Marijn 3D on Vimeo.
    Date2013.09.10 CategoryCinema 4D By아방스 Reply0 Views1991 file
    Read More
  15. 시네마 4D R14 - 인터페이스 세팅 강좌

    Cinema 4D R14 Quick Start Tutorials - Interface Setup 강좌 출처 - http://greyscalegorilla.com 1. 창의 왼쪽 상단의 ::: <--모양을 드래그 해서 겹치면 아래 창처럼 텝 형태로 겹칠수 있다는 팁. 2. "윈도우→사용자 지정→시작 레이아웃으로 저장"을 하게 ...
    Date2013.05.22 CategoryCinema 4D By아방스 Reply0 Views4336 file
    Read More
  16. SCG를 간편하게 제작·보관·변형하고 만인을 이롭게 해보자!

    SCG를 간편하게 제작·저장하고 만인을 이롭게 해보자! 이번 강좌는 네이버 닉네임 아람(arami_o_8)님께서 제작하신 'SCG만들기'사용법에 대한 강좌입니다. 글 작성 현재 4월 28일 최신 판올림 되었습니다. 1. 'SCG만들기'란 무엇인가? ▲SCG 만들기 로고. SCG만...
    Date2013.05.16 Category기타 By하늘바라KSND Reply9 Views6015 file
    Read More
  17. 3D MAX 캐릭터 모델링 강좌

    ...네 잘 봐주세요~^^
    Date2013.01.01 CategoryModeling By은색바람 Reply5 Views8465 file
    Read More
  18. 게임 이펙트 제작 - 전기 마법 만들기

    아래 주소에서 강좌를 보실수 있습니다. http://blog.naver.com/immenselee/110048355288
    Date2012.12.18 Category기타 By아방스 Reply4 Views8597 file
    Read More
  19. 게임 이펙트 제작 기초

    게임 이펙트의 제작 기초 강좌입니다. 붉은 보석 일본 리뉴얼 이펙트 작업 3D 슈팅 RPG 거울전쟁 이펙트 작업 한게임 TCG C프로젝트 3D 배경 및 이펙트 작업 모바일 액션 게임 '소울이멘시페이더' 이펙트 작업 3D MMORPG M2 프로젝트 캐릭터 및 몬스터 이펙트 ...
    Date2012.12.18 Category기타 By아방스 Reply1 Views11979 file
    Read More
  20. Adobe After Effects용 외부 플러그인 소개 페이지

    플러그인 정리해놓은데 없나 싶어 찾아보니 이런곳이 있었군요. ^^ http://www.adobe.com/kr/products/aftereffects/extend.html 위주소로 접속하시면 나름 잘정리되어있네요. 다만 설명이 번역기를 돌린듯한....ㅠ.ㅠ 아래는 프리미어 플러그인 정리 http://w...
    Date2012.12.17 Category기타 By아방스 Reply1 Views3236 file
    Read More
Board Pagination Prev 1 2 3 4 Next
/ 4