electric beach

Christian Schormann

Saturday, August 23, 2008

Cutting Shapes in Expression Blend

Somebody asked the other day how one can cut a shape in Blend. Blend doesn’t currently have a scissor tool, but Blend has a set of geometric operations that can be used for this.

Suppose we have a shape like this:

Shape

And now suppose you want to cut this shape into two fitting halves. Let’s try this in a couple of ways.

Using Combine Operations

The Combine operations in the Object menu can be used for all kind of things: To glue shapes together, to cut holes, to create individual overlap, or to divide objects into pieces.

We want to do just that – divide up the shapes along one or more cutting lines. Let’s start with a simple straight cut. To do that, just draw a cut shape over the shape you want to cut:

CutShape 

Just for better visibility, I made the cut shape semi-transparent, but the color of the cut shape really does not matter.

Now select both shapes, first the cut shape and then the shape to cut. The order matters only because the result takes the color from the second selected shape.

Now select Object>Combine>Divide.

The result of this is a compound path – basically a group of path elements glued together:

AfterCombineDivide

You can take apart the compound path by selecting Object>Path>Release Compound Path or pressing Ctrl-Shift-8:

ReleasedPath 

Here is an exploded view:

ExplodedCompound

So just delete the unwanted part, and you are left with the two halves desired.

DividedShape

Complex Cuts

The technique shown above is more interesting with complex cutting shapes, instead of the simple rectangle.

ComplexCut

Performing the cut, and moving the resulting pieces apart:

ExplodedComplex 

Cutting with Sub-Selection and Path Tools

Another way of cutting a shape is to use the sub-selection tool. Pick the sub-selection tool from the toolbar:

Toolbar

You can now select the sections you want to cut:

ShapeSel

And press delete:

ShapeCut

To close the shape, pick the pen tool and click on the to open end vertices 1 and 2:

PenTool

ShapeCutCloseAnot

posted by cs at 21:04  

5 Comments

  1. [...] 译自ElectricBeach [...]

    Pingback by Mdong·s Space » Blog Archive » 在Blend中裁剪图形 — August 24, 2008 @ 17:52

  2. [...] Cutting Shapes in Expression Blend (Christian Schormann) [...]

    Pingback by Dew Drop - August 25, 2008 | Alvin Ashcraft's Morning Dew — August 25, 2008 @ 05:20

  3. [...] Christian Schormann wrote a nice post outlining how to use many of these geometric operations to slice and dice your vector content, so check it out from the following link: http://electricbeach.org/?p=135 [...]

    Pingback by Expression Blend and Design : Cutting Shapes in Expression Blend — August 26, 2008 @ 11:21

  4. [...] the TagCloud Mark Monster revisits his Silverlight Tag Cloud and provides some nice modifications. Cutting Shapes in Expression Blend Christian Schormann has a very nice tutorial on Cutting Shapes apart in Expression Blend. Seriously [...]

    Pingback by Silverlight Cream for August 25, 2008 -- #355 — September 2, 2008 @ 09:40

  5. [...] public links >> blend Time Lapse Mushroom Video First saved by noahlandow | 4 days ago Cutting Shapes in Expression Blend First saved by esmtz | 9 days ago A few days late and a couple of medals short… First saved [...]

    Pingback by Recent Faves Tagged With "blend" : MyNetFaves — May 2, 2009 @ 13:35

RSS feed for comments on this post. TrackBack URI

Sorry, the comment form is closed at this time.

Powered by WordPress