벡터 네트워크

벡터 네트워크는 벡터 경로로 구성된 도형 레이어입니다. 이러한 경로를 통해 Figma는 레이어의 외곽선 및 채우기 속성을 적용할 위치를 포함하여 캔버스에서 해당 도형을 렌더링하는 방법을 알 수 있습니다.

많은 벡터 도구는 벡터 경로를 단일 방향으로만 그릴 수 있으며, 원래 시작점에서 끝나는 경우가 많습니다. 벡터 네트워크는 특정 방향을 요구하지 않는다는 점에서 독특합니다. 별도의 경로를 생성하고 결합할 필요 없이 여러 방향으로 분기하는 여러 경로를 가질 수 있습니다.

벡터 네트워크를 사용하여 고유한 도형, 상세한 아이콘, 복잡한 일러스트를 만들어 보세요. 펜 도구를 사용하면 처음부터 자신만의 벡터 네트워크를 정확하게 만들 수 있습니다. 또는 벡터 편집 모드를 사용하여 기본 도형 및 브러시 또는 연필 도구로 그린 벡터 경로를 포함한 모든 벡터 레이어를 수정하여 벡터 네트워크를 만들 수 있습니다. 벡터 편집 모드에 대해 자세히 알아보세요.

펜 도구를 사용하여 벡터 네트워크 생성하기

펜 도구를 사용하면 캔버스에서 원하는 위치에 포인트를 정확하게 배치하여 정밀한 벡터 네트워크를 만들 수 있습니다. 

펜 도구를 사용하려면 다음 지침을 따라주세요.

1. 도구 모음에서 Pen(펜) 도구를 선택하거나 P를 누릅니다.
2. 펜 도구를 벡터 네트워크를 시작하고자 하는 위치에 놓고 클릭하여 첫 번째 포인트를 추가합니다.
3. 펜 도구의 위치를 계속 변경하고 클릭하여 포인트와 경로를 추가합니다. 경로에 곡선을 추가하려면 커서를 클릭하고 드래그하여 곡선의 길이와 경사를 결정합니다. Bend(구부리기) 도구를 사용하여 베지어 핸들이 있는 곡선 경로를 만들 수도 있습니다.
4. 다음 중 하나를 수행하여 경로를 완성합니다.
   • 경로를 닫으려면 펜 도구를 벡터 네트워크의 다른 포인트 위에 놓습니다. 커서 옆에 작은 원이 표시됩니다. 이는 해당 포인트에서 경로가 닫힌다는 것을 나타냅니다. 경로를 닫으려면 클릭합니다.
   • 경로를 열어두려면 Escape 키를 눌러 벡터 네트워크의 선택을 해제합니다.

생성한 후에는 벡터 편집 모드를 사용하여 벡터 네트워크를 계속 다듬고 수정할 수 있습니다. 벡터 편집 모드에 대해 자세히 알아보세요.

끝점에 끝단 추가하기

열려 있는 경로의 엔드포인트에 스타일링을 추가할 수 있습니다. Figma는 선택한 벡터 경로의 유형에 따라 끝단 속성을 다르게 표시합니다.

6가지 유형의 끝단 스타일 중에서 선택할 수 있습니다.

• None(없음): 경로 끝에 끝단이 추가되지 않습니다. 경로는 추가 길이 없이 끝이 사각형 형태로 마감됩니다.
• Line arrow(외곽선 화살표): 엔드포인트 양쪽에 45도 각도를 이루는 외곽선 2개가 추가됩니다. 이는 경로 자체와 동일한 외곽선 두께를 사용합니다. 화살표 머리외곽선의 길이는 변경할 수 없습니다.
• Triangle arrow(삼각형 화살표): 양쪽 엔드포인트에 삼각형 화살촉이 추가됩니다. 경로의 한쪽 끝에만 화살표를 적용하려면 벡터 편집 모드로 전환해야 합니다.
• Reversed triangle(역삼각형): 삼각형 화살표의 반대 방향 또는 반전된 버전으로, 화살표가 경로 안쪽을 향합니다.
• Circle arrow(원형 화살표): 원형 끝단(속이 채워짐)입니다.
• Diamond arrow(다이아몬드 화살표): 다이아몬드 끝단(속이 채워짐)입니다.
• Round(default)(둥근(기본값)): 외곽선의 절반 두께만큼 끝단이 추가되며, 경로 엔드포인트가 너비의 50%만큼 둥글게 처리됩니다.
• Square(사각형): 외곽선의 절반 두께만큼 끝단이 추가되며, 경로의 엔드포인트를 사각형으로 처리합니다.