Export (0) Print
Expand All

Apply a tile brush to an object's fill or stroke

Expression Studio 4.0
Hh134804.bf9c77b1-ba7a-4f3b-8380-d05728d208d1(en-us,Expression.40).png

A tile brush paints an area with a repeating image or pattern. You can create a tile brush from an image brush, drawing brush, or visual brush.

To create a tile brush, you begin by creating a brush resource. After you create the brush resource, you can apply the brush as a tile brush, and then transform the brush by using the Brush Transform tool.

NoteNote

You cannot specify a value for the TileBrush property in Microsoft Silverlight projects. For more information about working with tile brushes in Silverlight projects, see TileBrush Class Hh134804.xtlink_newWindow(en-us,Expression.40).png on MSDN.

To apply a tile brush to an object's fill or stroke

  1. Add an object to the artboard.

  2. In the Brushes category in the Properties panel, click Brush resources Hh134804.415db740-5a54-48d2-8678-245ccfa7ee8b(en-us,Expression.40).png, and then click one of the following local brush resources:

    tip noteTip

    To determine the type of brush resource, in the Resources panel, hover the mouse pointer over the resource to open a pop-up identifier that displays the brush type.

    The brush appears inside the object on the artboard.

  3. Click Tile brush Hh134804.14623a18-70ab-450f-af01-ae9902d60e4d(en-us,Expression.40).png. The tile brush properties appear. In the Brushes category, set the TileMode property to one of the following:

    • None   The base tile is applied but not repeated. The remaining area is transparent.

      TileBrush TileMode: None / Expression Blend

    • FlipX   The same as Tile except that alternate columns of tiles are flipped horizontally. The base tile itself is not flipped.

      TileBrush TileMode: Flip X / Expression Blend

    • FlipY   The same as Tile except that alternate rows of tiles are flipped vertically. The base tile itself is not flipped.

      TileBrush TileMode: Flip Y / Expression Blend

    • FlipXY   The combination of FlipX and FlipY. The base tile itself is not flipped.

      TileBrush TileMode: FlipXY / Expression Blend

    • Tile   The base tile is drawn and the remaining area is filled by repeating the base tile. The right edge of one tile meets the left edge of the next, and similarly for the bottom and top edges.

      TileBrush TileMode: Tile / Expression Blend

  4. In the Brushes category, set the Stretch property to one of the following:

    • None   The content preserves its original size.

      Tile brush Stretch: None
    • Fill   The content is resized to fill the dimensions of the object. The aspect ratio is not preserved.

      Tile brush Stretch: Fill
    • Uniform   The content is resized to fit the dimensions of the object while preserving the aspect ratio.

      Tile brush Stretch: Uniform
    • UniformToFill   The content is resized to fill the dimensions of the object while preserving the aspect ratio. If the aspect ratio of the destination object differs from the source content, the source content is clipped to fit in the object dimensions.

      Tile brush Stretch: UniformToFill
  5. Optionally, if you are working with an ImageBrush resource, you can change the source image by selecting an alternate image in the ImageSource drop-down list box.

To transform a tile brush applied to an object

  1. With the object selected on the artboard, select Brush Transform Brush Transform tool in the Tools panel.

    tip noteTip

    With the object selected on the artboard, press B to select the Brush Transform tool.

    A blue arrow adorner appears around the rectangle on the artboard.

  2. With the Brush Transform tool selected, do one or more of the following:

    • To move a brush, drag anywhere inside the object. This corresponds to the Transform tab on the RelativeTransform box in the Properties panel.

      TileBrush RelativeTransform Move
    • To rotate a brush, put your pointer outside any corner of the bounding outline around the object and drag when your pointer changes to a rotation handle Hh134804.888cbf6b-c442-424d-977d-61d942703c4a(en-us,Expression.40).png. This corresponds to the Rotate tab on the RelativeTransform box in the Properties panel.

      TileBrush RelativeTransform: Rotate
    • To rescale either a tile brush or radial gradient brush, put your pointer on any handle on the side or corner of the object, and then drag. This corresponds to the Scale tab on the RelativeTransform box in the Properties panel.

      TileBrush RelativeTransform Rescale
    • To skew a brush, put your pointer outside a side handle and drag when your pointer changes to skew handles Hh134804.2be41f49-8a61-4966-bf08-598f4253b610(en-us,Expression.40).png. This corresponds to the Skew tab on the RelativeTransform box in the Properties panel.

      TileBrush RelativeTransform Skew

To remove a tile brush

  • With the object selected on the artboard, click No brush Hh134804.706bbd5c-c0e0-43a1-9604-297f019d0275(en-us,Expression.40).png in the Brushes category of the Properties panel.

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.
Show:
© 2014 Microsoft