Extra Form
저작자 그립고그립고그립다
저작물 그래픽 리소스를 내 손으로 만들어보자!
저작일 2016-04-02

[제 1장 캐릭터레이더에 대하여]

알만한 유저는 다 안다는 그 인기 프로그램! 캐릭터레이더를 사용하는 방법. 그 방법을 소개하도록 하겠습니다.

손에 익으면 익을수록 정말 가볍고 심플하면서도 기능을 갖추고 있다고 생각이 들만큼 좋은 프로그램입니다.

실질적 기능소개에 앞서서 캐릭터레이더의 제작팀에 대해 간략한 소개와 감사의 인사를 드리고 시작할게요.

 

2.png

 

상단 도움말탭을 클릭하고 버전 정보를 클릭해보면 만든이와 버전을알 수 있는데요.

만든이의 회사가 디파이언스 엔터테인먼트라고 써있지만 사실 저 주소로 들어가보면 디파이언스 엔터테인먼트라는

문구는 온데간데없고 소니아트산업디자인학원만 덩그러니 놓여있는것을 알 수 있습니다.

new21.com이 호스팅/도메인 업체인것을 감안했을때 무료호스팅/도메인을 뿌렸던 당시의 홈페이지로서

여러 사람이 사용했던것으로 보입니다. 정작 01년도와 04년도 자료만 남아있고 03년도 자료는 없는것을 봐서는요.

 

쨋든 이런 훌륭한 프로그램을 남겨주신 요지,미니짱,아카이님께 감사드립니다.

 

[제 2장 실행환경 준비(다운로드)]

[다운로드]를 누르시면 툴/유틸리티 자료실에 후치님께서 올려주신 파일이 있으니 사용하시면 됩니다.

유/무료인지 판단할 수 없을만큼 오랜시간이 흘렀고 공식사이트마저 사라진 이 시점에 프리웨어처럼 배포되고 있지만

조금 찜찜하긴 하군요. 쨋든 안되는건 안되는거니 감사한 마음으로 사용해주시면 저 또한 감사하겠습니다.

 

1.png

 

자, 다운로드가 완료되셨으면 졸라맨 모양의 아이콘을 더블클릭^^ 실행하시면됩니다.

 

3.png

 

창이 하나 뜨는데, 이 화면은 준비화면입니다. 새프로젝트를 만들거나 기존에 있던 프로젝트를 불러올 수 있죠.

 

4.png

 

일단 만들어둔게 없다는 가정을하고 A4용지처럼 생긴 새프로젝트 생성을 클릭하거나 키보드 단축키 Ctrl + N을 눌러주세요.

 

5.png

 

[제 3장 실전 시작]

자그마한 새 화면이 뜨죠? 여기서 이미지의 크기와 컬러의 다양성을 설정할 수 있습니다. 게임에 적용할때 보통 256비트를 사용하게되니 컬러다양성이 높은 이미지를 복사+붙여넣기하지 않는다면 256색을 추천합니다. 저는 일단 256색에 우리사이트 회원아이콘의 크기인 24x24를 선택했습니다. 최대크기는 2^13=8192x8192입니다.

 

6.png

 

프로젝트를 생성함과 동시에 회색으로 물들었던 화면이 이렇게 형형색색 제 기능을 찾게됩니다. 화면 중앙즈음에 확대된 가로24칸 세로24칸의 이미지편집화면이 나오고, 9시 방향에 실제이미지의 모습을 실시간으로 보여줍니다.

 

저는 이 강좌에서 움직이는 24x24 사이즈의 아이콘(움짤..)을 만들어볼것입니다.

먼저 할일은 움짤로 만들 이미지의 대략적 모습과 움짤의 사이즈입니다.

 

움짤을 만들기 위해서는 여러장의 이미지가 필요한데 그것을 이곳에서는 사이즈를 키움으로 시작할 수 있습니다.

우선 Ctrl+E를 눌러주세요.

 

7.png

 

그림창의 크기라는 창이 뜨는데 여기서 가로나 세로 사이즈를 원래사이즈(24)의 2배수로 적용해주시면 됩니다. 저는 움짤 이지미를 총 4개를 쓰고싶으니 24*4=96 가로 96에 세로 24사이즈로 수정해보겠습니다.

 

8.png

 

그럼 3시방향에 그림[창]의 크기가 옆으로 늘어납니다. (그럼 가로로 늘렸으니 당연하지....)

 

9.png

 

여기에 마우스를 가져다대면 빨간색/노란색의 테두리가 움직이는것을 볼 수 있는데요. 이 크기가 현재 이 강좌를 보시는 여러분이 정한 그림[칸]의 크기를 나타냅니다. 그림[칸]은 그림을 직접 그리는 칸을 의미하고 그림[창]은 그림이 보이고 저장될 칸을 의미합니다.

 

10.png

 

왼쪽클릭을 하면 현재 그림[창]의 그림이 클릭한곳에 적용되고

 

11.png

 

오른쪽클릭을 하면 마우스가 가리키고 있는 그림[칸]의 그림을 그림[창]으로 불러오게 됩니다.

 

참으로 편리한 기능이지만 이 기능을 잘못쓰다보면 애써 찍어놓은 도트나 그려놓은 그림을 한 방에 날려버릴 수 있으니 반드시 주의해서 사용해야만 하는 기능입니다. 하지만 제작자님이 얼마나 똑똑하신지 되돌리기 기능까지 구현해주셨으니!! Ctrl+Z를 누르면 되돌아오기도 합니다. 하지만 주의해서 나쁠것은 없지요. 항상 주의 또 주의 저장 또 저장!!!

 

12.png

 

일단 움짤용으로 움직이는 불꽃을 그리려..고 그랬더니.! 어디가 점인지 구분이 잘 가지 않습니다.

 

13.png

 

이때 Ctrl+G를 누르면 픽셀마다 선이 그어져 구분이 아주 쉽죠. 단점은 눈이 아프다 입니다.

 

14.png

 

Shift+G를 누르면 큰 점선을 그릴 수 있는데, 중앙을 잡거나 항상 같은 위치에 다른 이미지를 놓아야할때 기준점으로 잡을 수 있습니다.

물론 작은선과 큰선을 겹쳐서 사용가능하니 둘다 써도 좋습니다.(눈뽕이 2배!)

 

15.png

 

저는 움짤재료로 쓰일 이미지 4개를 만들었습니다.

 

16.png

 

그림[칸]의 이미지를 모조리 오른쪽마우스 드래그해줍니다. 모두 지정되지요?

 

17.png

 

그 상태에서 그림[칸]위의 움직임효과 아이콘을 클릭하거나 키보드단축키 F2를 눌러줍니다.

 

18.png

 

또 새로운화면이 떴습니다. 오른쪽 흰칸에 이미지가 등록되어있을껀데 생각마시고 그냥 "모두 삭제" 버튼을 눌러주세요.

 

19.png

 

이제 위에 있는 이미지를 차례대로 클릭해주시면 됩니다. 저는 4개의 이미지를 반복해서 불꽃이 사그러졌다가 일어나는 모습을 표현하기 위해서 이미지를 첫번째,두번째,세번째,네번째,네번째,세번째,두번째 순서대로 클릭했습니다. 뭐.. 움짤만들때는 각자 이미지가 가지는 대기시간을 설정할 수 있으니 중간중간 이미지를 꼭 겹칠 필요는 없습니다.

 

움직임효과 화면에서 지정하는 시간은 저장되지 않으므로(라고 하고 포토스케이프에서는 적용안됨) 테스트만 해보도록 합니다.

이제 오른쪽칸에 있는 (X = 1, Y = 0) 50ms)같은 버튼들을 Ctrl+왼쪽클릭으로 모두 선택하고 저장 버튼을 누르시면 됩니다.

저장 위치캐릭터레이더가 있는 경로입니다.(바탕화면에 캐릭터레이더 파일이 있으면 바탕화면에 모조리 저장됨)

 

이렇게 하면 움짤이 짜잔! 하고 나타나느냐? 그렇지 않습니다.

 

불꽃완성.gif

 

움짤로 완성하는 방법은 [캐릭터레이더]제 2강 그래픽 리소스를 내 손으로 만들어보자!에서 설명해드리도록 하겠습니다. 감사합니다.

Who's 그립고그립고그립다

profile

[인디사이드]그래픽, 미디어 리소스 게시판 관리자입니다. 건의 문의 다 받습니다. 고객센터/민원실, 쪽지, 메일로 연락주세요.

  • profile
    천무 2016.04.02 09:22
    캐릭터레이더 도트프로그램의 갑이죠
?

  1. No Image notice

    [캐릭터레이더]제 2강 그래픽 리소스를 내 손으로 만들어보자!

    안녕하세요. 지난 시간에 이어서 강좌를 바로 시작해보도록 하겠습니다.     여기까지 만들었었죠? 자신이 만들고싶은 움짤의 내용을 순서대로 클릭하고 저장을 누르면 아까 클릭했던 이미지 갯수만큼 저장이 됩니다.     캐릭터레이더 프로그램과 같은 경로에...
    Date2016.04.05 Category공지사항 By그립고그립고그립다 Views8357 Votes1
    read more
  2. No Image notice

    [캐릭터레이더]제 1강 그래픽 리소스를 내 손으로 만들어보자!

    [제 1장 캐릭터레이더에 대하여] 알만한 유저는 다 안다는 그 인기 프로그램! 캐릭터레이더를 사용하는 방법. 그 방법을 소개하도록 하겠습니다. 손에 익으면 익을수록 정말 가볍고 심플하면서도 기능을 갖추고 있다고 생각이 들만큼 좋은 프로그램입니다. 실...
    Date2016.04.02 Category공지사항 By그립고그립고그립다 Views11003 Votes1
    read more
  3. No Image notice

    그래픽리소스 게시판 변경사항 및 이용가이드

    안녕하세요. 그래픽/미디어 리소스 운영을 맡은 그립고그립고그립다입니다.   운영단을 맡은 이후 그래픽/미디어 리소스 게시물을 주욱 훑어보았습니다. 그 결과 다수의 게시물이 저작물은 있으나 저작자와 라이센스가 부실한 상태로 업로드 되어있는것을 확인...
    Date2016.02.01 Category공지사항 By그립고그립고그립다 Views4266 Votes1
    read more
  4. No Image notice

    여러개의 이미지를 하나로 합치기 '포토스케이프' 사용 설명서

    그래픽 리소스가 여러개로 나뉘어져 있어서 내가 원하는것만 골라서 넣고 싶으신분께 추천드립니다.   1. 합칠 이미지를 구합니다. 저는 현대맵칩 2개를 합쳐보도록 하겠습니다.     분리된거임분리된거임분리된거임분리된거임분리된거임분리된거임분리된거임 ...
    Date2016.03.31 Category공지사항 By그립고그립고그립다 Views7255 Votes1
    read more
  5. 고기 아이콘

    닭고기   돼지고기   쇠고기   양고기   사슴고기   잡고기    
    Date2020.01.29 Category아이콘 By심심치 Views1371 Votes0
    Read More
  6. 빵 아이콘

    밀가루빵(2020년 그림) 보리빵(2020년그림)   2019년 밀가루,보리빵   영리적으로 사용시 게임안에 크레딧(제작자 표기)를 넣어야 합니다.
    Date2020.01.26 Category아이콘 By심심치 Views1202 Votes0
    Read More
  7. 실과 옷감 아이콘

    아마 : 리넨의 원료가 되는 식물입니다.   아마실 : 리넨의 원료가 되는 섬유입니다.   리넨 : 중세 유럽에서 유행했던 마직물입니다.   목화 : 솜의 원료가 되기도 합니다.   목화 실 : 부드러운 섬유입니다.   면직물 : 부드러운 옷을 만들기 좋습니다.   ...
    Date2019.11.23 Category아이콘 By심심치 Views691 Votes0
    Read More
  8. 아마 실

    Flax thread  
    Date2019.10.29 Category아이콘 By심심치 Views1141 Votes0
    Read More
  9. 의상아이콘 3개

    시골뜨기의 옷   시민의 옷   귀족의 옷
    Date2019.10.29 Category아이콘 By심심치 Views660 Votes0
    Read More
  10. 술잔 아이콘

    Mead(벌꿀술)   Beer(맥주)   Rum(럼주)   Liqueur(리큐르) Wine(포도주)  
    Date2019.10.28 Category아이콘 By심심치 Views494 Votes0
    Read More
  11. 허브 4종류 아이콘

    라벤더   로즈마리   카모마일   페퍼민트
    Date2019.10.28 Category아이콘 By심심치 Views517 Votes0
    Read More
  12. No Image

    전사의 갑옷 아이콘

           
    Date2019.02.10 Category아이콘 By심심치 Views859 Votes0
    Read More
  13. No Image

    농산물

                   
    Date2019.02.10 Category아이콘 By심심치 Views621 Votes0
    Read More
  14. 도구

                                                           
    Date2019.02.10 Category아이콘 By심심치 Views589 Votes0
    Read More
  15. No Image

    벌꿀

     
    Date2019.02.10 Category아이콘 By심심치 Views503 Votes0
    Read More
  16. No Image

    술통 아이콘

     
    Date2019.02.10 Category아이콘 By심심치 Views509 Votes0
    Read More
  17. No Image

    과일

             
    Date2019.02.10 Category아이콘 By심심치 Views455 Votes0
    Read More
  18. No Image

    가죽 아이콘

           
    Date2019.02.10 Category아이콘 By심심치 Views537 Votes0
    Read More
  19. No Image

    고기 아이콘

                 
    Date2019.02.10 Category아이콘 By심심치 Views477 Votes0
    Read More
  20. 광물 아이콘들

    동광석   주석 광석   철광석   티타늄 광석   은광석   금광석   우라늄 광석   원석   숯   동괴   청동괴   주석괴   철괴   강철괴   티타늄괴   은괴 금괴   우라늄괴   보석
    Date2019.02.10 Category아이콘 By심심치 Views708 Votes1
    Read More
  21. No Image

    스킬 아이콘

      당시에는 최대한 특징을 살린답시고 작업했던 것 같은데, 지금 생각해보면 완성도가 상당히 떨어지는 작품인듯. 출처 적을 필요 없음. 그냥 마음대로 쓰셈.
    Date2014.10.18 Category아이콘 By상대적박탈감 Views754 Votes2
    Read More
  22. No Image

    첫 자작 포션 3종세트

    제목 그대로 포션3종세트 입니다 첫작이라 모자랄수 있는데 그래도 열심히 만든겁니다. 댓글에 비난글 달지 말아주시고요 게임에 쓰셔도 됩니다.(아무도 않쓰겠지만?) 
    Date2014.08.17 Category아이콘 ByEscape Views455 Votes0
    Read More
  23. No Image

    주먹 그래픽 24x24(아이콘)

    훗 첨부파일에 있습니다   제가 1분만에 탄생시킨 주먹입니다 후훗   놀라시라 ㅋㅋㅋ   (도트 2번째 입니다 양해 ㅠㅠ)   <<
    Date2014.07.11 Category아이콘 By냥인이 Views637 Votes0
    Read More
  24. No Image

    노랑노랑특집 아이콘

    노랑색으로 가득찬 아이콘입니다.     참고로 직접 찍은 도트들입니다.
    Date2014.03.29 Category아이콘 By바보그림소년 Views428 Votes0
    Read More
  25. No Image

    두번째 도트들!

    해머로 한번더 디자인해봤습니다! 브론즈 해머! 아이스 해머!
    Date2014.03.04 Category아이콘 By아츠 Views495 Votes0
    Read More
  26. No Image

    처음으로 만들어 본 도트

    최초로 만들어본 한손지팡이와 단검입니다 단검 한개       망치 한개   완드 한개   평가를 덧글로 남겨주세요!
    Date2014.03.02 Category아이콘 By아츠 Views406 Votes0
    Read More
  27. No Image

    버섯머리...

    죄송합니다...ㅠㅠ 제 실력으로 썬 기본 버섯을 잘라서 만드는게 제 최선이고 화질구려요
    Date2014.01.23 Category아이콘 ByNoram Views765 Votes0
    Read More
  28. No Image

    스읍.. 쪽지 도트입니다

    제가 쓰려고 만들었는데 맵칩과 이질감이 느껴저서 그냥 배포합니다 ㅋㅋ;
    Date2014.01.14 Category아이콘 By지루 Views891 Votes0
    Read More
  29. No Image

    메이플 아이콘 이

    출처rkc
    Date2014.01.11 Category아이콘 Bykaizer Views1059 Votes0
    Read More
  30. No Image

    총 그래픽 파일

    살인 증거용,아이템,등등 필요할때스쎄요
    Date2014.01.08 Category아이콘 Byd메탈소울b Views717 Votes1
    Read More
  31. No Image

    자작 아이콘 - Ring

    Date2013.10.17 Category아이콘 ByHiSGram Views785 Votes0
    Read More
  32. No Image

    자작 아이콘 - Sword

    예전에 그렸던건데 엄청 허접하네요 .. ㅋㅋ 재탕도 많고 ..
    Date2013.10.17 Category아이콘 ByHiSGram Views746 Votes0
    Read More
  33. No Image

    [아힝흥행]링메뉴 쓰실분은...

    링메뉴를 사용하실분은 쓰세요.  아이템  스킬 스테이터스  장비  저장 나가기 잘 쓰세요~!   [출처] 아방스
    Date2013.10.07 Category아이콘 By아힝흥행 Views749 Votes0
    Read More
  34. No Image

    자작 아이콘 모음

    예전에 게임을 제작하려고 직접 만들었으나 후에 가서 제작이 중단되어서 필요 없어진 아이콘들입니다. 예전에 만든것들이라 허접하지만 좋은데 써주시길 바래요 :)  흰색 가루  가죽 조끼  고기 덩어리  푸른 기운(?)이 느껴지는 나뭇가지  통통한 교복  슬림...
    Date2013.10.02 Category아이콘 By빈군 Views1126 Votes0
    Read More
Board Pagination Prev 1 2 Next
/ 2






[개인정보취급방침] | [이용약관] | [제휴문의] | [후원창구] | [인디사이드연혁]

Copyright © 1999 - 2016 INdiSide.com/(주)씨엘쓰리디 All Rights Reserved.
인디사이드 운영자 : 천무(이지선) | kernys(김원배) | 사신지(김병국)