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그립고그립고그립다 Views11004 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. No Image

    불지팡이 곤충 여마도사

    불지팡이를든 마도사인데 날개가 달렸네요 곤충과.ㅋㅋ
    Date2015.11.17 Category에너미 ByHONG2NVang Views2952 Votes0
    Read More
  6. No Image

    롱 스피어 천사 여자.

    색이 너무 이질감이 있긴하네요.  
    Date2015.11.17 Category에너미 ByHONG2NVang Views2630 Votes0
    Read More
  7. No Image

    언데드 드래곤

    언데드 드래곤이에요.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2692 Votes0
    Read More
  8. No Image

    곰새쥐. 곰 새 두더쥐 괴물

    곰새쥐 라고 하면 이름이 너무 귀여운듯 ㅎㅎ
    Date2015.11.17 Category에너미 ByHONG2NVang Views2209 Votes0
    Read More
  9. No Image

    피의 쌍도끼 악마

    피의 쌍도끼를 든 은발의 악마네요.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2347 Votes0
    Read More
  10. No Image

    방패든 빨강머리 여전사

    방패와 칼을 들고 갑옷을 입었네요!
    Date2015.11.17 Category에너미 ByHONG2NVang Views2356 Votes0
    Read More
  11. No Image

    닌자 박쥐 암살자.

    좀 이상하게 생겼네요 ㅋㅋ
    Date2015.11.17 Category에너미 ByHONG2NVang Views2219 Votes0
    Read More
  12. No Image

    검은 롱드레스 여자 마법사

    검은 롱드레스 입은 여자마법사 섹시하네요.ㅎㅎ
    Date2015.11.17 Category에너미 ByHONG2NVang Views2415 Votes0
    Read More
  13. No Image

    가시검 전사.

    긴 장발의 가시검을 든 전사네용.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2196 Votes0
    Read More
  14. No Image

    미친 늑대 몬스터

    눈에서 안광을 뿜는 미친 늑대네요.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2308 Votes0
    Read More
  15. No Image

    불의 악마

    불의 악마입니다.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2094 Votes0
    Read More
  16. No Image

    오크 가시 둔기.

    가시둔기를 든 오크!
    Date2015.11.17 Category에너미 ByHONG2NVang Views2193 Votes0
    Read More
  17. No Image

    타이즈 여전사

    타이즈입은 여전사에용.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2292 Votes0
    Read More
  18. No Image

    발치괴물

    이빨처럼 생겼네용 ㅎ
    Date2015.11.17 Category에너미 ByHONG2NVang Views2166 Votes0
    Read More
  19. No Image

    염소 몬스터

    염소같이 생겼죵.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2027 Votes0
    Read More
  20. No Image

    금발 여검사.

    금발 여검사 입니당.  
    Date2015.11.17 Category에너미 ByHONG2NVang Views2354 Votes0
    Read More
  21. No Image

    뱀 몬스터

    뱀 몬스터 입니당.
    Date2015.11.17 Category에너미 ByHONG2NVang Views2198 Votes0
    Read More
  22. No Image

    벌요괴, 피칠갑검은날개, 녹색머리여마법사, 눈알괴물식물, 미노타우르스방패창전사

    벌요괴, 피칠갑검은날개, 녹색머리여마법사, 눈알괴물식물, 미노타우르스방패창전사
    Date2015.11.10 Category에너미 ByHT9MAN Views2332 Votes0
    Read More
  23. No Image

    백검의흑기사, 박쥐기사, 손톱악마, 꽃괴물, 붉은망토 검사, 쉐도우닌자 어쎄신, 인형사소녀, 적색의방패기사, 암흑의 백발 야시시 여자.

    백검의흑기사, 박쥐기사, 손톱악마, 꽃괴물, 붉은망토 검사, 쉐도우닌자 어쎄신, 인형사소녀, 적색의방패기사, 암흑의 백발 야시시 여자.
    Date2015.11.10 Category에너미 ByHT9MAN Views2609 Votes0
    Read More
  24. No Image

    마왕,마왕팔,몬스터장미가시,미친멧돼지,부러진뿔핏줄6뿔괴물,붉은눈핏줄공,블라카녹색망토맨,사마귀쌍칼맨,썩은임삼맨,얼룩도마뱀,여자괴물촉수3부리 나무뿌리, 여학생 귀신, 염소뿔 쌍도끼 악마, 유령갑옷, 전기망치맨, 지렁이 촉수 괴물, 철가면 백마 기사, 팔 네개 쌍칼 사자맨, 혀네개 녹색괴물, 황금물고기괴물

    마왕,마왕팔,몬스터장미가시,미친멧돼지,부러진뿔핏줄6뿔괴물,붉은눈핏줄공,블라카녹색망토맨,사마귀쌍칼맨,썩은임삼맨,얼룩도마뱀,여자괴물촉수3부리 나무뿌리, 여학생 귀신, 염소뿔 쌍도끼 악마, 유령갑옷, 전기망치맨, 지렁이 촉수 괴물, 철가면 백마 기사,...
    Date2015.11.10 Category에너미 ByHT9MAN Views4208 Votes0
    Read More
  25. No Image

    네날개독수리맨,뱀독수리

    네날개독수리맨,뱀독수리
    Date2015.11.10 Category에너미 ByHT9MAN Views2026 Votes0
    Read More
  26. No Image

    [드래곤모음] 흑드래곤,블루드래곤,성기사드래곤,카멜레온드래곤,그린드래곤,각종드래곤

    [드래곤모음] 흑드래곤,블루드래곤,성기사드래곤,카멜레온드래곤,그린드래곤,각종드래곤
    Date2015.11.10 Category에너미 ByHT9MAN Views2462 Votes0
    Read More
  27. No Image

    악마 로브 암흑맨 나즈굴 흑마도사

    악마 로브 암흑맨 나즈굴 흑마도사
    Date2015.11.10 Category에너미 ByHT9MAN Views1919 Votes0
    Read More
  28. No Image

    뱀파이어 여왕 여자 박쥐녀

    뱀파이어 여왕 여자 박쥐녀
    Date2015.11.10 Category에너미 ByHT9MAN Views2114 Votes0
    Read More
  29. No Image

    언데드 상처 드래곤

    언데드 상처 드래곤
    Date2015.11.10 Category에너미 ByHT9MAN Views2001 Votes0
    Read More
  30. No Image

    오징어 괴물

    오징어 괴물
    Date2015.11.10 Category에너미 ByHT9MAN Views2015 Votes0
    Read More
  31. No Image

    은발 전사 4날개 독수리

    은발 전사 4날개 독수리
    Date2015.11.10 Category에너미 ByHT9MAN Views1913 Votes0
    Read More
  32. No Image

    사신 해골 낫

    사신 해골 낫
    Date2015.11.10 Category에너미 ByHT9MAN Views2045 Votes0
    Read More
  33. No Image

    은발 피칠갑 늑대 소녀

    은발 피칠갑 늑대 소녀
    Date2015.11.10 Category에너미 ByHT9MAN Views1971 Votes0
    Read More
  34. No Image

    떠돌이 검객, 붉은머리 마돗, 은발의 검사

    떠돌이 검객, 붉은머리 마돗, 은발의 검사
    Date2015.11.10 Category에너미 ByHT9MAN Views1987 Votes0
    Read More
Board Pagination Prev 1 2 Next
/ 2






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

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