이 도움말에서는 Inkscape 컴포지션에 화살표를 추가하는 것이 얼마나 간단한지 보여드리겠습니다! 화살표는 그래픽을 멋지게 꾸미고, 컴포지션의 항목에 주의를 끌거나, 다른 용도로 개체 간의 연결을 보여줄 수 있는 좋은 방법입니다. 그 속으로 들어가 보자!

1단계: 경로 그리기

우선 펜 도구("베지어 곡선 그리기 도구" 또는 "경로 도구"라고도 함)를 사용하여 경로를 그리는 것이 좋습니다. 이 도구는 도구 상자의 아이콘(위 이미지의 빨간색 화살표)을 통해 액세스할 수 있습니다. ) 또는 "B" 바로 가기 키를 사용합니다. 직선 또는 곡선에서 화살표를 만들 수 있습니다. 이 예에서는 일을 쉽게 하기 위해 단순히 직선을 그립니다.

펜 도구를 선택한 상태에서 컴포지션을 마우스 왼쪽 버튼으로 클릭하여 첫 번째 노드를 만듭니다(위 이미지의 빨간색 화살표).

그런 다음 두 번째 노드를 배치할 위치로 마우스를 이동한 다음 다시 한 번 마우스 왼쪽 버튼을 클릭하여 노드를 만듭니다(위 이미지의 빨간색 화살표). 키보드의 ctrl 키를 누른 상태에서 마우스를 드래그하면 "직선 모드"로 선이 그려집니다.

2단계: 선 설정 사용자 지정 및 경로에 마커 추가

이제 경로를 그렸으므로 도구 상자(위 이미지의 빨간색 화살표)에서 선택 도구를 가져옵니다. 이렇게 하면 내 경로(녹색 화살표) 주위에 변형 핸들이 추가되어 경로의 크기를 조정하여 크기를 조정할 수 있습니다. 필요한 경우 마우스로 선을 클릭하고 끌어 선택 도구를 사용하여 경로의 위치를 ​​변경할 수도 있습니다.

화면 왼쪽 하단에 내 경로에 대한 스타일 정보가 표시됩니다. "Stroke" 아래에 내 획 색상을 나타내는 색상이 있는 사각형이 표시되고(위 이미지의 빨간색 화살표) 해당 상자 옆에 내 획의 두께를 나타내는 숫자가 표시됩니다(이미지의 파란색 화살표 – 이 예에서 획 너비는 "1.00"픽셀입니다). 우리의 선은 경로이기 때문에 "채우기" 옵션이 아닌 "획" 옵션을 사용하여 색상 속성을 사용합니다.

획 색상(다시 위 이미지의 빨간색 화살표)을 두 번 클릭하면 "채우기 및 선" 대화상자가 열립니다(녹색 윤곽선). 기본적으로 획의 색상을 변경할 수 있는 "획 페인트" 탭으로 이동합니다. "획 스타일" 탭(녹색 화살표)으로 이동합니다.

이 탭 아래에서 획(일명 선)의 크기를 변경하고 경로 양쪽 끝에 화살표를 추가할 수 있습니다. 선을 더 두껍게 만들고 싶다면 "Width"(위 이미지의 빨간색 화살표) 필드에 "50"을 입력하고 Enter 키를 누르면 됩니다(이 오른쪽에 있는 드롭다운을 사용하여 단위를 변경할 수도 있습니다. 필드 - 녹색 화살표). 이제 내 선이 훨씬 더 두꺼워진 것을 볼 수 있습니다.

"대시" 드롭다운(위 이미지의 빨간색 화살표)을 사용하면 경로 스타일을 변경할 수 있습니다. 기본적으로 경로는 선이지만 다양한 점, 대시 또는 점과 대시의 조합으로 변경할 수 있습니다(위 이미지에서 녹색으로 표시됨). 내 경로를 단순한 선으로 설정하겠습니다.

다음 옵션은 "마커"라는 레이블이 지정되어 있습니다. 여기에서 선에 화살촉을 추가할 수 있습니다. 여기에 XNUMX개의 드롭다운이 표시됩니다. 하나는 왼쪽에, 하나는 중앙에, 하나는 오른쪽에 있습니다.

왼쪽의 드롭다운(위 이미지의 빨간색 화살표)은 경로의 시작 노드(즉, 경로를 생성할 때 그린 첫 번째 노드)에 화살표를 추가합니다. 드롭다운에서 화살촉 아이콘(녹색 화살표)을 클릭하기만 하면 경로의 시작 부분에 추가할 수 있습니다.

3단계: 화살촉 사용자 지정

사용자 정의할 수 있는 화살촉(또는 마커)의 몇 가지 기본 특성이 있습니다. 예를 들어 화살촉은 선이나 경로의 두께와 같습니다. 또한 시작점이 선의 왼쪽에 있으면 화살촉이 왼쪽을 향하거나 가리킵니다. 마지막으로 화살촉은 선의 끝에 정확히 위치합니다(선과 화살촉 사이에 약간의 공간이 있는 대신). 이러한 모든 기본 스타일은 Inkscape에서 편집할 수 있습니다.

화살촉이 선의 두께와 동일하지 않게 하려면 "크기 X" 및 "크기 Y" 숫자 필드(위 이미지에서 녹색으로 윤곽선)를 사용하여 화살촉의 크기를 변경할 수 있습니다. 예를 들어 "크기 X" 값을 "10"(빨간색 화살표)으로 변경한 다음 키보드의 탭 키를 누르면 "크기 Y" 값이 자동으로 업데이트되고 내 화살표가 이제 내 경로보다 훨씬 커집니다. .

원래 화살촉 아이콘(위 이미지의 빨간색 화살표)을 클릭하면 설정이 기본값으로 재설정됩니다.

크기 필드 왼쪽에 체인 링크 아이콘(위 이미지의 녹색 화살표)이 있어 크기 X 및 크기 Y 값을 함께 확장할지 여부를 토글할 수 있습니다. 연결이 해제되면 "크기 Y" 값을 변경하지 않고 "크기 X" 값을 변경할 수 있습니다.

예를 들어 아이콘을 클릭하여 두 크기 필드의 연결을 해제한 다음 위 이미지에서 "크기 X" 파란색 화살표에 "10"을 입력하면 화살표가 이제 X축을 따라 크기가 조정되지만 Y축을 따라 크기가 조정되지 않는 것을 볼 수 있습니다. 축("크기 Y" 필드는 이 예에서 "6.707"로 유지됨). 이렇게 하면 내 화살표가 X축을 따라 뻗어 있는 것처럼 보입니다. 원래 화살촉 아이콘을 클릭하면 설정이 기본값으로 재설정됩니다(위 이미지의 빨간색 화살표).

"크기 X" 및 "크기 Y" 필드 아래에는 "획으로 크기 조정" 확인란(위 이미지의 빨간색 화살표)이 있습니다. 선택하면 화살촉 크기가 자동으로 경로 크기에 비례하여 유지됩니다. 예를 들어, 패스의 획을 더 두껍게 만들면(이전에 했던 것처럼) 화살촉이 더 두꺼워집니다.

선택하지 않으면(위 이미지와 같이) 화살촉이 경로 크기에 비례하지 않습니다. 대신 "X 크기" 및 "Y 크기" 필드에 설정된 크기가 됩니다. 이 예에서 내 경로의 두께는 50픽셀로 설정되지만 내 화살표의 크기는 내 X 및 Y 값에 대해 4.061픽셀 및 6.707픽셀로 설정됩니다. 결과적으로 "획으로 크기 조정" 상자를 선택하지 않으면 내 화살촉이 내 경로보다 훨씬 작아 기본적으로 보이지 않습니다.

Ctrl 키를 누른 상태에서 마우스 휠을 사용하여 화살표를 멀리 확대하면 화살표가 아주 작지만 실제로 거기에 있는 것을 볼 수 있습니다(빨간색 화살표). Ctrl 키를 누른 상태에서 마우스 휠을 사용하여 축소합니다. "Scale with Stroke" 옵션을 선택된 상태로 유지하겠습니다.

다음 옵션은 "방향" 옵션입니다(위 이미지에서 녹색으로 윤곽이 표시됨). 이렇게 하면 화살촉 또는 마커가 경로에서 방향을 지정하는 방법을 변경할 수 있습니다. 기본적으로 화살촉은 첫 번째 옵션인 "경로를 따라 방향을 지정하고 시작 시 반전"(위 이미지의 파란색 화살표)으로 설정됩니다. 이 옵션은 화살촉이 경로의 시작 부분에서 왼쪽을 향하기 시작하는 이유입니다.

다음 옵션인 "경로를 따라 방향 지정"(위 이미지의 빨간색 화살표)을 클릭하여 이 화살촉의 방향을 바꿀 수 있습니다. 이제 모든 화살표가 같은 방향을 가리키며, 이 경우 시작 화살표가 이제 오른쪽을 가리킵니다.

다음 옵션인 "지정된 각도 고정"(위 이미지의 빨간색 화살표)을 사용하면 경로에서 화살촉의 각도를 변경할 수 있습니다. 활성화되면 이 아이콘 아래의 "고정 각도" 필드가 활성화되고 화살촉의 각도를 수동으로 설정할 수 있습니다.

예를 들어, "-30"(위 이미지의 녹색 화살표)을 입력하면 내 화살촉이 아래로 30도 회전됩니다.

첫 번째 아이콘인 "경로를 따라 방향을 지정하고 시작 시 반대 방향으로"를 클릭하여 화살촉을 기본 설정으로 다시 변경하겠습니다.

마지막 아이콘은 "마커 수평으로 뒤집기" 아이콘(위 이미지의 빨간색 화살표)입니다. 이 옵션을 클릭하면 화살촉이 뒤집혀서 반대 방향을 향하게 됩니다.

화살표를 기본 위치로 되돌리기 위해 "뒤집기" 아이콘을 다시 클릭하겠습니다.

"오프셋 X" 및 "오프셋 Y" 필드(위 이미지에서 녹색으로 윤곽선)를 사용하여 경로 시작 부분에서 화살촉을 오프셋할 수도 있습니다. 기본적으로 이들은 0으로 설정됩니다. "+" 아이콘을 사용하거나 값을 수동으로 입력하여 "오프셋 X" 값을 늘리면(위의 예에서 5를 입력했습니다 – 빨간색 화살표), 화살촉 또는 마커는 경로를 따라 오른쪽으로 이동합니다.

"-" 아이콘을 사용하거나 수동으로 음수 값을 입력하여 "오프셋 X" 값을 줄이면(위의 예에서 마이너스 5를 입력했습니다 – 빨간색 화살표), 화살촉은 경로를 따라 왼쪽으로 이동합니다.

반면에 "오프셋 Y" 값(위 이미지의 빨간색 화살표)을 높이거나 낮추면 화살촉이 원래 경로를 기준으로 위 또는 아래로 이동합니다.

내 화살촉의 기본 위치로 돌아가려면 오프셋 X 및 Y 값을 모두 0으로 변경하겠습니다.

이 대화 상자에서 볼 수 있는 마지막 옵션은 화살표 미리보기 바로 아래에 있는 "캔버스에서 편집" 버튼입니다(위 이미지의 빨간색 화살표). 이것을 클릭하면 캔버스에서 직접 마우스를 사용하여 화살촉이나 마커를 사용자 정의할 수 있습니다.

화살촉 주위에 여러 개의 핸들이 있는 것을 볼 수 있습니다. 가운데에 있는 것(위 이미지의 파란색 화살표)을 사용하면 화살촉을 모든 방향(위, 아래, 왼쪽 또는 오른쪽)으로 재배치할 수 있습니다. 사각형 핸들(빨간색 화살표)을 사용하면 앞에서 설명한 것처럼 크기 X 및 크기 Y 값을 변경할 수 있습니다. 즉, 화살촉 크기를 위 또는 아래로 조정할 수 있습니다. 그리고 원형 핸들(녹색 화살표)을 사용하면 화살촉을 회전할 수 있습니다(따라서 앞에서 논의한 "고정 각도" 값 변경).

채우기 및 획 대화 상자(위 이미지의 빨간색 화살표)에서 첫 번째 마커 드롭다운을 확장하면 방금 만든 캔버스 편집(녹색 윤곽선)을 기반으로 하는 모든 새 설정이 표시됩니다. 원래 화살촉 아이콘(위 이미지의 파란색 화살표)을 클릭하면 설정이 기본값으로 재설정됩니다.

4단계: 추가 마커 또는 화살촉 추가

왼쪽 마커 드롭다운에 대해 방금 논의한 모든 설정은 오른쪽 마커 드롭다운 옵션(위 이미지의 빨간색 화살표)에도 적용됩니다. 유일한 차이점은 맨 오른쪽에 있는 드롭다운에서 마커를 클릭하면 경로 끝에 마커가 추가된다는 것입니다(파란색 화살표). 또한 "경로를 따라 방향 지정, 시작 시 반전" 아이콘이 활성화되어 있는 경우 화살표는 첫 번째 화살촉의 반대 방향(오른쪽)을 향하게 됩니다.

경로 양쪽 끝에 있는 화살표는 서로 독립적이므로 이 드롭다운에서 스타일 화살촉 또는 마커를 선택하고 설정을 사용자 지정하여 설정한 첫 번째 화살촉과 다르게 설정할 수 있습니다.

하지만 디자인 일관성을 위해 화살촉을 동일한 스타일로 유지하겠습니다.

"중간 마커" 드롭다운(위 이미지의 빨간색 화살표)은 첫 번째 노드와 마지막 노드 사이에 있는 경로를 따라 다른 모든 노드에 마커 또는 화살촉을 추가합니다. 지금은 경로를 따라 다른 노드가 없으므로 이 드롭다운에서 마커를 선택해도 아무 작업도 수행되지 않습니다.

그러나 도구 상자에서 "노드별 경로 편집" 도구(위 이미지의 빨간색 화살표)를 잡고 내 경로(파란색 화살표)를 따라 아무 곳이나 두 번 클릭하면 내 경로와 화살촉을 따라 새 노드가 생성됩니다. 해당 노드에 추가됩니다.

다른 두 드롭다운과 마찬가지로 화살촉 또는 마커의 설정을 사용자 정의하여 이러한 "중간 마커"에 대한 마커의 크기를 조정하거나 방향을 바꾸거나 방향을 변경할 수 있습니다. 중간 드롭다운을 통해 적용한 설정은 생성한 첫 번째 노드와 마지막 노드 사이의 모든 화살표에 적용됩니다. 여기에서 "Scale with stroke" 옵션(위 이미지의 빨간색 화살표)을 선택 취소한 다음 Size X 값을 "25"(녹색 화살표)로 설정한 것을 볼 수 있습니다. 이제 내 경로 중간에 있는 모든 화살표(파란색 화살표)는 경로 양쪽 끝에 있는 화살촉보다 작습니다.

5단계: 화살표 색상 변경

경로와 화살표의 색상을 변경하려면 캔버스 하단의 "견본" 패널에서 색상 견본을 Shift+클릭합니다. 예를 들어 빨간색(파란색 화살표) 색상을 shift+클릭하면 내 경로의 색상이 빨간색으로 변경됩니다.

외부 화살촉은 색상이 변경되지 않은 반면 내부 화살촉은 변경되었음을 알 수 있습니다. 이것은 Inkscape 버전 1.1 및 1.2에 존재하는 버그입니다. 이 문제를 해결하려면 "폭" 필드에서 "-" 기호를 클릭하여 획 너비의 크기를 줄인 다음 "+" 기호(위 이미지의 녹색 화살표)를 클릭하여 다시 늘릴 수 있습니다. 이 작은 변화로 화살촉의 색상이 변경되어야 합니다(가까운 시일 내에 이 버그가 수정되기를 바랍니다).

이 Inkscape 도움말 문서는 여기까지입니다! 즐거우셨거나 유용하셨다면 제 다른 Inkscape 도움말 or Inkscape 비디오 자습서 내 사이트에서.

클립이 핀