그래픽 제작 강좌

안녕하세요
보통 원경 통짜맵에 대해 거부감이 많은데
어렵지 않습니다 캐릭터와의 크기만 잘 맞추면 돼요



1. 러프하게 스케치를 해줍니다. 최대한 참고자료를 이용해서 디자인 합시다 (*자신이 만들어 둔 캐릭터를 이곳 저곳 복사해 배치합니다)

1.png



2. 밑색을 깝니다. 어두운 색 부터 칠해줍시다

2.png



3. 중간톤을 넣으며 큰 덩어리로 묘사를 해줍니다.

3.png



4. 고칠부분이 있는지 피드백도 받아보고 디자인을 수정합니다. 저는 중앙 건물이 후져서 바꿔버렸네요

4.png



5. 깔아 놓은 어둠 위에 밝은 부분을 그리며 묘사 해줍니다. 제일 재밌는 부분이죠

5.png



6. 마을의 전체적인 건물만 넣다보니 많이 심심합니다. 물건들을 구성해줍니다 (개인적으로 맵구성에 있어 이 부분이 제일 중요하다 생각합니다)

6.png



7. 그림자와 오클루전(면과 면이 맞붙는 쪽의 쉐이딩)을 넣어주며 마무리합시다

7.png



아래는 캐릭터를 뛰어다니게 해보았습니다





그림은 포토샵으로 그렸고, 알만툴 vx ace를 썼습니다.



원경통짜맵은 아기자기한 도트 맵칩으로 내는 옛날 알피지의 맛은 없지만
자신이 원하는 대로 맵을 구성하기가 자유롭습니다
각자 장단점이 있다고 생각해요






Comment '24'
  • ?
    페렐 2015.06.01 15:34
    그림이 안 나옵니다ㅠㅠ
  • profile
    하늘바라KSND 2015.06.01 16:32
    네이버에선 외부링크를 막기때문에 복사-붙여넣기 하셔도 안보여요.ㅠㅠ
  • ?
    왕따의추억 2015.06.01 17:22
    그럼 딴 링크 걸 곳을 찾아봐야겠네요 아오..감사합니다
  • ?
    왕따의추억 2015.06.01 17:53
    링크 수정 했습니다!
  • profile
    하늘바라KSND 2015.06.01 17:56
    오옷 이제 잘보여요!
  • ?
    왕따의추억 2015.06.01 16:42
    와...그렇구나
  • profile
    하늘바라KSND 2015.06.01 17:59
    우와.. 수채화 느낌 ㄷㄷ! 정말이지 잔잔하고 아름다워요.!
    문제는 그겁니다 그거!
    1단계 스케치를 한다-> 탈락
    읔. 제 곰손니뮤..ㅠㅠ 금손 분들이 이 강좌를 보고 어서 통짜 그래픽을 만드셔서 저를 황홀하게 만드는 겁니다!
  • ?
    왕따의추억 2015.06.01 18:04
    감사합니다 시도해보는 건 나쁘지 않으니 도움이 됐으면 하네요 ㅎㅎ
  • ?
    GloomyDay 2015.06.01 18:19
    밥 로스 아저씨의 참 쉽죠? 가 생각나네요
  • profile
    찬잎 2015.06.01 18:27
    고퀄!
  • profile
    북극토끼 2015.06.01 20:59
    어렵지 않다고요???
  • profile
    러닝은빛 2015.06.01 21:55
    멋지네요
  • ?
    페렐 2015.06.01 22:08
    패럴랙스 매핑(오버레이 매핑)이네요! 엄청난 퀄리티에 놀랄 뿐... +_+
  • ?
    왕따의추억 2015.06.01 22:23
    패럴럭스 맵핑이 뭐에요? 요즘 많이 쓰는 단어인 것 같은데...칩셋으로도 패럴럭스 맵핑을 할 수 있나요?
  • ?
    페렐 2015.06.01 22:34
    스크립트를 이용해서 원경맵을 만드는 거예요. 만드신 거랑 같아요.

    기존의 레이어식 타일셋 + 이벤트 + 포그 + 픽쳐에서 그치지 않고,
    바닥 + 이벤트 + 천장 + 하늘 + 빛 ... 등 무한대로 레이어를 쌓는다고 생각하시면 돼요.
    패럴랙스 매핑에서 타일셋은 그저 통행불가/가능을 판정하는 용도로만 쓰일 뿐... 실제로는 그림으로 다 처리하는 거죠.

    말이 장황한데-_-ㅋ;;
    https://www.youtube.com/watch?v=O_S36UFijr8
    요 영상을 보시면 이해되실 듯 합니다ㅎ
  • ?
    왕따의추억 2015.06.01 23:21

    아하...기본 프랍 셋을 써서 그냥 맵칩인줄 알았는데 통그림이었군요! parallax의 의미를 좀 다르게 생각했네요...ㅎㅎ
    이해가 갑니다!

    근데 원경을 두개 겹쳐서 쓸 수도 있나요? 저 영상의 나무는 자연스럽게 캐릭터 위로 판정이 먹히는 군요

  • ?
    페렐 2015.06.02 03:13
    스크립트를 이용해서 새로운 기능을 추가한 겁니다 :)
    원경을 여러개 쓸 수 있도록 만들어주는 기능이죠.
  • ?
    왕따의추억 2015.06.02 11:06
    와 그렇군요 스크립트는 옘..아니 잼병이라ㅋㅋ 찾아봐야겠네요 감사합니다
  • ?
    왕따의추억 2015.06.01 22:28
    감사합니다 사실 이번 창도 게임대회 출품작으로 작업하고 있는 작업물입니다 시간상 완성본은 어렵겠지만 많은 기대 부탁드려요
  • ?
    호메티 2015.06.02 11:59

    네... 스케치부터 따라갈 수가 없군여... 허허헣허허휴ㅜㅠㅠㅠㅠㅠ 그나저나 창도 대회에서 괴랄한 작품 하나가 나올 것 같은 느낌이 팍팍 드네요...!! 기대합니다!

  • profile
    까모카모 2015.06.07 11:29
    와아아아....
  • profile
    작긔 2015.07.10 01:14
    와... 할말이 없네요 대단합니다!
  • profile
    꼬닭 2015.07.11 06:12
    이분 최소 밥로스이십니다.
  • profile
    sаnа 2015.07.18 19:11
    어디까지나 개개인의 역량에 달린 문제지만..
    맵을 이런식으로 작업하게 되면 한가지 단점이,, 약간 붕떠보이는 느낌을 지울수가 없더라구요

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

    포토샵으로 간단히 나무 그리는 방법을 영상으로 만들었습니다.
    Date2019.10.02 Category포토샵 By카르와푸딩의아틀리에 Reply0 Views1662 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 Views698
    Read More
  3. No Image

    원경통짜맵 그리기 입니다

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

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

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

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

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

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

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

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

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

    Date2013.09.10 CategoryCinema 4D By아방스 Reply0 Views3157 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 Views1996 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 Views4345 file
    Read More
  16. SCG를 간편하게 제작·보관·변형하고 만인을 이롭게 해보자!

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

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

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

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

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