Use of Callout Shapes and Text Property in Expression Blend 4

Step 1: Open Expression Blend 4 -> Select Silverlight Application + Web -> Change Name and Location accordingly -> hit OK. A Blank Window appears on the Artboard.

Step 2: Select Shapes -> Select Callout from Shapes or Assets located to the Top Left of the Workspace as shown below:

Step 3: Select Callout Cloud -> Draw a Callout Cloud Shape which looks like Speech Bubbles as shown below:

Note: Here, using Fill Property and Stroke Property from Brushes Property of Property Panel located to the right of the Workspace we can make our Shape Colorful as shown below:

callout-cloud color.png

Step 4: Click on Callout Word and change the Text accordingly as shown below:

Step 5: Select Text Property located to the right of the Workspace as shown below:

Note: The Text Property contains 5 properties; Font Manger, Paragraph, Line Indent, FontStyle and FontWeight.

Step 6: Change the Font, Font Size, Bold-Italic-Underline Property, FontStyle and FontWeight and see the effect as shown below:

Step 7: The Callout Cloud Image looks like this:

Step 8: Select Callout Oval Shape and draw a Callout Oval Shape and see the effect as shown below:

Note: Here, using Fill Property, Stroke Property and Text Property from the Property Panel located to the right of the Workspace we can manage our shape as shown below:

Note: Here, we can change the color of text also by using the Foreground Property from the Brushes Property of the Property Panel as shown below:

callout oavl.png

Step 9: Select Callout Rectangular Shape and draw a rectangle as shown below:

Note: Here, using the Fill Property, Stroke Property, Foreground Property and Text Property from the Property Panel located to the right of the Workspace we can manage our shape as shown below:

Step 10: Select the Callout Rounded Rectangle Shape and Draw a Shape as shown below:

Note: Here, using Fill Property, Stroke Property, Foreground Property and Text Property from Property Panel located to the Right of the Workspace we can manage our shape as shown below:

Step 11: Here we are going to see the Properties of FontWeight as shown below:

Select Black Property, Bold Property, Extra Black Property and Extra Bold Property and see the effect as shown below:

Select Extra Light Property, Light Property, Medium Property and Normal Property and see the effect as shown below:

Select SemiBold Property and see the effect as shown below:

Select Thin Property and see the effect as shown below:

Summary
Through this article we are able to learn the usage of Callout Shape in Expression Blend 4.