모양 도구

이 기능을 사용할 수 있는 사용자

모든 요금제에서 지원됩니다.

디자인 파일에 대한 편집 가능 권한이 있는 사람은 누구나 모양 도구를 사용할 수 있습니다.

모양은 주어진 디자인에서 레이어의 대부분을 구성합니다. 다음 모양 도구를 기본 구성 요소로 사용하세요.

• 직사각형
• 선
• 화살표
• 타원
• 다각형
• 별

이러한 도구는 도구 모음의 Shape tools 메뉴에서 액세스할 수 있습니다. 직사각형 옆에 있는 화살표를 클릭하여 메뉴를 엽니다.

모양으로 작업할 때 다음 단축키를 사용할 수 있습니다.

• 드래그할 때 Shift 키를 누른 상태로 완벽한 사각형, 원형, 다각형을 만들 수 있습니다.
• Option / Alt 키를 누른 상태로 중앙에서 모양을 만들고 크기를 조정할 수 있습니다.
• 두 가지 액션을 수행하려면 Shift 와 Option / Alt 키를 동시에 누릅니다.

직사각형

직사각형 도구를 사용하여 직사각형과 정사각형을 모두 만들 수 있습니다.

1. 도구 모음에서 직사각형 도구를 선택하거나 R 키를 누릅니다.
2. 캔버스에서 한 지점을 클릭하고 드래그하여 직사각형을 만듭니다. 직사각형의 크기는 아래쪽 가장자리 아래에서 확인할 수 있습니다.
3. 모양의 각 모서리에 핸들이 있어 원하는 대로 모양의 크기를 조정할 수 있습니다.
   

   

모서리 반경 조정

직사각형에는 일반 핸들 외에도 각 모서리 안쪽에 4개의 원형 핸들이 있습니다. 이 핸들을 사용하면 모서리를 조정하여 직사각형의 모서리를 둥글게 만들 수 있습니다. 더 알아보기 → 

선

선 도구를 사용하면 원하는 방향으로 선을 만들 수 있습니다. 선은 디자인 내에서 콘텐츠를 분리하거나 CSS 테두리를 시뮬레이션하는 효과적인 방법입니다.

1. 모양 도구에서 선 도구를 선택하거나 L을 누릅니다.
2. 캔버스의 한 지점을 클릭하고 원하는 방향으로 드래그하여 선을 만듭니다.
3. 오른쪽 사이드바의 Stroke 섹션에서 모양을 변경할 수 있습니다. 여기에는 색상, 위치, 두께, 스타일, 끝점 팁 또는 캡이 포함됩니다. 더 알아보기 →

   

점선 생성

대시의 길이와 대시 사이의 간격을 모두 지정할 수 있습니다.

1. 선을 그리거나 선택합니다.
2. 오른쪽 사이드바의 Stroke 섹션에서 를 선택하여 Advanced stroke settings 메뉴를 엽니다.
3. Dash 와 Gap 필드에 원하는 길이를 입력합니다.

화살표

화살표 도구를 사용하면 단면 및 양면 화살표를 그릴 수 있습니다. 화살표 끝점의 팁이나 캡을 사용자 지정할 수 있습니다.

1. 모양 도구 메뉴에서 화살표 도구를 선택하거나 단축키 ⇧ Shift L을 사용합니다.
2. 캔버스의 한 지점을 클릭하고 원하는 방향으로 드래그하여 화살표를 만듭니다.

선 도구와 마찬가지로 Stroke 속성을 조정할 수 있습니다. 더 알아보기 →

타원과 원

타원 도구를 사용하여 타원과 원을 모두 그립니다. 그대로 사용하거나 조작하여 곡선이 있는 사용자 지정 모양을 만들 수 있습니다.

1. 모양 도구 메뉴에서 타원 도구를 선택하거나 O를 누릅니다.
2. 캔버스에서 한 지점을 선택하고 원하는 방향으로 드래그하여 타원을 만듭니다. 모양의 크기는 레이어 아래에 파란색으로 표시됩니다.
3. 타원 주위에 파란색 바운딩 박스가 나타나고 각 모서리에 핸들이 있습니다. 이 핸들로 모양 크기를 조정할 수 있습니다.
   

   

다각형

다각형 도구를 사용하면 여러 직선으로 구성된 둘러싸인 모양을 그릴 수 있습니다.

다각형 도구의 기본 모양은 삼각형이지만 개체에 추가 점을 추가하여 나만의 사용자 지정 다각형을 만들 수 있습니다.

1. 모양 메뉴에서 다각형 도구를 선택합니다.
2. 캔버스에서 위치를 선택하고 드래그하여 다각형을 만듭니다. 모양의 크기는 개체 아래에 파란색으로 표시됩니다.
3. 모양 주위의 파란색 바운딩 박스에는 각 모서리에 핸들이 있습니다. 이 핸들로 원하는 대로 모양의 크기를 조절할 수 있습니다.
4. 다각형 레이어를 더블 클릭하여 개체 편집 모드로 들어갑니다. 이를 통해 다각형에 점을 더 추가하고 각 점을 개별적으로 조작할 수 있습니다.
   

   

5. 다각형의 모서리도 둥글게 만들 수 있습니다. 반경 이 표시될 때까지 모서리에 있는 핸들 위에 마우스를 올려 놓습니다. 모서리를 둥글게 만들려면 핸들을 클릭하고 개체 중앙으로 드래그합니다.

다각형 및 바운딩 박스

다각형(이 경우 삼각형)을 그릴 때 모양 주변의 파란색 바운딩 박스가 모양 하단 아래에 있는 것을 보셨을 것입니다.

이렇게 하면 다각형에 점을 추가할 때 바운딩 박스의 모양이나 크기를 일정하게 유지할 수 있습니다. 바운딩 박스를 모양의 실제 경계에 맞추려면 모양을 평평하게 만들 수 있습니다.

모양을 마우스 오른쪽 버튼으로 클릭하고 Flatten을 선택하거나 키보드 단축키를 사용합니다.

• Mac: Command E
• Windows: Ctrl + E

별

별 도구는 별 모양으로 배열된 다각형을 만듭니다. 별 레이어를 만들면 기본적으로 10개의 변과 5개 꼭짓점을 가진 별이 됩니다.

1. 모양 도구 메뉴에서 별 도구를 선택합니다.
2. 캔버스에서 위치를 선택하고 원하는 방향으로 드래그하여 별을 만듭니다.
   

   

3. 이제 별을 조작하는 데 사용할 수 있는 핸들이 세 개 생겼습니다.
   
   • Count: 별에 몇 개의 점이 있는지 나타냅니다. 최소값은 3이고 최대값은 60입니다.
   • Ratio: 별의 중심에서 안쪽 점까지의 거리. 이는 별의 지름에 대한 백분율로 표현됩니다.
   • Radius: 별의 점을 둥글게 만들 수 있습니다.