UXPin을 사용하면 미리 정의된 도형을 사용할 뿐만 아니라 강력한 그리기 도구인 펜과 연필을 사용하여 독특한 도형을 그릴 수 있습니다.
빠른 도구 메뉴에서 Pen (펜) 아이콘을 선택하고 캔버스의 아무 곳이나 클릭하여 첫 번째 점을 추가합니다. 그런 다음 다른 위치를 클릭하여 두 번째 점을 추가합니다. 다음 점을 추가할 때는 클릭 및 드래그로 곡선을 그립니다. 첫 번째 점을 클릭하여 경로를 닫습니다. 또는 Enter 또는 Esc를 눌러 경로를 열어 둡니다.
<aside> 💡 힌트 열린 도형을 색상이나 이미지로 채우면 패스를 닫을 때와 같은 효과를 얻을 수 있습니다.
</aside>
https://uxpincommunity.cdn.prismic.io/uxpincommunity%2Fbebfbcb0-134e-4007-bc41-a41eb96e7e9f_pentool-heart.mp4
펜 도구로 심장을 그리려면 먼저 사각형으로 시작해야 합니다.
경로를 선택하고 더블 클릭하면 편집 모드로 들어갑니다. 이 모드에서는 개별 점, 선 또는 모양 전체의 속성을 선택, 조정 및 변경할 수 있습니다. 경로가 곡선이면 편집 모드에서 이미 양쪽에 핸들이 있습니다. 모서리에 핸들이 없으면 포인트를 두 번 클릭하여 핸들을 표시하고 곡선 유형을 Bézier (베지어)로 변경합니다.
https://uxpincommunity.cdn.prismic.io/uxpincommunity%2F163df3f1-73bb-4cd0-bf79-92e0329a74f8_edit-shape.mp4
<aside> 💡 힌트 닫힌 벡터 도형에서 선을 분리할 수 있습니다. 도형을 편집할 때 Option/Alt를 누른 상태에서 선을 클릭하여 선을 잘라낼 수 있습니다.
</aside>
점에는 straight (직선), mirrored (거울대칭), asymmetric (비대칭), disjointed (분리)의 4종류가 있습니다. 기본설정으로 캔버스에 배치된 각 점은 **Straight (직선)**으로 설정됩니다.