How to create flashing Logo

Author: Steve
Posted on: 30 Sep 2009
In this post I want to show how you can create animated logo for your web site.

Download: Source

See it in action below:

It is not a secret that organizations want to have unique design for company's web site. And every site starts from a logo!

To add animation to your logo you don't need to redesign it, and you don't need to write to much code. Lets take a look how this can be done with FashLightControl.

E.g. let's imagine we have the following logo for a web site:

Logo

XAML code may look like shown below:

 <Grid 
x:Name="LayoutRoot" >
<Image
Source="Logo.png" />
</Grid>

To add animation to the logo we'll simply place it inside FlashLightControl:

 <Grid 
x:Name="LayoutRoot" >
<FlashLightControl
AutoAdvanceDuration="2000"
StartPoint="0,0"
EndPoint="1,1" >
<Image
Source="Logo.png" />
</FlashLightControl>
</Grid>

We added FlashLightControl to the grid control and then placed our logo inside the control. AutoAdvanceDuration property sets time internval in milliseconds to repeat the animation when elapsed. StartPoint and EndPoint properties can be used to set direction of the animation.

Do you have better ideas? Please post them!

Posted in: SvFx
Blog Home...