Reader Level:
ARTICLE

Design Social Media Icon in Expression Blend 4

Posted by Sonia Bhadouria Vishvkarma Articles | Expression Studio October 01, 2012
We are going to design some Social Networking Icons.
  • 1
  • 0
  • 3191

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 Callout Oval, draw Oval, manage the width & height, background color, stroke color,  margin and shadow effect as shown below:

callout-oval1-in-expression-blend4.png

Step 3

Select Tool-Box -> select Text-Block, write "f" for Facebook,  manage the width & height, foreground color and shadow effect as shown below:

text1-in-expression-blend4.png

Step 4

Follow Step 2 and draw another Oval,  manage the width & height, background color, stroke color,  margin and shadow effect as shown below:

callout-oval2-in-expression-blend4.png

Step 5

Follow Step 3 and write "t" for Twitter, manage the width & height, foreground color and shadow effect as shown below:

text2-in-expression-blend4.png

Step 6

Follow Step 2 and draw another Oval, manage the width & height, background color, stroke color,  margin and shadow effect as shown below:

callou-oval3-in-expression-blend4.png

Step 7

Follow Step 3 and write "g" for Google, manage the width & height, foreground color and shadow effect as shown below:

text3-in-expression-blend4.png

Step 8

Follow Step 2 and draw another Oval, manage the width & height, background color, stroke color,  margin and shadow effect as shown below:

callout-oval4-in-expression-blend4.png

Step 9

Follow Step 3 and write "y" for Yahoo, manage the width & height, foreground color and shadow effect as shown below:

text4-in-expression-blend4.png 

Step 10

Here's the complete Social-Networking icon's Package as shown below:

Complete-Social-Network-Icons-in-Expression-Blend4.png

Summary

Using this article we are able to design Social-Media-Icon's.

 

COMMENT USING

Trending up