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 andshadow-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 andshadow-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 andfont 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.

Comments