Design Calendar in Expression Blend 4

Step 1

Open Expression Blend 4 -> select Silverlight-Application -> select Silverlight-Application -> change Name and Location accordingly -> hit OK.

Step 2

Select Assets -> select Shapes -> select Rectangle, draw an rectangle, manage the width & height, background color, margin and shadow-effect as shown below:

rectangle-in-expression0blend4.png

Step 3

Select Text-Box from the Toolbox, enter a Month-Name according to your choice to the left of the rectangle shape and 2008 to the right of the rectangle shape, manage the width & height, font family and font size as shown below:

textbox-in-expression-blend4.png

Step 4

Select Assets -> select Shapes -> select Ellipse, draw an ellipse as the Handler for the calendar, manage the width & height, background color, margin and shadow-effect as shown below:

ellipse-in-expression-blend4.png

Step 5

Again follow Step 4 and draw an inner ellipse, manage the width & height, background color, margin and shadow-effect as shown below:

inner-ellipse-in-expression-blend4.png

Step 6

Again follow Step 2, draw another Rectangle, manage the width & height, background color, margin and shadow-effect as shown below:

inner-rectangle-in-expression-blend4.png

Step 7

Again follow Step 3, enter month dates according to your choice, manage the width & height, font family and font size as shown below:

Month-Dates-in-expression-blend4.png

Here's the Final image of the Calendar as shown above.

Note: In this manner we can design the complete Calendar Icon using controls.

Summary

This article shows the use of Rectangle and Ellipse Controls for Creative Designing.


Similar Articles