Link to home
Start Free TrialLog in
Avatar of Melody Scott
Melody ScottFlag for United States of America

asked on

What process can I use to achieve this?

Hi! I have a client who has a logo he likes. I've attached it.(clinica-america.jpg) I can provide you with an eps version. The logo isn't final, but should be something like this.

His website is www.rockypointendoscopy.com. This logo, attached, will replace the one on the upper left.

Here's what I need your help with.  He wants:

1. When someone goes to his website, they see the logo large above the site, in the center, like the attached logo-on-top.jpg. (He may want it larger than that, so we should leave the ability to enlarge it easily.)

2. The globe spins.

3. After a couple of seconds, the logo zooms back into its place on the upper left.

4. Once it is in place, a green line sparkles under the words clinica america, ending in a spark.

I know I need to hire someone to help with this, but I'm not sure if I need a javascript expert, a video expert, or another type of expert.

How could this be accomplished? Thanks.
clinica-americas-v1.jpg
logo-on-top.jpg
ASKER CERTIFIED SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Melody Scott

ASKER

Thanks, that is sort of what I thought, appreciate the information!
You might want to stay away from Flash. A lot of people block it in their browsers by default because of intrusive advertising. I know I do.

See if you can get a Vector copy of his logo and use JavaScript and CSS3 to animate an SVG (Scalable Vector Graphics) version of it. Every professional logo designer, worth their salt, today will use Adobe Illustrator. AI will export to SVG graphics. Then if you don't know anything about how to animate all that, there are several JavaScript applications and libraries for animating SVG.

Here are a couple:

http://codecanyon.net/item/enliven-em-animation-engine-for-vector-graphic/8426850

http://lazylinepainter.info/

https://css-tricks.com/guide-svg-animations-smil/

https://css-tricks.com/animating-svg-css/
OK, I am actually creating the logo, and I have it in AI. Thanks for the tip!
http://greensock.com/gsap

Forgot an important one there!

You're welcome.