Jump to content


Animated button help


  • You cannot reply to this topic
5 replies to this topic

#1 CarTitans

    Young Padawan

  • Members
  • Pip
  • 29 posts
  • Gender:Male
  • Location:Romania
  • Interests:Cars

Posted 06 November 2007 - 01:34 AM

Hello and thanks for reading. I have a website link partner that is using a very cool effect on his animated button. You can see the button here:

Posted Image

Does anyone have an idea of how I could create somethign similar? What I'm after is the transition effect (adobe Premiere maybe?) and how to keep teh GIF background transparent.

I'd appreciate your advice!

Thanks,

Michael

Attached Files



#2 Jacorre

    P2L Jedi

  • Members
  • PipPipPip
  • 824 posts
  • Gender:Male
  • Location:USA
  • Interests:Computers, Technology, Internet, Graphic/Web Design, Music, Soccer

Posted 08 November 2007 - 12:01 PM

Must be using some sort of mask over the two different images that are appearing. I would search for tutorials on Image Ready using masks.

#3 Scythar

    Honored X Staff

  • Members
  • PipPipPipPip
  • 1,888 posts
  • Gender:Male
  • Location:Antwerp (Belgium)

Posted 08 November 2007 - 02:57 PM

i thought it was a standard flash deformation, but since i am no flash-man i think maybe put this in another part of the forum.

#4 Spide®™

    P2L Jedi

  • Members
  • PipPipPip
  • 767 posts
  • Gender:Male
  • Location:UK England

Posted 09 November 2007 - 05:01 PM

Thats defo made in Flash, its kinda simple really , like Jacorre said, with masks
Look up some flash masking tuts, it looks to me like its a mask made with 2 triangles fliped point to point

#5 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

Posted 09 November 2007 - 06:47 PM

thats made in flash and is 100% a mask over, looks like the sides either have a bevel or a dropshadow not sure. Pretty much that x thing gets bigger once it hits and goes over the images making the illusion of it deforming.

#6 nate

    Young Padawan

  • Members
  • Pip
  • 45 posts

Posted 09 November 2007 - 10:07 PM

Imagine a Chevron Arrow as a mask and as you animate it over and drag it off, make one button disappear and one appear, you create that funky effect.... right? lol it is a bit strange but pretty sweet.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users