ARTICLE

Use of Callout Shapes and Text Property in Expression Blend 4

Posted by Sonia 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.

Login to add your contents and source code to this article
comments
COMMENT USING
PREMIUM SPONSORS
DynamicPDF™ product line allows you to dynamically generate PDF documents, merge PDF documents and add new content to existing PDF documents from within your applications.
SPONSORED BY
  • PDF reports have never been easier to create. With our included WYSIWYG Designer, you can layout your reports, set up your data source and let DynamicPDF ReportWriter do the rest.
Join a Chapter