Stylish WPF application using Expression Blend

Creating a stylish effect in WPF Using expression Blend 2


Open expression bend and Click on the new project button then Select WPF application Project Type and save it into a folder.





make the background of the Application into black




Add a grid into the Application





align the Grid as you wish





Create a ellipse inside the grid and make the border thickness into 5 and give white color to the border and give background a gradient color so it looks cool.




Add one more ellipse into the grid and place the ellipse inside the ellipse which we created earlier give the border thickness 1 and leave the background color to no brush





Next step is to create a small eclipse in the center of the ellipses and fill white color






And now we draw a needle shape with the pen tool and fill it with red color




Now select the grid which we created First






and then go to TOOLS >>MAKE BRUSH RESOURCE>> MAKE VISUAL BRUSH RESOURCE






now we will get a dialog asking for the name of the brush and give ok. so that the Expression Blend can create a new user brush for us.Now you can see a new Visual brush is created in the resource tab in the right corner.




the use of Visual brush is that when ever we make a change in the content it will be reflected in the brush also.Now create a grid(let us name it as Grid2 for further ref)  below the selected grid and apply this brush by dragging and dropping the brush inside the Grid2.Select the properties of the Grid2 and make the opacity into 25%






Run the application now you can see the Stylish speedometer

ThankYou
Aby Kurian