SIGN UP MEMBER LOGIN:    
ARTICLE

Creating Logo Using Expression Design 4

Posted by Nipun Tomar Articles | Expression Studio February 04, 2011
Creating a logo is not easy without Photoshop but Microsoft Expression Design 4 make it possible.
Reader Level:

Every company needs a physical recognition to display itself and that is where the need of a logo design is felt. A logo is a good approach to represent a business and also easy to remember. Your logo needs to be exceptional that stands out in the market among all the competitors. Creating a logo is not easy without Photoshop but Microsoft Expression Design 4 makes it possible.

So, let's try to create a Logo for C# corner:

Step 1: Open a New Document in Expression Design and from the tools select the Polygon:

ExpDesign1.gif

  • Draw three polygons of the following width and Height:

    ExpDesign2.gif

  • Adjust all of them by changing the Angle to make a triangle :

    ExpDesign3.gif
     
  • Select the left polygon and fill it using Gradient :

    Select the gradient from the Properties -> Fill -> More Swatches -> Categories -> Gradients :

    I have selected the last gradient of the first row.

    ExpDesign4.gif
     
  • Now Change the colors of the gradient by changing the Red "R", Green "G" and Blue "B" Color:

    ExpDesign5.gif
     
  • Repeat the same Procedure for the other two polygons:

    Note: Yellow color will be same for all polygons.

    ExpDesign6.gif

    ExpDesign7.gif
     
  • Remove the stroke from all the three polygons:

    ExpDesign8.gif
     
  • There is Text tool in the tool panel ExpDesign9.gif; select it and write C# Corner as under:

    ExpDesign10.gif

    Now, change the properties of the text shown on the righthand side of the window :

    C and Corner should be written using the following properties :

    ExpDesign11.gif

    Your design would be like this :

    ExpDesign12.gif
     
  • Let's change the color of the text; apply the shadow effect to it:

    For color effect select Text and change the Fill property:

    ExpDesign13.gif


For Shadow effects select all the objects and Goto Effects -> fx(Add Effects) -> Effects -> Drop Shadow:

ExpDesign14.gif

To have dull effects of shadow:

ExpDesign15.gif

Remove the shadow effect from "#":

ExpDesign16.gif

Logo in Different Styles:

ExpDesign17.gif
 

Login to add your contents and source code to this article
share this article :
post comment
 

Very Illustrative

Posted by Vishal Nayan Feb 04, 2011
Nevron Gauge for SharePoint
Become a Sponsor
PREMIUM SPONSORS
  • Finally – a virtual platform that delivers next-generation Windows Server 2008 Hyper-V virtualization technology from a managed hosting partner you can truly depend on. Visit www.maximumasp.com/max for a FREE 30 day trial. Hurry offer ends soon. Climb aboard the MaxV platform and take advantage of High Availability, Intelligent Monitoring, Recurrent Backups, and Scalability – with no hassle or hidden fees. As a managed hosting partner focused solely on Microsoft technologies since 2000, MaximumASP is uniquely qualified to provide the superior support that our business is built on. Unparalleled expertise with Microsoft technologies lead to working directly with Microsoft as first to offer IIS 7 and SQL 2008 betas in a hosted environment; partnering in the Go Live Program for Hyper-V; and product co-launches built on WS 2008 with Hyper-V technology.
    Get 2 Months Free of ASP.NET Hosting for Only $4.95/month! Receive FREE MS SQL and MySQL Databases Including ASP.NET 4/3.5, MVC 3.0, Silverlight 4, Windows 2008/IIS 7.0 Plus FREE IIS 7 Modules. Host UNLIMITED ASP.NET Web Sites - Click Here!
Nevron Gauge for SharePoint
Become a Sponsor