gimp
14.5.2.3.1. 편집 모드 - 디자인(Design Mode)
그림 90.3.2.35.a101.1.1. 도구 옵션 → 경로 → 편집 모드 → 디자인 (Windows) (우리말)
경로 도구를 선택하면, 기본값으로 도구 옵션 → 경로 → 편집 모드 → 디자인 라디오 버튼이 켜집니다. 이 상태에서 연속으로 클릭해서 경로를 그릴 수 있습니다.
1. 경로의 구성 요소
1-1. 제어점(Control Point)
그림 90.3.2.35.a101.1.1.1. 도구 옵션 → 경로 → 편집 모드 → 디자인: 제어점 (Windows)
경로 도구를 선택한 뒤에 이미지 창 위에 연속으로 클릭하면 제어점을 추가할 수 있습니다. 그리고 제어점은 클릭, 드래그해서 옮길 수 있습니다.
19. 용어집 - 경로: 제어점(Control Point)
영상 90.3.2.35.a101.1.1.2. 도구 옵션 → 경로 → 편집 모드 → 디자인: 제어점 새로 만들기 및 옮기기 (Windows) (우리말)
1-2. 선분(Segment)
그림 90.3.2.35.a21. 경로 속성 - 선분(line segment)
두 개의 제어점 사이의 선이 선분(Segment)입니다.
1-3. 노드(Node)
노드는 선분과 선분의 양쪽 끝에 있는 제어점 2개를 합친 것입니다.
그림 90.3.2.35.a101.1.1.3. 도구 옵션 → 경로 → 편집 모드 → 디자인: 노드
노드 위에 마우스 포인터를 올리면, 왼쪽 위편의 아이콘이 작은 십자선으로 바뀝니다.
그림 90.3.2.35.a201.6. 마우스 포인터 아이콘(화살표 십자가)
그림 90.3.2.35.a101.1.1.3.2. 도구 옵션 → 경로 → 편집 모드 → 디자인: 노드와 마우스 아이콘 변화
1-4. 곡선(Curve)
곡선(Curved segements)은 선분을 클릭, 드래그하거나 새로운 노드를 추가하고 드래그하면 만들 수 있습니다.
영상 90.3.2.35.a101.1.1.4.1. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(선분 클릭, 드래그)
영상 90.3.2.35.a101.1.1.4.2. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(제어점 클릭, 드래그)
1-5. 핸들(Handle)
그림 90.3.2.35.a23. 경로 속성 - 끝점(end point)
두개의 작은 핸들을 클릭, 드래그해서 곡선을 구부릴 수 있습니다. 핸들 또는 끝점이라고도 부릅니다.
영상 90.3.2.35.a23.1. 경로 속성 - 끝점(end point) (Windows) (우리말)
2. 경로 제어
2-1. 경로 닫기
작업중인 경로를 닫으려면, Ctrl(⌘) 키를 누른채로 첫번째 제어점을 클릭합니다.
영상 90.10.35.2.1.a1. Ctrl(⌘): 경로 닫기 (Windows) (우리말)
2-2. 핸들 제어
새로운 제어점을 추가하면서 클릭, 드래그하거나, 선분을 클릭, 드래그하면, 핸들이 대칭 방향으로 두개가 나타납니다. 이 때, 드래그로 핸들 방향을 조정하면 두 개의 핸들이 대칭방향으로 움직입니다.
영상 90.3.2.35.a101.1.1.4.1. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(선분 클릭, 드래그)
영상 90.3.2.35.a101.1.1.4.2. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(제어점 클릭, 드래그)
이 상태에서 마우스 버튼을 놓고, 다시 핸들을 클릭, 드래그하면 개별적으로 움직일 수 있습니다.
영상 90.3.2.35.a23.1. 경로 속성 - 끝점(end point) (Windows) (우리말)
Shift(⇧) 키를 누른채로 핸들을 클릭, 드래그하면 대칭으로 양쪽 핸들을 움직일 수 있습니다.
영상 90.10.35.4.1.a1. Shift(⇧): 핸들을 대칭으로 움직이기 (Windows) (우리말)
2-3. 경로 위에 새로운 노드 추가하기(Inserting a new node)
Ctrl(⌘) 키를 누른 채로 경로 위에 마우스 포인터를 올리면, 마우스 포인터의 아이콘이 + 모양으로 바뀝니다.
그림 90.3.2.35.a201.1. 마우스 포인터 아이콘(+)
이때 클릭을 하면, 경로 위에 새로운 노드가 추가됩니다.
영상 90.10.35.2.2.a1. Ctrl(⌘): 경로 위에 새로운 노드 추가하기 (Windows) (우리말)
2-4. 하나 혹은 여러 개의 노드 옮기기(Moving one or several nodes)
노드 위로 마우스 포인터를 올리면, 4방향의 화살표 십자가 아이콘으로 변합니다.
그림 90.3.2.35.a201.6. 마우스 포인터 아이콘(화살표 십자가)
클릭, 드래그하면 노드를 변형할 수 있습니다.
영상 90.3.2.35.a101.1.1.4.1. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(선분 클릭, 드래그)
Ctrl(⌘) + Alt(⌥)를 누른 채로 1개의 경로를 클릭하면 클릭한 경로를 옮길 수 있습니다.
영상 90.10.35.3.1.a1. Ctrl(⌘) + Alt(⌥): 클릭한 경로 1개를 이동
Ctrl(⌘) + Alt(⌥)를 누른 채로 경로가 아닌 다른 곳을 클릭하면, 모든 경로를 이동시킬 수 있습니다.
영상 90.10.35.3.2.a2. Ctrl(⌘) + Alt(⌥): 모든 경로를 이동
⚠️ 주의: 원문에서는 Shift(⇧) 키를 누른 채로 여러 개의 노드를 선택할 수 있다고 설명하였지만, 실제로는 동작하지 않습니다.
2-5. 핸들 수정하기(Modifying handles)
핸들이 나타나면 클릭, 드래그해서 수정할 수 있습니다. 핸들을 나타나게 하는 방법은 2-2. 핸들 제어를 참고해주세요. 핸들을 클릭, 드래그하면 선분을 곡선으로 구부릴 수 있습니다.
영상 90.3.2.35.a23.1. 경로 속성 - 끝점(end point) (Windows) (우리말)
Shift(⇧) 키를 누른채로 핸들을 클릭, 드래그하면 대칭으로 양쪽 핸들을 움직일 수 있습니다.
영상 90.10.35.4.1.a1. Shift(⇧): 핸들을 대칭으로 움직이기 (Windows) (우리말)
2-6. 선분 수정하기(Modify segment)
선분 위로 마우스 포인터를 올리면, 4방향의 화살표 십자가 아이콘으로 변합니다.
그림 90.3.2.35.a201.6. 마우스 포인터 아이콘(화살표 십자가)
클릭, 드래그하면 선분을 구부릴 수 있습니다. 또한 선분의 양 끝에 핸들이 나타납니다.
영상 90.3.2.35.a101.1.1.4.1. 도구 옵션 → 경로 → 편집 모드 → 디자인: 곡선(선분 클릭, 드래그)
Shift(⇧) 키를 누른채로 핸들을 클릭, 드래그하면, 핸들이 대칭으로 움직입니다.
영상 90.10.35.4.1.a1. Shift(⇧): 핸들을 대칭으로 움직이기 (Windows) (우리말)
Shift(⇧) 키를 누른채로 선분을 클릭, 드래그하면, 선분과 연결된 모든 핸들이 대칭으로 움직입니다.
영상 90.10.35.4.1.a2. Shift(⇧): 선분의 양쪽 핸들을 대칭으로 움직이기 (Windows) (우리말)
2-7. 하위 경로 추가하기(Adding a new subpath)
이미 만들어진 경로의 바깥에서 Shift(⇧) 키를 누르면, 마우스 포인터는 작은 정사각형 아이콘을 표시합니다.
그림 90.3.2.35.a201.2. 마우스 포인터 아이콘(새로운 하위 경로 추가)
이 상태에서 클릭하게 되면, 다른 경로와 연결되지 않는 새로운 하위 경로를 시작합니다. 하지만 이 하위 경로는 컴포넌트로도 부릅니다. 컴포넌트는 모두 연결된 노드를 의미합니다.
아래 예시 영상을 확인해보면, Shift(⇧) 키를 누를 때마다, 새로운 하위 경로를 추가하게 되는 것을 확인할 수 있습니다.