그래픽 제작 강좌

이 강좌는 창조도시가 원본입니다.
http://www.acoc.co.kr/bbs/zboard.php?head_data=head_s3makeforum.php&footer_data=footer_s3makeforum.php&root_data=../../ncoc/&cafeno=&id=acoc_board_ideatip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=534


이번 강좌는 포토샵이 필요합니다.
-----------------------------------------------------------

맵은 지난번에 사용했던 그 맵을 쓰도록 하지요.

왜? 귀찮으니깐 -_-;; <-

 

 

맵을 그대로 따옵니다. 프로그램은 칼무리를 추천합니다. (네이버 자료실에서 프리웨어 배포중)

맵을 포토샵으로 따오면 사이즈가 맞는지 확인해볼 필요..따윈 없습니다만 -_-;; 뭐 정밀성이 있으면 좋은거죠..

 

그림 위쪽 제목표시줄에서 오른쪽 클릭을 하면 Image Size가 나옵니다. 클릭하면 가로 세로의 폭이 나오는데, 가로 세로가 544*416이면 정확하게 따온겁니다.

 

 

뭐.. 각설하고, 이렇게 따온 그림을 붓을 사용해서 쓱쓱 그려줍니다. 만약 저기가 연필로 되어있다면, 오른쪽 클릭으로 붓으로 바꿀 수 있죠.

 

화면에다가 오른쪽 클릭을 하면 다양한 사이즈가 준비되어 있습니다.

 

빛은 무슨색이든 상관없습니다만, 왠지 따스해보이는 노란색으로 쓱쓱 그려보죠. 지우개를 같이 쓰면 쉽습니다.

 

그리기 전에 반드시 레이어를 하나 더 추가해야 합니다.

레이어는 오른쪽 하단, Layer라고 적혀있는 창에서 뒤에서 두번째 그림을 클릭하면 됩니다.

 

 

<후우 ;ㅁ; 힘들었다..>

 

네, 대충 그렸습니다. 여기서 주의할건 위쪽의 침대처럼 위치상으로 빛이 닿을 수 없는 거리는 말끔하게 지워줘야 빛이 둥둥 떠다니는 느낌이 들지 않습니다.

 

 

(이부분은 선택과정입니다. 빛을 정밀하게 그릴 경우 안해도 상관없습니다. 일단 이건 강좌니까, 이런 효과도 줄 수 있다.. 라는 정도입니다.

 

넘어가시려면, 스샷을 쭈욱 넘겨주세요.. 필수과정은 따로 표시를 해두겠습니다.)

..

..

처음은 Motion Blur를 사용하여 각도에 맞춰 그림을 퍼지게 하고, 다시 Gaussian Blur를 사용하여 부드럽게 합니다.

효과주는 과정에서 그림이 너무 퍼지지 않게 주의하세요.

 

 

 

자자, 다 그렸으면 레이어의 범위를 클릭하면 됩니다.

 

클릭 방법은 오른쪽 하단의 Layer윈도우에서 Layer 2를 CTRL 키를 누른채 한번 클릭해주면 됩니다.

 

위 그림처럼 선택이 됬으면 다음 단계로 넘어가죠.

 

 

새 레이어를 추가합니다. 추가 방법은 위쪽에 있습니다.

 

새 레이어를 추가한 후에, Gradient를 사용할겁니다. 왼쪽 그림중에 6번째줄에서 선택할 수 있군요. 만약 저 부분이 페인트로 되어있다면, 역시 오른쪽 클릭으로 바꿔줄 수 있습니다.

 

 

이거 화면상에 오류인데 ㅡ.ㅡ;;

 

Gradient툴을 누르면 왼쪽 위의 작업줄에 게이지바(?)가 한줄이 쭈욱 생깁니다.

그걸 클릭해주면 위와 같은 창이 나옵니다.

 

위 창에서 두번째 Gradient를 클릭하고 OK를 누릅니다.

OK를 눌렀으면, 선택 범위를 따라 쭈욱 그려줍니다.

 

그러면 아마 변화가 없을텐데.. -_-;;

 

변화가 없는게 아니고,, Layer2를 삭제해주면 위처럼 빛이 일부는 투명하게 됩니다.

 

레이어를 한줄 더 추가합니다. 그리고 CTRL+G를 누르면 신규 레이어가 밑 레이어에 포함이 됩니다.

이렇게 레이어를 구속시켜주면, 구속을 한 레이어가 칠해지지 않은 부분은 구속된 레이어도 칠해지지 않습니다.

 

구속시킨 후, 역시 Gradient를 사용해서 색을 마음대로 막 칠해줍니다.

전 하얀색과 노란색을 써서 위처럼 만들었습니다.

 

 

이걸 PNG 형식으로 저장해주고, Picture에서 불러오기 합니다.

맵 한쪽에는 이런걸 만들어줍니다.

 

 

불투명도는 자기 마음대로 (전 120으로 선택), 방식은 가산으로 합니다.

 

<오오.. 광명의 빛..(?)>

 

아마 정성과 시간을 들여 만들면 위 스샷과는 비교도 안되는 리얼한 빛이 가능할겁니다 ^^:

 

Comment '29'
  • ?
    작은악마 2008.06.22 14:02
    와우 좋은 강의?감사드립니다. ^^ (문제는 저것을 못쓴다 흑)
  • ?
    작은악마 2008.06.22 15:30
    그렇군요 ㅎ

    그나저나 포토샵은 주로 영문판으로 강의하더군요 ㄱ-;;
  • ?
    정의로운녀석 2008.06.22 14:09
    칼답변... 빠르십니다 -_-;;

    실제로 포토샵으로 해보면 쉬우니까, 따라해보면 금방 익힐 수 있습니다 ^^;
  • ?
    아나카시 2008.06.22 17:02
    하아..포토샵 없는자의 슬픔
  • ?
    세드리엘 2008.08.02 12:25
    옷!! 대단하세요 ㅎㅎ 좋은정보 감사합니다.
  • ?
    울집투컴 2008.08.12 13:20

    하아....사람들이 할말 다해서 할말없는 자의 슬픔

  • ?
    중복 2008.08.20 03:37
    오오 잘보고갑니다~
  • ?
    기다림 2008.09.15 12:13

    와,,, 좋은 정보 알아갑니다.~

  • ?
    기다림 2008.09.16 15:47
    내껀 리얼하지가 않아?!
  • ?
    RPGRTP 2008.09.27 09:54
    포토샵 없는자에겐 아주 슬프다..
  • ?
    검은시개 2008.10.17 03:04
    감사요
  • ?
    카린 2008.11.10 17:23
    포토샾 없어도 광채 날수 있게 하는 스크립트 있는데요?ㄷㄷ..
    저도 막 여러게임 뜯어보면서 광채 스크립트라던가 ATB 같은거 얻었는데 ㅋ;;
  • profile
    star211 2011.05.04 20:24

    남의 게임 뜯는 건 자랑할 만한 일이 아닙니다.

  • ?
    소울푸른★ 2008.12.29 09:05
    짱이다
  • ?
    후르츠파르페 2009.01.22 12:08
    그림 겹치는게 맞구나.. 지금 강좌를 보니..
  • ?
    미쟈 2009.02.28 23:02
    포샵 ㅜㅜ 지웠는데 ;; 으흑
  • ?
    penke 2009.05.03 08:39
    와.. 죽인다..!!
  • ?
    사야 시모토 2009.07.16 05:29
    오호.. 잘보고갑니다^^
  • ?
    로돌프 2009.07.21 14:33

    실력도안되고 똥컴으로인해 포토샵다운 못받는

    자의 서러움 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

  • ?
    비울 2009.11.28 09:37

    맵에서 움직일 때는 어떻게 해요?

    빛이 따라다니잖아요.

  • ?
    Misty 2010.01.13 21:46

    그림말고 캐릭터로 만들어도 쓸만하겠네요 ^^

  • ?
    no진구 2010.03.03 18:40

    컴터 뒤져보니 포토샾 나온 1인... ㄷㄷㄷ

  • ?
    영원크롬사랑히바링 2010.08.04 13:03

    포토샵 CS5있는 1人

  • ?
    아르네스시네 2010.08.18 00:22

    ㅠㅠ 대강 이해는 가는대 모름ㅠㅠ 포토샵도없으니 으흑

  • ?
    아르네스시네 2010.08.18 00:23

    그래도 잘볼께요~!

  • ?
    만능태도 2010.09.26 17:17

    기본사이즈가 아닌 큰 맵에서는 캐릭터로 해서 고정시켜 사용하는 방법이 더 좋겠네요.

  • profile
    플라니티스 2011.05.05 13:17

    오, 맵칩화나 캐릭터칩화 시켜서 사용하면되는 거군요.

    확실히, 불투명 체크를 이용할 수도 있겠고요!

  • ?
    엑스칼리버 2011.03.02 18:26

    멋지당

  • profile
    dream95 2012.10.18 19:39
    감사합니다

  1. [전투애니]간단한 전투모션을 흉내내보자!

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

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

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

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

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

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

    캐릭터 합성하기

    실수네요 -_-; 네이버 동영상 올리면서 화질이 매우 안좋아져서 뭐라고 쓴건지 보일랑 말랑하네요. 다음부터 캠타시아 해상도 줄여서 귀찮더라도 이리저리 옮기면서 해야겠네요. 그래도 대충 봐도 뭐라고 하는지 알껍니다. 1. .png는 인덱스모드이기 때문에 RG...
    Date2009.03.08 Category일반 By느싱 Reply16 Views11182
    Read More
  8. 인터페이스 그래픽 만들기

    적용샷입니다.
    Date2009.03.01 CategoryRPG XP 관련 BySkybound Reply10 Views10773 file
    Read More
  9. 창문 앞에 빛이 들어오는 이벤트 만들기

    밑의 글과 많이 비슷하지만 이것은 그림이 아니라 이벤트를 이용한 빛 이벤트입니다. 먼저 원하는 빛을 선택해야겠죠? 보시는 바와 같이 기본 투명도를 255로 결정하고, 합치는 방법을 가산으로 해주십시요. 시작 조건을 병렬 처리... 옵션은 방향 고정, 겹쳐...
    Date2008.10.04 CategoryRPG XP 관련 By사신의 초대( 혈 혼 ) Reply16 Views10136 file
    Read More
  10. 창문에서 빛이 뚫고 나오게 하기

    이 강좌는 창조도시가 원본입니다. http://www.acoc.co.kr/bbs/zboard.php?head_data=head_s3makeforum.php&footer_data=footer_s3makeforum.php&root_data=../../ncoc/&cafeno=&id=acoc_board_ideatip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arran...
    Date2008.06.22 CategoryRPG VX 관련 By정의로운녀석 Reply29 Views11178
    Read More
  11. 집안의 블라인드 다듬기 ~2차 블라인드

    이 강좌는 창조도시가 원본입니다. 자료의 소스를 사용못할 경우 창조도시로 오면 받을 수 있습니다. http://www.acoc.co.kr/bbs/zboard.php?head_data=head_s3makeforum.php&footer_data=footer_s3makeforum.php&root_data=../../ncoc/&cafeno=&id=acoc_board...
    Date2008.06.22 CategoryRPG VX 관련 By정의로운녀석 Reply8 Views8048
    Read More
  12. No Image

    VX 캐릭터 쉽게 만들수 있는 싸이트

    http://www.famitsu.com/freegame/tool/chibi/index2.html
    Date2008.03.26 CategoryRPG VX 관련 By아방스 Reply42 Views14784
    Read More
  13. No Image

    도트 작업 하기 [펌]

    Date2008.03.18 Category일반 By아방스 Reply21 Views11096
    Read More
  14. (포토샵) 기본 얼굴그래픽을 바꾸어봅시다 .

    실수로 이전글을 수정해서 올렸네요 ; 다시 제대로 올립니다 (놀래라) 응용하시면 삐친표정이나 화난표정등 여러모로 만드 실 수 있습니다. 예쁜 표정 많이 만드세요.
    Date2008.03.08 CategoryRPG VX 관련 By분홍괭이 Reply18 Views8470 file
    Read More
  15. 트루칼라VX 페이스를 옮겨봅시다

    이방법을 이용한 페이스 http://abszzang.cafe24.com/zbxe/46372
    Date2008.03.08 CategoryRPG 2k 관련 By아템 Reply9 Views6756 file
    Read More
  16. (포토샵) 이제 창2개로 작업하자!

    Date2008.03.08 Category일반 By분홍괭이 Reply15 Views6091 file
    Read More
  17. [꿈꾸는소년의강좌]포토샵을 이용한 간단한 케릭터 색상변경(2부)

    ~1부에 이어서(그림이 대폭축소돼요 이유는 1부호신분은 아실뜻)~ 확인을 누르신분은 아시겠죠? 스포이드로 찍은 색갈부분에 점선이 삥둘러버리내요.(정확히 선택부분밑에 검은색바탕에 자기사 스포이드로 누르면흰색돼는곳)하지만 왠지 들숙 날숙한데다가 필...
    Date2008.03.05 Category일반 By꿈꾸는소년 Reply8 Views5724 file
    Read More
  18. [꿈꾸는소년의강좌]포토샵을 이용한 간단한 케릭터 색상변경(1부)

    안녕하세요 꿈꾸는소년입니다(캬~ 나도 이거 해보고 싶었어 ㅠ.ㅠ) 한번 섰었는데 그림 때문에 지웠다가 다시올려요 아직 포토샵을 마스터 하지 못했지만 일단 해볼려고요 (이것은 어떤분이 사용하셧던 포샵강좌를 RPG만들기를 바꾼것 입니다.) 자~! 주제는 알...
    Date2008.03.05 Category일반 By꿈꾸는소년 Reply7 Views6405 file
    Read More
  19. No Image

    행복

    Date2008.03.05 Category일반 By아방스 Reply7 Views5423
    Read More
  20. No Image

    간단한 스프 라이트 표정과 포즈

    Date2008.03.05 Category일반 By아방스 Reply12 Views7170
    Read More
Board Pagination Prev 1 2 Next
/ 2