도형 및 패스 그리기Draw shapes and paths

XAML 디자이너에서 도형은 일반적인 도형이 맞습니다.In XAML Designer, a shape is exactly what you'd expect. (예: 사각형, 원, 또는 타원).For example: a rectangle, circle, or ellipse. 패스 는 도형의 보다 유연한 버전으로A path is a more flexible version of a shape. 도형의 모양을 변경하거나 도형을 결합하는 등 작업을 수행하여 새 도형을 만들 수 있습니다.You can do things like reshape them or combine them together to form new shapes.

도형 및 패스는 벡터 그래픽을 사용하여 고해상도 디스플레이에 맞게 조정됩니다.Shapes and paths use vector graphics so they scale well to high resolution displays. 벡터 그래픽에 대해 자세히 알아보려면 What are Vector Graphics (벡터 그래픽이란) 또는 vector graphics(벡터 그래픽)를 참조하세요.If you want to learn more about vector graphics, see What are Vector Graphics or vector graphics.

항목 내용In this topic:

도형 그리기Draw a shape

도형은 자산 패널에 있습니다.You can find shapes in the Assets panel.

자산 패널의 도형 범주Shapes category on the Assets panel

아트보드에 원하는 모든 도형을 끕니다.Drag any shape that you want to the artboard. 그런 다음 도형에서 핸들을 사용하여 비율 크기를 조정하고 회전, 이동하거나 도형을 기울일 수 있습니다.Then, you can use handles on the shape to scale, rotate, move, or skew the shape.

패스 그리기Draw a path

패스는 일련의 연결된 선 및 곡선입니다.A path is a series of connected lines and curves. 패스를 사용하여 자산 패널에서 사용할 수 없는, 흥미로운 도형을 만들 수 있습니다.Use a path to create interesting shapes that are not available in the Assets panel.

선, 펜 또는 연필을 사용하여 패스를 그릴 수 있습니다.You can draw a path by using a line, pen or pencil. 이러한 도구는 도구 패널에 있습니다.You can find these tools in the Tools panel.

직선 그리기Draw a straight line

도구 도구 를 사용합니다.Use the Pen tool , or the Line tool .

펜 도구 사용 Using the Pen tool

아트보드에서 한 번 클릭하여 시작 점을 정의한 후 다시 클릭하여 줄의 끝을 정의합니다.On the artboard, click once to define the start point, and then click again to define the end of the line.

줄 도구 사용 Using the Line tool

아트보드에서 줄을 시작할 위치에서 마우스를 끌어 줄을 끝낼 지점에서 마우스를 놓습니다.On the artboard, drag from where you want the line to start, and then release at the point where you want the line to end.

곡선 그리기Draw a curve

도구 를 사용합니다.Use the Pen tool .

아트보드에서 한 번 클릭하여 줄의 시작 점을 정의한 후 마우스 포인터를 클릭한 상태에서 끌어 원하는 곡선을 만듭니다.On the artboard, click once to define the start point of a line, and then click and drag your pointer to create the desired curve.

패스를 닫으려면 줄에서 처음 지점을 클릭합니다.If you want to close the path, click the first point on the line.

곡선의 모양 변경Change the shape of a curve

직접 선택 도구 를 사용합니다.Use the Direct selection tool .

도형을 클릭하고 도형에서 아무 점을 마우스로 끌어 곡선 모양을 변경합니다.Click the shape, and then drag any point on the shape to change curve shapes.

자유형 패스 그리기Draw a free-form path

연필 도구 를 사용합니다.Use the Pencil tool .

아트보드에서 실제 연필을 사용하는 것처럼 자유형 패스를 그립니다.On the artboard, draw a free-form path just as you would by using a real pencil.

패스의 일부 제거Remove part of a path

직접 선택 도구 를 사용합니다.Use the Direct selection tool .

삭제할 세그먼트가 있는 패스를 선택한 후 삭제 단추를 클릭합니다.Select the path that contains the segment you want to delete, and then click the Delete button.

패스에서 점 제거Remove a point in a path

선택 도구 도구 를 사용합니다.Use the Selection tool , and the Pen tool .

선택 도구 를 사용하여 패스를 선택합니다.Use the Selection tool to select the path. 그런 다음 도구 를 사용하여 제거하려는 점을 클릭합니다.Then, use the Pen tool to click the point that you want to remove.

패스에 점 추가Add a point to a path

선택 도구 도구 를 사용합니다.Use the Selection tool , and the Pen tool .

선택 도구 를 사용하여 패스를 선택합니다.Use the Selection tool to select the path. 도구 를 사용하여 패스에서 점을 추가할 위치를 클릭합니다.Use the Pen tool to click anywhere on the path where you want to add the point.

도형을 패스로 변환Convert a shape to a path

패스를 수정하는 방법과 같은 방법으로 도형을 수정하려면 도형을 패스로 변환합니다.To modify a shape in the same ways that you modify a path, convert the shape to a path.

짧은 비디오 보기: 설치된 기능 구성 Working with paths: Convert a shape to a path(패스 사용: 도형을 패스로 변환).Watch a short video: Configure Installed Features Working with paths: Convert a shape to a path.

패스 결합Combine paths

패스 및 도형을 하나의 패스로 결합할 수 있습니다.You can combine paths and shapes into a single path.

결합하기 전의 두 도형Two shapes before combining 교차Intersect
통합Unite 겹침 제외Exclude Overlap
나누기Divide 빼기Subtract

짧은 비디오 보기: 설치된 기능 구성 Working with paths: Combine paths(패스 사용: 패스 결합).Watch a short video: Configure Installed Features Working with paths: Combine paths.

복합형 패스 만들기Create a compound path

복합형 패스를 만들 때 패스의 교차되는 부분은 결과에서 제외되며, 결과 패스는 맨 아래 패스의 시각적 속성을 사용합니다.When you create a compound path, any intersecting parts of the paths are subtracted from the result, and the resulting path takes on the visual properties of the bottommost path.

복합형 패스를 만든 후 언제든지 분리할 수 있습니다.You can break apart a compound path any time after you create it.

짧은 비디오 보기: 설치된 기능 구성 Working with paths: Create a compound path(패스 사용: 복합형 패스 만들기).Watch a short video: Configure Installed Features Working with paths: Create a compound path.

클리핑 패스 만들기Create a clipping path

클리핑 패스는 다른 개체에 적용되는 패스나 도형이며, 개체에서 클리핑 패스를 벗어나는, 마스킹된 개체 부분을 숨깁니다.A clipping path is a path or shape that is applied to another object, hiding the parts of the masked object that fall outside the clipping path.

짧은 비디오 보기: 설치된 기능 구성 Working with paths: Create a clipping path(패스 사용: 클리핑 패스 만들기).Watch a short video: Configure Installed Features Working with paths: Create a clipping path.

참고 항목See Also

Blend for Visual Studio를 사용하여 UI 만들기Creating a UI by using Blend for Visual Studio