gimp
7.8.2.2. 3차원 이미지 호스(A three dimension image hose)
3차원 움직이는 붓(animated brush)의 방향은 칠하는 방향에 따라 바뀝니다.
이번에는 검정색과 파란색이 무작위로 나타나며 좌/우 손 모양이 규칙적으로 나타나는 붓을 만들어봅시다.
3차원 움직이는 붓을 만들기 위해서 몇 장의 이미지가 필요할까요?
첫번째 차원인 x 축에는 붓의 4개 방향을 표현합니다.
두번째 차원인 y 축에는 오른쪽/왼쪽의 손모양을 표현합니다.
그리고 세번째 차원인 z 축에는 색상(검정/파랑)을 표현합니다.
이 붓을 3차원 배열로 표현하면 myarray(4,2,2)이 됩니다.
그림 7.8.2.2.a101. 예제의 3차원 움직이는 붓의 3차원 배열
첫번째 차원 (x) 축에 4개의 횡렬(rank)가 있습니다.
두번째 차원 (y) 축에는 2개의 횡렬(rank) 그리고 세번째 차원 (z) 축에는 2개의 횡렬(rank)가 있습니다.
그러므로 4 x 2 x 2 = 16이므로 총 16장의 셀(cell)이 있으므로 16장의 이미지가 필요합니다.
1. 첫번째 차원 (x) 축의 이미지 만들기
너비 30 픽셀, 높이 30 픽셀의 새로운 이미지를 엽니다.
색 공간(Color space)은 RGB 색상으로 맞추고, 채우기(Fill with)는 투명(Transparency)로 설정합니다.
그림 7.8.2.2.a111. 새 이미지 만들기 대화상자: 고급옵션 (Windows) (우리말) - 3차원 이미지 호스 만들기
이번 작업 과정에서 사용할 손 이미지입니다.
검은색 손을 handL0k.xcf(검은색 왼쪽 손 0°)로 저장합니다.
이미지 원본은 Wikipedia - Stop hand.svg에서 확인할 수 있습니다.
그림 7.8.2.2.a112. 손 이미지(파란색)
그림 7.8.2.2.a113. 손 이미지(검은색)
레이어 대화 상자에서 레이어를 더블클릭해서 레이어 속성창을 호출합니다.
레이어의 이름을 handL0k로 바꿔줍니다.
레이어를 복사합니다.
복사한 레이어만 보이도록 합니다.
복사한 레이어를 선택한 다음, 이미지 메뉴 바의 레이어 → 변형 → 시계 방향으로 90도 회전을 선택하여 90° 회전을 시켜줍니다.
그리고 레이어의 이름을 “handL90k”로 바꿔줍니다.
그림 90.1.6.10.a3. 레이어 → 변형 → 시계 방향으로 90도 회전 (windows) (우리말)
레이어를 복제해서 90도씩 회전시키는 작업을 반복해서 “handL180k” 그리고 “hand270k”를 만듭니다.
그림 7.8.2.2.a114. 회전시킨 손 이미지 레이어들
2. 두번째 차원 (y) 축의 이미지 만들기
두번째 차원은 2개의 횡렬(Rank)가 있습니다.
하나는 왼손이고, 다른 하나는 오른손입니다.
왼손은 이미 있으므로, 수평으로 뒤집어 오른손 이미지를 만들어야 합니다.
“handL0k” 레이어를 복제하고 새로 복제한 레이어만 보이게 합니다.
레이어 이름을 “handR0k”로 바꾸고, 이미지 메뉴 바의 레이어 → 변형 → 수평 뒤집기를 선택하여 적용합니다.
그림 90.1.6.10.a4. 레이어 → 변형 → 수평 뒤집기 (windows) (우리말)
다른 왼손 레이어에 대해서도 같은 작업을 반복하여 오른손 레이어를 만듭니다.
왼손, 오른손 레이어가 번갈아 위에서 아래로 시계방향으로 회전하는 순서로 정렬해줍니다.
정렬이 완료되면 레이어는 위에서 아래로 “handL0k, handR0k, handL90k, handR90k, …, handR-90k”의 형태로 아래 이미지처럼 보여져야 합니다.
그림 7.8.2.2.a115. 오른손 이미지가 추가된 레이어 대화상자
3. 세번째 차원 (z) 축의 이미지 만들기
세번째 차원은 검정색과 파랑색의 2개 열을 가지고 있습니다.
검정색은 이미 있으므로, 파란색 원본 이미지로 파랑색 열을 만듭니다.
“handL0k” 레이어를 선택하고 보이도록 설정합니다.
이미지 메뉴 바의 이미지 → 캔버스 크기를 선택해 캔버스 크기를 60x30 픽셀로 변경합니다.
그림 90.1.5.6.a101. 이미지 메뉴 바 → 이미지 → 캔버스 크기
이동 도구를 선택합니다.
이동 도구의 도구 옵션(Tool Options)의 대화상자의 도구 전환(Tool Toggle)의 현재 레이어 이동(Move the active layer)을 선택합니다.
그림 90.4.1.1.a121. 이동 도구 대화상자 - 도구 옵션 - 현재 레이어 이동 (windows) (우리말)
파란색 속 이미지를 이미지의 오른쪽으로 옮깁니다.
“hand0k”와 파란색 손 복사본만 보이도록 합니다.
레이어 대화상자에 오른쪽 클릭을 하여서 컨텍스트 메뉴를 엽니다.
그림 90.4.3.1.a41. 레이어 대화상자의 컨텍스트 메뉴 열기 (windows) (우리말)
컨텍스트 메뉴의 보이는 레이어 합치기를 선택합니다.
그림 90.4.3.1.25.a11. 레이어 대화상자의 오른쪽 클릭으로 여는 컨텍스트 메뉴 (windows) (우리말) - 보이는 레이어 합치기
레이어 합치기 대화상자의 필요한만큼 넓히기(Expanded as necessasry)를 선택합니다.
그림 90.4.56.a105. 레이어 합치기 대화상자 (Windows) (우리말) - 필요한만큼 넓히기(Expanded as necessasry)
왼쪽에는 검은색의 손, 오른쪽에는 파란색 손이 있는 60x30 픽셀 크기의 레이어가 되었습니다.
“handsL0”으로 이름을 바꿔줍니다.
다른 레이어에 대해서도 같은 작업을 반복합니다.
최종 작업 결과는 아래 레이어 대화상자의 이미지와 같아야 합니다.
그림 7.8.2.2.a116. 파란손 이미지가 추가된 레이어 대화상자
4. 레이어 정렬하여 칠할 이미지 찾기 과정
레이어는 정렬이 되어 있어야 붓으로 칠할 때, GIMP(김프)에서 필요한 이미지를 찾을 수 있습니다.
작업한 레이어는 이제부터 정렬을 해야 하지만, 어떻게 정렬이 되는지에 대해서는 반드시 이해해야 합니다.
정렬을 하는 과정을 3가지 방법으로 설명해보겠습니다.
4-1. .gih의 레이어와 이미지 위의 칠한 자국을 연결해 설명하기
아래 이미지처럼 왼쪽에서 오른쪽으로 수평으로 드래그하여 손 모양 이미지가 늘어서 있는 모양을 칠했다고 가정해보겠습니다.
그림 7.8.2.2.a120. 이미지 위의 칠한 자국
그림 7.8.2.2.a119. .gih 형식으로 내보내기의 설정값에서 모두 3개의 차원을 설정하였습니다.
그림 7.8.2.2.a121. .gih의 레이어에서 붓 모양 선택 흐름
-
첫번째 차원의 선택 값은 사용자가 드래그한 각도(Angular)입니다. 첫번째 차원의 횡렬(Rank)의 갯수가 4이므로, 선택 대상인 16개의 셀 중에 4개의 선택 가능한 그룹이 있습니다. 각 그룹은 4개의 셀을 가지고 있습니다. 사용자가 드래그한 각도는 90도이므로 두번째 그룹이 선택됩니다. 다음 단계는 선택된 두번째 그룹의 4장을 기준으로 진행합니다.
-
두번째 차원의 선택 값은 하나씩 증가(Incremental)합니다. 두번째 차원의 횡렬(Rank)의 갯수가 2이므로, 선택 대상인 4개의 셀 중에 2개의 선택 가능한 그룹이 있습니다. 각 그룹은 2개의 셀을 갖습니다. 이전의 선택값이 없으므로 첫번째 그룹을 선택하게 됩니다. 다음 단계는 선택된 첫번째 그룹의 2장을 기준으로 진행합니다.
-
세번째 차원의 선택 값은 무작위(Random)입니다. 세번째 차원의 횡렬(Rank)의 갯수가 2이므로, 선택 대상인 2개의 셀 중에 2개의 선택 가능한 그룹이 있습니다. 각 그룹은 1개의 셀을 갖습니다. 무작위로 선택한 값은 첫번째 그룹입니다. 움직이는 붓(animated brush)에서 사용될 이미지(90도 회전, 왼손, 검은색)가 결정되었습니다.
4-2. 계산과정으로 설명하기
GIMP(김프)는 16개의 레이어를 4로 나눕니다.
4로 나누면 첫번째 차원에 대해 4개의 그룹으로 나뉘며, 각 그룹은 4개의 레이어를 갖습니다.
각 그룹은 붓의 방향을 나타냅니다.
그리고 두번째 차원에 대해 각 그룹을 다시 2로 나눕니다.
나뉘어진 각 그룹은 오른손과 왼손의 번갈아 나타나는 것을 나타냅니다.
그리고 세번째 차원에 대해 2로 나누면 검정색과 파란색이 무작위로 선택되는 것을 나타냅니다.
4-3. 시각적으로 설명하기
다른 방법은 배열 표현을 이용한 시각적인 방법입니다.
두 방법의 상관관계는 다음 그림에서 볼 수 있습니다.
| Layer | Stack | Cell No. | Array | Choice |
|---|---|---|---|---|
| handsL0 | handsL0k | 1 | 1,1,1 | |
| handsL0b | 2 | 1,1,2 | ||
| handsR0 | handsR0k | 3 | 1,2,1 | |
| handsR0b | 4 | 1,2,2 | ||
| handsL270 | handsL270k | 5 | 2,1,1 | 5 5 |
| handsL270b | 6 | 2,1,2 | 6 6 | |
| handsR270 | handsR270k | 7 | 2,2,1 | 7 7 |
| handsR270b | 8 | 2,2,2 | 8 8 | |
| handsL180 | handsL180k | 9 | 3,1,1 | |
| handsL180b | 10 | 3,1,2 | ||
| handsR180 | handsR180k | 11 | 3,2,1 | |
| handsR180b | 12 | 3,2,2 | ||
| handsL90 | handsL90k | 13 | 3,1,1 | |
| handsL90b | 14 | 3,1,2 | ||
| handsR90 | handsR90k | 15 | 3,2,1 | |
| handsR90b | 16 | 3,2,2 |
그림 7.8.2.2.a116. 삼차원 배열과 삼차원 축과의 관계
- x 축: 첫번째 차원이며 붓의 방향입니다. 각도 선택(angular selection)입니다.
- y 축: 두번째 차원이며 왼쪽손과 오른쪽 손의 번갈아 가며 바뀌는 교차입니다. 증분 선택(increment selection)입니다.
- z 축: 세번째 차원이며 손의 색상(검정색, 파란색)을 의미합니다. 무작위 선택(random selection)입니다.
GIMP(김프)에서 이 배열을 어떻게 읽을까요?
GIMP(김프)는 첫번째 차원부터 시작합니다.
첫번째 차원은 “각도(angular)”로 설정되어 있습니다.
270도를 예를 들어 보겠습니다.
270도인 횡렬(Rank)이면 노란색 영역입니다.
두번째 차원에서는 왼손과 오른손 중에 하나를 선택합니다.
“증분(incremental)” 방식입니다(이전에 오른쪽이라면 이번에는 왼쪽을 선택합니다).
그리고 세번째 차원에서는 “무작위(random)” 방식입니다. 무작위로 색상을 선택합니다.
5. .gih 형식으로 내보내기
.xcf 형식으로 로 우선 저장하고, 아래 설정으로 .gih 형식으로 내보내기를 합니다.
| 항목 | 값 |
|---|---|
| 간격(Spacing) | 100 |
| 설명(Description) | 손(Hands) |
| 셀 크기(Cell size) | 30x30 |
| 셀 개수(Number of cells) | 16 |
| 차원(Dimensions) | 3 |
| 첫번째 차원 | 4열, 선택: “각도(Angular)” |
| 두번째 차원 | 2열, 선택: “증분(Incremental)” |
| 세번째 차원 | 2열, 선택: “무작위(Random)” |
그림 7.8.2.2.a119. .gih 형식으로 내보내기의 설정값
6. .gih 포맷으로 내보낼 위치 정하기
.gih 파일은 GIMP(김프)의 붓 폴더에 저장해야 합니다.
기본 설정 → 폴더 → 붓의 폴더 위치를 확인하여서 .gih 파일을 그곳에 저장합니다.
그림 90.2.9.1.a111. 기본 설정 → 폴더 → 붓 (windows) (우리말) - 선택된 붓 폴더
7. 붓 대화상자 새로 고침
붓 대화상자를 열고, 새로 고침버튼을 누릅니다.
붓 대화상자에 새로운 붓이 나타나는 것을 확인할 수 있습니다.
영상 7.8.2.2.a117. 붓 대화상자 새로 고침
8. 새로운 붓으로 칠하기
새로운 붓으로 이미지를 칠해보면, 세가지 차원을 기준으로 붓의 자국이 남는 것을 확인할 수 있습니다.
- 오른손과 왼손이 차례대로 바뀝니다(선택: “증분(Incremental)”)
- 검은색과 파란색은 무작위로 바뀝니다(선택: “무작위(Random)”)
- 손의 방향은 붓의 4개 입력방향에 맞춰 바뀝니다(선택: “각도(Angular)”)