Recommended

Skip Navigation LinksHome / Search

Search

 
Results Per Page

Found 3 results for Blur.
Date between: <not defined> and <not defined>
Search in: News , Articles , Tips , Shows , Showcase , Books

Order by Publish Date   Ascending |  Title   |  Rating  

  • Using Blurs and Shadows in Blend

    0 comments  /  posted by  Silverlight Show  on  Oct 09, 2009 (8 months ago)
    Tags: Effects , Shadow , Blur , Pixel Shaders , Expression Blend 3 , Silverlight 3
    In this post Gavin Wignall explains about the blur and the shadow effects that are available in the Expression Blend 3 tool.

    Silverlight 3 introduced the ability to use Pixel Shaders with 2 native effects built in and available in the Expression Blend 3 tool. The two Pixel Shaders that Blend currently offers are ‘Drop Shadow‘ and ‘Blur‘. The Drop Shadow effect is even able to convert Photoshop Drop Shadow effects reasonably well through the new ‘Import Adobe Photoshop File‘ feature.

    Both the ‘Blur‘ and ‘DropShadow‘ effect will work on any item inside your project, including vector shapes, text and images (even with transparent areas).



  • Using Blur and DropShadow effects in Silverlight 3

    5 comments  /  posted by  Nikolay Raychev  on  Apr 02, 2009 (more than a year ago)
    Tags: Pixel Shaders , Blur , DropShadow , Silverlight , XAML , Nikolay Raychev , Silverlight 3
    Silverlight 3 comes with two built in Pixel Shaders:

    We have the following image:



    We want to blur it:

    <Image Width="300"   
        Source="http://terraristic.net/photos/  
        Brachypelma_albiceps/Brachypelma_albiceps_1.jpg"> 
        <Image.Effect>
            <BlurEffect Radius="8"></BlurEffect>
        </Image.Effect>
    </Image> 

    We have the following result:



    Note the Radius parameter. The bigger the radius is, the more blurred the picture is.

    Now let's make a shadowed picture:

    <Image Width="300"   
        Source="http://terraristic.net/photos/  
        Brachypelma_albiceps/Brachypelma_albiceps_1.jpg"> 
        <Image.Effect>
            <DropShadowEffect BlurRadius="30" Color="Gray"
                Direction="-45" Opacity="0.5" ShadowDepth="20">
            </DropShadowEffect>
        </Image.Effect> 
    </Image> 

    The result:

     

    The DropShadow effect has several parameters:
    • BlurRadius - the bigger the radius is, the more blurred the shadow is.
    • Color - the shadow color.
    • Direction - an angle specifying the direction of the shadow. If you set it to zero the shadow will fall on the right side.
    • Opacity - the shadow opacity.
    • ShadowDepth - it specifies how far (deep) from the picture the shadow will appear.

    You can define your own Pixel Shaders using a special language called HLSL. But this is beyond the scope of this tip.

  • Using Blur to Make Dialogs Pop in Silverlight 3

    0 comments  /  posted by  Silverlight Show  on  Mar 24, 2009 (more than a year ago)
    Tags: Blur , Silverlight 3 , Effects
    Pete Brown will show you how to use a blur effect to make dialogs pop in Silverlight 3.

    When an application needs to display a dialog, there needs to be something to make the user immediately focus on that dialog, even when there are lots of other elements on the screen

    Most AJAX applications dim the screen behind a dialog by using a semi-transparent overlay. That certainly works well, but another effect to consider is a blur effect.


Help us make SilverlightShow even better and win a free t-shirt. Whether you'd like to suggest a change in the structure, content organization, section layout or any other aspect of SilverlightShow appearance - we'd love to hear from you! Need a material (article, tutorial, or other) on a specific topic? Let us know and SilverlightShow content authors will work to have that prepared for you. (hide this)