PhotoFrame Using Expression Design 4



In the era of the digital revolution websites play vital roles in enhancing businesses by connecting new customers in the world. In Microsoft Expression Design, it is very easy to create modern standard based web sites, streaming video, and Web graphics. It is used for optimizing photos and images to add to websites and other creative endeavors.

Here I am creating a Photo Frame Using Expression Design and presenting to you as an article hoping that it may be useful for you.

  1. Open Microsoft Expression Design 4 and click on tab File -> New to open a new document, rename the document as "PhotoFrame" setting the height = width= 480.

    1.gif
     
  2. Select a rectangle from the toolbar and draw it with same height and width as of your document.

     
  3. Change the properties of your rectangle

    In the properties pane -> Appearance choose fill property and click on the More swatches dropdown arrow which is behind the colors. A list of different color designs occurred.

    2.gif
     
  4. Go to Categories -> Color fill Images and select Green Bark: GRNBARK.png.

    3.gif

    So that our rectangle should be like this:

    4.gif
     
  5. Now click on stroke and choose Ribbon stroke from Design Elements i.e. Categories -> Design Elements -> Ribbon and set the width of a Ribbon = 30.

    5.gif
     
  6. The design of your window is as under :

    6.gif

  7. Copy-Paste a rectangle, resize it slightly smaller than the previous and place it in between the first rectangle. Apply the same procedure to your second Rectangle as the First one. The Only Change is Appearance -> Fill -> More Swatched->Categories -> Beadwork: misc99.png. The output is :

    7.gif

    Note: You can change the Stroke and fill according to your choice. For Example:

    8.gif
     
  8. Now Copy the xaml by clicking on Edit tab and paste it in Expression Blend :

    9.gif

    The Blend window should be like this:

    10.gif
     
  9. You can also add Image to it as I have done :

    Running Window:

    11.gif
     

erver'>