ARTICLE

Use of Callout Shapes and Text Property in Expression Blend 4

Posted by Sonia Bhadouria Vishvkarma Articles | Expression Studio July 26, 2012
We are going to see the use of Callout Shapes in Expression Blend 4. Callout Shape is divided into 4 parts; they are; Callout Cloud, Callout Oval, Callout Rectangular and Callout Rounded Rectangular.
Reader Level:

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:

1.png

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

2.png

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:

3.png

callout-cloud color.png

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

4.png

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

5.png

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:

6.png

7.png

Step 7: The Callout Cloud Image looks like this:

8.png

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

9.png

10.png

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:

11.png

12.png

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:

13.png

14.png

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:

15.png

16.png

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

17.png

18.png

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:

19.png

20.png

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

21.png

  • Select Black Property, Bold Property, Extra Black Property and Extra Bold Property and see the effect as shown below:
22.png
  • Select Extra Light Property, Light Property, Medium Property and Normal Property and see the effect as shown below:
23.png
  • Select SemiBold Property and see the effect as shown below:
24.png
  • Select Thin Property and see the effect as shown below:
25.png

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

COMMENT USING