Apply a tile brush to an object's fill or stroke
.png "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.
Note
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 .png "Hh134804.xtlink_newWindow(en-us,Expression.40).png")
on MSDN.
To apply a tile brush to an object's fill or stroke
Add an object to the artboard.
In the Brushes category in the Properties panel, click Brush resources
.png "Hh134804.415db740-5a54-48d2-8678-245ccfa7ee8b(en-us,Expression.40).png")
, and then click one of the following local brush resources:ImageBrush An image brush paints an area with an image. For more information on creating an image brush, see Convert an image to a reusable ImageBrush resource.
VisualBrush A visual brush paints an area with a visual that can be updated during runtime if the brush is created from a panel that contains animations or interactive controls. For more information on creating a visual brush, see Convert objects into a reusable VisualBrush resource.
DrawingBrush A drawing brush paints an area with a drawing, which can include shapes, text, video, images, or other drawings. For more information on creating a drawing brush, see Convert objects into a reusable DrawingBrush resource.
Tip
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.
Click Tile brush
.png "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.
.png "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.
.png "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.
.png "TileBrush TileMode: Flip Y / Expression Blend")
FlipXY The combination of FlipX and FlipY. The base tile itself is not flipped.
.png "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.
.png "TileBrush TileMode: Tile / Expression Blend")
In the Brushes category, set the Stretch property to one of the following:
None The content preserves its original size.
.png "Tile brush Stretch: None")
Fill The content is resized to fill the dimensions of the object. The aspect ratio is not preserved.
.png "Tile brush Stretch: Fill")
Uniform The content is resized to fit the dimensions of the object while preserving the aspect ratio.
.png "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.
.png "Tile brush Stretch: UniformToFill")
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
With the object selected on the artboard, select Brush Transform
.png "Brush Transform tool")
in the Tools panel.Tip
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.
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.
.png "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
.png "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..png "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.
.png "TileBrush RelativeTransform Rescale")
To skew a brush, put your pointer outside a side handle and drag when your pointer changes to skew handles
.png "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..png "TileBrush RelativeTransform Skew")
To remove a tile brush
- With the object selected on the artboard, click No brush
.png "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.