Comments on: Imger 4 – Hot spotting with Silverlight: Tutorial http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/ Thu, 03 Sep 2009 17:14:03 +0000 http://wordpress.com/ hourly 1 By: agkdesign http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-347 agkdesign Thu, 12 Feb 2009 10:48:20 +0000 http://agkdesign.wordpress.com/?p=197#comment-347 here is the source code for the Imger application, its not working correctly but should only need a few tweeks to get it running, there is a limit of 10 downloads for this file so get in quick http://rapidshare.com/files/197144281/imger3.rar.html thanks here is the source code for the Imger application, its not working correctly but should only need a few tweeks to get it running, there is a limit of 10 downloads for this file so get in quick
http://rapidshare.com/files/197144281/imger3.rar.html

thanks

]]> By: Chetan Shah http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-346 Chetan Shah Wed, 11 Feb 2009 15:53:23 +0000 http://agkdesign.wordpress.com/?p=197#comment-346 Kindly send me the code for the current version. Thanx in advance.. Kindly send me the code for the current version. Thanx in advance..

]]> By: agkdesign http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-345 agkdesign Wed, 11 Feb 2009 13:43:43 +0000 http://agkdesign.wordpress.com/?p=197#comment-345 Hi Chetan, This application was built in a very old version of Blend and doesn't work anymore, it would take a fair bit of work to correct the issues. http://agkdesign.wordpress.com/2009/01/28/skate-box-4000/ uses the same techniques and is in a current version if you would like the source for that? Let me know. Thank Alex Hi Chetan,
This application was built in a very old version of Blend and doesn’t work anymore, it would take a fair bit of work to correct the issues. http://agkdesign.wordpress.com/2009/01/28/skate-box-4000/ uses the same techniques and is in a current version if you would like the source for that? Let me know.
Thank

Alex

]]> By: Chetan Shah http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-344 Chetan Shah Mon, 09 Feb 2009 15:44:40 +0000 http://agkdesign.wordpress.com/?p=197#comment-344 Can I get the source code for this solution? Can I get the source code for this solution?

]]> By: SKATE BOX 4000 « http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-335 SKATE BOX 4000 « Wed, 28 Jan 2009 03:09:28 +0000 http://agkdesign.wordpress.com/?p=197#comment-335 [...] and what better way to display that, then using Silverlight.  I took the method from an old “hotspotting tutorial” I created some time ago and just added alot more “hot spots” and even a little [...] [...] and what better way to display that, then using Silverlight.  I took the method from an old “hotspotting tutorial” I created some time ago and just added alot more “hot spots” and even a little [...]

]]> By: SKATE BOX 4000 « http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-334 SKATE BOX 4000 « Wed, 28 Jan 2009 03:09:28 +0000 http://agkdesign.wordpress.com/?p=197#comment-334 [...] and what better way to display that, then using Silverlight.  I took the method from an old “hotspotting tutorial” I created some time ago and just added alot more “hot spots” and even a little [...] [...] and what better way to display that, then using Silverlight.  I took the method from an old “hotspotting tutorial” I created some time ago and just added alot more “hot spots” and even a little [...]

]]> By: fanphotoshop http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-165 fanphotoshop Thu, 03 Jul 2008 20:05:52 +0000 http://agkdesign.wordpress.com/?p=197#comment-165 Thank you very much! Interesting blog! Thanks to author for this information! Thank you very much!
Interesting blog!
Thanks to author for this information!

]]> By: Tim Guy http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-128 Tim Guy Fri, 06 Jun 2008 21:17:36 +0000 http://agkdesign.wordpress.com/?p=197#comment-128 Wow!! What a site to stumble across. Awesome tutorial and tips in the comments. What a great site. Thanks guys. Wow!! What a site to stumble across. Awesome tutorial and tips in the comments. What a great site.
Thanks guys.

]]> By: agkdesign http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-123 agkdesign Thu, 05 Jun 2008 10:05:41 +0000 http://agkdesign.wordpress.com/?p=197#comment-123 Yeah sweet, thanks! As I am still learning all this great new software so I am really happy when people leave comments that teach me new things or have a different prespective on the matter. So thanks again shanemo! Yeah sweet, thanks! As I am still learning all this great new software so I am really happy when people leave comments that teach me new things or have a different prespective on the matter. So thanks again shanemo!

]]> By: shanemo http://agkdesign.wordpress.com/2008/06/04/imger-4-hot-spotting-with-silverlight-tutorial/#comment-122 shanemo Thu, 05 Jun 2008 09:55:35 +0000 http://agkdesign.wordpress.com/?p=197#comment-122 Hi Alex, great tutorial! We need more of these - tutes for designers not developers. A couple of tips (I couldn't help myself). - To make the reversed Alex_off storyboard you could have selected the Alex_on storyboard, then selected 'Duplicate' and 'Reverse' on the drop-down menu next to the 'New Storyboard' (+) button. (It's hard to find, I know.) To do that you need initial keyframes (at time 0) for all the elements being animated (bascially 'Reverse' just flips around all the keyframes). - You could also make the pic elements in Expression Design (but hey, PhotoShop is good too!). In Design, import your pic, then duplicate it and blur and desaturate it (effects). Then duplicate it again, trace around the target with the pen tool (or try 'Trace Image' - you never know) then use the new path to clip your 3rd copy of the pic. Now you have 3 pics: focussed, blurred and clipped. (Make another clipped pic for your other target.) Export them all as Silverlight XAML and import them into Blend. If you just set the opacity of a clipped image to 0 it will still detect mouse events - so you don't need a separate target shape this way. Make sense? Thanks for the tutorial! Shanemo Hi Alex, great tutorial! We need more of these – tutes for designers not developers.

A couple of tips (I couldn’t help myself).
- To make the reversed Alex_off storyboard you could have selected the Alex_on storyboard, then selected ‘Duplicate’ and ‘Reverse’ on the drop-down menu next to the ‘New Storyboard’ (+) button. (It’s hard to find, I know.) To do that you need initial keyframes (at time 0) for all the elements being animated (bascially ‘Reverse’ just flips around all the keyframes).
- You could also make the pic elements in Expression Design (but hey, PhotoShop is good too!). In Design, import your pic, then duplicate it and blur and desaturate it (effects). Then duplicate it again, trace around the target with the pen tool (or try ‘Trace Image’ – you never know) then use the new path to clip your 3rd copy of the pic. Now you have 3 pics: focussed, blurred and clipped. (Make another clipped pic for your other target.) Export them all as Silverlight XAML and import them into Blend. If you just set the opacity of a clipped image to 0 it will still detect mouse events – so you don’t need a separate target shape this way. Make sense?

Thanks for the tutorial!
Shanemo

]]>