Comments on: WPF tutorial: Image reflection effect in WPF with Expression Blend http://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/ User experience, usability, IA, Silverlight and WPF tutorials and articles Mon, 30 Jan 2012 14:53:38 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: tweet annehttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-165656 tweet anne Mon, 13 Jun 2011 12:34:12 +0000 http://www.uxpassion.com/?p=951#comment-165656 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">http://tinyurl.com/43qk89o Image reflection effect in WPF with Expression Blend - Tutorial</span></span> http://tinyurl.com/43qk89o
Image reflection effect in WPF with Expression Blend – Tutorial

]]> By: ecohttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-51783 eco Tue, 13 Jul 2010 06:33:09 +0000 http://www.uxpassion.com/?p=951#comment-51783 thanks... nice tutorial thanks…
nice tutorial

]]> By: UXPassion.comhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-48843 UXPassion.com Wed, 23 Jun 2010 16:29:29 +0000 http://www.uxpassion.com/?p=951#comment-48843 Not sure that is really possible or supported with WPF! Not sure that is really possible or supported with WPF!

]]> By: temp5556http://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-48721 temp5556 Tue, 22 Jun 2010 15:06:44 +0000 http://www.uxpassion.com/?p=951#comment-48721 Very good article, I was wondering how to create reflection effect for window ( application itself ) ?Thanks in advance. Very good article, I was wondering how to create reflection effect for window ( application itself ) ?

Thanks in advance.

]]> By: Mohithttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-47700 Mohit Wed, 16 Jun 2010 09:09:35 +0000 http://www.uxpassion.com/?p=951#comment-47700 hi, Very very nice explain hi,
Very very nice explain

]]> By: UXPassion.comhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-34771 UXPassion.com Mon, 08 Mar 2010 02:47:51 +0000 http://www.uxpassion.com/?p=951#comment-34771 You should be able. What specific scenario you have in mind? Maybe we can help you! You should be able. What specific scenario you have in mind? Maybe we can help you!

]]> By: Hedihttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-34214 Hedi Sun, 28 Feb 2010 11:06:35 +0000 http://www.uxpassion.com/?p=951#comment-34214 hi, Very nice explanation can i use the image with the reflection effect as SplashScreen ??? hi,
Very nice explanation
can i use the image with the reflection effect as SplashScreen ???

]]> By: Saravananhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-30857 Saravanan Wed, 03 Feb 2010 12:43:16 +0000 http://www.uxpassion.com/?p=951#comment-30857 Very nice explanation and simple to understand.... Keep up the good work... Very nice explanation and simple to understand…. Keep up the good work…

]]> By: Sara Silvahttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-29210 Sara Silva Thu, 21 Jan 2010 10:40:35 +0000 http://www.uxpassion.com/?p=951#comment-29210 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">WPF tutorial: Image reflection effect in WPF with Expression Blend: http://bit.ly/8E7Rc2</span></span> WPF tutorial: Image reflection effect in WPF with Expression Blend: http://bit.ly/8E7Rc2

]]> By: DaveCShttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-28238 DaveCS Thu, 14 Jan 2010 12:53:33 +0000 http://www.uxpassion.com/?p=951#comment-28238 Very nice. Thank You Very nice. Thank You

]]> By: Taekyun Kimhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-18746 Taekyun Kim Fri, 23 Oct 2009 00:12:07 +0000 http://www.uxpassion.com/?p=951#comment-18746 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">Image reflection effect in WPF with Expression Blend - Tutorial http://bit.ly/tsQTH</span> <div class="topsy_trackback_links">[<a rel="nofollow" href="http://twitter.com/itshooter/status/5083631905">Original tweet</a>, <a rel="nofollow" href="http://topsy.com/tb/www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/">Topsy page</a>]</div></span> Image reflection effect in WPF with Expression Blend – Tutorial http://bit.ly/tsQTH

[Original tweet, Topsy page]

]]> By: Taekyun Kimhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-25013 Taekyun Kim Thu, 22 Oct 2009 22:12:07 +0000 http://www.uxpassion.com/?p=951#comment-25013 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">Image reflection effect in WPF with Expression Blend - Tutorial http://bit.ly/tsQTH</span></span> Image reflection effect in WPF with Expression Blend – Tutorial http://bit.ly/tsQTH

]]> By: Taekyun Kimhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-19664 Taekyun Kim Thu, 22 Oct 2009 17:12:07 +0000 http://www.uxpassion.com/?p=951#comment-19664 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">Image reflection effect in WPF with Expression Blend - Tutorial http://bit.ly/tsQTH</span> <div class="topsy_trackback_links">[<a href="http://twitter.com/itshooter/status/5083631905">Original tweet</a>, <a href="http://topsy.com/tb/www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/">Topsy page</a>]</div></span> Image reflection effect in WPF with Expression Blend – Tutorial http://bit.ly/tsQTH

[Original tweet, Topsy page]

]]> By: JoelMMCChttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-16182 JoelMMCC Fri, 18 Sep 2009 18:26:25 +0000 http://www.uxpassion.com/?p=951#comment-16182 That last step with the skewing of the reflection, while a good thing to know, actually ruins the effect. Real reflections in flat surfaces (waxed hardwood floors, glass or waxed wood tables, etc.) don’t skew since they appear to be UNDER the surface, not ON it.Cast shadows (as opposed to drop shadows), on the other hand, would appear skewed since they appear ON the surface.One way to improve the effect would be to apply Blur to the reflection, but it would be best to have a gradient or ramp applied to the Blur Radius, if that’s possible. It should NOT be blurred much “close to the surface” where it’s bright, but should be blurred more as it gets further “into / under the surface” where it’s dimmer. This simulates the dispersion effect of the imperfectly smooth reflecting surface.I’m still new to Expression, so I don’t know if that’s possible (applying ramps to Blur Radius) short of making a custom Effect, but I do know how 3D modeling / rendering works, and for truly realistic reflections, that’s what’s needed. That last step with the skewing of the reflection, while a good thing to know, actually ruins the effect. Real reflections in flat surfaces (waxed hardwood floors, glass or waxed wood tables, etc.) don’t skew since they appear to be UNDER the surface, not ON it.

Cast shadows (as opposed to drop shadows), on the other hand, would appear skewed since they appear ON the surface.

One way to improve the effect would be to apply Blur to the reflection, but it would be best to have a gradient or ramp applied to the Blur Radius, if that’s possible. It should NOT be blurred much “close to the surface” where it’s bright, but should be blurred more as it gets further “into / under the surface” where it’s dimmer. This simulates the dispersion effect of the imperfectly smooth reflecting surface.

I’m still new to Expression, so I don’t know if that’s possible (applying ramps to Blur Radius) short of making a custom Effect, but I do know how 3D modeling / rendering works, and for truly realistic reflections, that’s what’s needed.

]]> By: foroughhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-14680 forough Tue, 01 Sep 2009 06:17:26 +0000 http://www.uxpassion.com/?p=951#comment-14680 good and nice good and nice

]]> By: silverfighterhttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-18060 silverfighter Tue, 18 Aug 2009 20:07:52 +0000 http://www.uxpassion.com/?p=951#comment-18060 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend - http://bit.ly/3hr0qQ</span> <div class="topsy_trackback_links">[<a rel="nofollow" href="http://twitter.com/silverfighter/status/3389526496">Original tweet</a>, <a rel="nofollow" href="http://topsy.com/tb/www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/">Topsy page</a>]</div></span> RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend – http://bit.ly/3hr0qQ

[Original tweet, Topsy page]

]]> By: SilverlightDChttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-18061 SilverlightDC Tue, 18 Aug 2009 18:51:19 +0000 http://www.uxpassion.com/?p=951#comment-18061 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend - http://bit.ly/3hr0qQ</span> <div class="topsy_trackback_links">[<a rel="nofollow" href="http://twitter.com/silverlightdc/status/3388068458">Original tweet</a>, <a rel="nofollow" href="http://topsy.com/tb/www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/">Topsy page</a>]</div></span> RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend – http://bit.ly/3hr0qQ

[Original tweet, Topsy page]

]]> By: Frank La Vignehttp://www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/comment-page-1/#comment-18062 Frank La Vigne Tue, 18 Aug 2009 18:51:19 +0000 http://www.uxpassion.com/?p=951#comment-18062 <span class="topsy_trackback_comment"><span class="topsy_twitter_username"><span class="topsy_trackback_content">RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend - http://bit.ly/3hr0qQ</span> <div class="topsy_trackback_links">[<a rel="nofollow" href="http://twitter.com/tableteer/status/3388068302">Original tweet</a>, <a rel="nofollow" href="http://topsy.com/tb/www.uxpassion.com/2009/07/image-reflection-effect-in-wpf-with-expression-blend-tutorial/">Topsy page</a>]</div></span> RT @MSExpression: UX Passion blogged: Image reflection effect in WPF with Expression Blend – http://bit.ly/3hr0qQ

[Original tweet, Topsy page]

]]>