VNAP [연재] 1강 보조강의 - RGB값을 알아내자!
2006.09.02 19:51
딤딤과 만삐의 VNAP 강의 1. 비주얼 노벨을 만들자!
1강 보조강의 - RGB값을 알아내자!
(주: 이번 강의는 딤딤이 썼습니다. 딤딤은 창조도시에서 활동을
하지 않고 있기 때문에 만삐가 올립니다.)
기본 대사 색을 바꾸고 싶을 때!
캐릭터의 대사마다 원하는 글씨 색을 주고 싶을 때!
기본 스킨 사용시의 색을 설정할 때!
Vnap에서는 RGB의 값을 입력해서 색을 설정해야 합니다.
그러면 RGB가 무엇인지, 그리고 그 값을 어떻게 알아낼 수 있는지 살펴보도록 합시다.
1. RGB란 무엇인가?
RGB라는 것은 컴퓨터가 모니터를 통해 색을 표현하는 방식입니다.
삼원색은 모두 알고 계시겠죠?
그리고 삼원색을 이래 저래 섞으면 온갖 다양한 색을 나타낼 수 있다는 말도 들어보셨을 겁니다.
RGB는 삼원색의 컴퓨터 버전이라고 생각하시면 됩니다.
Red, Green, Blue
컴퓨터는 이 세 가지 섞어서 온갖 다양한 색을 나타내지요.
섞을 수 있는 정도는 0~255까지 있답니다.
아래의 예를 보면 0~255가 무슨 말인지 이해가 가실 거에요.
먼저 RGB값을 전부 0으로 주면 이렇게 됩니다.
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB01.jpg">
검은색이지요.
즉 컴퓨터가 모니터를 통해 아무 색도 안 나타내고 있는 것입니다.
그럼 RGB 값을 전부 255로 줘 봅시다.
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB02.jpg">
아무것도 없는 게 아니라;;
흰색입니다.
컴퓨터가 모니터를 통해 RGB값을 최대한으로 나타내고 있는 것이지요.
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB03.jpg">
이런 식입니다.
대충 감이 잡히나요?
2. RGB 추출하기
RGB값을 알아내려면 그래픽 프로그램을 사용해야 합니다.
이번에도 알씨, 그림판, 포토샵을 사용해 보겠습니다.
알씨
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB04.jpg">
먼저, 그림의 겨드랑이 쪽에 있는, 빨간 동그라미 안에 있는 것이 커서입니다.
아래쪽의 빨간 네모칸 안을 보면 D라고 쓰인 부분이 있지요?
그 부분은 현재 커서가 위치한 곳의 색을 나타내고 있습니다.
그리고 그 옆의 숫자가 순서대로R,G,B의 값입니다.
그림판
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB05.jpg">
그림판으로 RGB값을 나타내려면,
일단 위 그림처럼 색-색 편집을 하거나 아래의 색깔박스를 더블클릭해서
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB06.jpg">
이 창을 열어야 합니다.
여기서 '사용자 지정 색 만들기(D)>>'를 클릭하면
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB07.jpg">
이 화면이 나옵니다.
여기서 두 개의 빨간 동그라미 안에 있는 걸 움직이셔서 원하는 색을 고르시면
오른쪽 아래의 빨간 네모 속에 있는
빨강, 녹색, 파랑(왜U라고 되어있지?;;)에 각각 R,G,B의 값이 표시됩니다.
네모 안에 숫자를 직접 써 넣으면 반대로 위에서, 그 RGB 값을 가진 색을 찾아서 보여주지요.
포토샵
info를 여는 법은 앞의 좌표 강의에서 설명했지요?
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB08.jpg">
info의 이곳을 보면 마우스 커서를 갔다 댄 곳의 RGB값이 표시됩니다.
그림에서 RGB값을 추출하는 것이 아니라,
원하는 색깔을 바로 찾아내시려면 아래 그림처럼 하시면 됩니다.
<img src="http://blogfile.paran.com/BLOG_242986/200609/1157161379_RGB09.jpg">
오른쪽의 화살표 있는 곳의 색깔을 누르면 왼쪽의 Color Picker창이 열립니다.
빨간 동그라미 안에 있는 것들을 조종해서 원하는 색을 고르시면
아래의 빨간 네모 칸 안에 RGB의 값이 나오지요.
물론 네모 칸 안에 RGB값을 써 넣으면 반대로 그 RGB값을 가진 색을 보여주기도 합니다.
복잡해 보이지만 막상 해 보면 별 것 아닙니다;;
커서를 움직여서 원하는 색을 찾으면 숫자가 표시되는데,
그 숫자를 VNAP에서 써 달라는 곳에 써 주면 되니까요.
그럼 알록달록한 게임을 만들기 위해 열심히 RGB값을 추출해 봅시다~
