Export (0) Print
Expand All

Draw shapes and paths in Blend

In Blend, 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. If you want to learn more about vector graphics, see What are Vector Graphics or vector graphics.

In this topic:

You can find shapes in the Assets panel.

Shapes category on the Assets panel

Drag any shape that you want to your artboard. Then, you can use handles on the shape to scale, rotate, move, or skew the shape.

84261e83-3091-4490-ab58-4218b188439e

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.

717956a8-b6a5-4e37-8af3-70bcfc78c82a 8fbbbb21-be83-4cf6-903b-3a49f00c9860

Use the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54, or the Line tool eb618397-5283-48be-8396-3449be7b6fbf.

Using the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54

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 eb618397-5283-48be-8396-3449be7b6fbf

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.

Use the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54.

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.

Use the Direct selection tool 6dd6571f-c116-451d-8dd2-1f88b8406362.

Click the shape, and then drag any point on the shape to change curve shapes.

Use the Pencil tool 509dc167-734f-46c9-b012-987ee63450cd.

On the artboard, draw a free-form path just as you would by using a real pencil.

Use the Direct selection tool 6dd6571f-c116-451d-8dd2-1f88b8406362.

Select the path that contains the segment you want to delete, and then click the Delete button.

Use the Selection tool 2ff91340-477e-4efa-a0f7-af20851e4daa, and the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54.

Use the Selection tool 2ff91340-477e-4efa-a0f7-af20851e4daa to select the path. Then, use the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54 to click the point that you want to remove.

Use the Selection tool 2ff91340-477e-4efa-a0f7-af20851e4daa, and the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54.

Use the Selection tool 2ff91340-477e-4efa-a0f7-af20851e4daa to select the path. Use the Pen tool 894f8612-e0ed-4e00-84cf-a9bc8f38fc54 to click anywhere on the path where you want to add the point.

To modify a shape in the same ways that you modify a path, convert the shape to a path.

Watch a short video: Configure Installed Features Working with paths: Convert a shape to a path.

You can combine paths and shapes into a single path.

2df17a5d-a338-4ef4-96c5-dae51cc1ca8a

B1_1

Two shapes before combining

B1_4

Intersect

B1_2

Unite

B1_5

Exclude Overlap

B1_3

Divide

B1_6

Subtract

Watch a short video: Configure Installed Features Working with paths: Combine paths.

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.

2157a8aa-d9a7-4de4-8de5-b10d28f08a84

Watch a short video: Configure Installed Features Working with paths: Create a compound 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.

22471e98-a841-4f39-a3ef-36090cf5a625

Watch a short video: Configure Installed Features Working with paths: Create a clipping path.

If you’ve found a video or article that’s helped you to create shapes or paths in Blend, please share that with us. After we review the content, we might add a link to it so that others can benefit from your discovery.

If you’d like to suggest a new video, we’d also like to hear from you. If we receive similar requests from others, we’ll create one as our time and priorities permit.

No one knows your business better than you. So please tell us what resources have helped you to create shapes or paths in Blend, and what areas have not been well explained by us, or by anyone in our community, so that we can better evolve our content to help you.

Please share your suggestions here.

Show:
© 2015 Microsoft