Animation on Logo

[therockstar]

G’day everyone,
How’s going?
I hope you all are fine.

how to create animation on logo like this?
http://www.sennep.com

I want to get this kind of animation on my logo.

Please advice.

Have a wonderfulday

[davikerkrish]

In photoshop we can create animated gif image. You can use it.

[kunjan]

Hi therockstar,

We can create gif files from flash also. I think it is very easy to created this type animated logo in flash.

-Kunjan

[Paulie_D]

I would have to think that an animated gif of that complexity would have a huge file size. Not recommended.

[vanilson]

therockstar, take a look at using canvas in javascript and css3 or jquery to play with the animation, canvas will help you with the design of the logo, the only problem it´s that internet explorer doesn´t support it.

[Paulie_D]

It seemed to work in IE9 this morning on the example link but perhaps that was a poly fill.

[therockstar]

@elneco @vanilson could you guys recommend me any good book title for canvas animation?

[therockstar]

@Paulie_D @kunjan @davikerkrish guys i don’t want to use GIF i can consider to use Flash but problem is Flash is not compatible with apple IOS devices =( seems like i need to learn canvas animation =)

[Anonymous]

You can animate a logo using Flash. There are so many ways using which you can create a simple logo with an animation effects.

[misa]

A really great tehnique is the one that incorporates [a really big image](http://mozorg.cdn.mozilla.net/media/img/firefox/partners/foxtail.png “foxtail”) and background position changing, probably using a small script. I first saw it on [this](http://www.mozilla.org/en-US/firefox/partners/ “Mozilla Firefox partners”) page, go and check it out in motion.

[CrocoDillon]

Old topic, but the background position technique is the one I’m using here: http://codepen.io/CrocoDillon/pen/ekuxb

To make it responsive I had to drop IE8 support, I think a logo doesn’t need to be responsive so if anyone wants I can adapt the script to get IE8 support.

[Chris Coyier]

The user and all related content has been deleted.

[Author]

Posts