Blinking

[nicoleanowa]

Hi, I was wondering if anyone had any idea on how to get the figure to blink? What I have now is ok I think, but I'm trying to figure out how to improve it. I also tried using MorphSVGPlugin to make it look a bit better but it just didn't look right- although, I could be using that wrong. I don't want to completely change the design, so any suggestions would definitely be appreciated and helpful! Thanks! Also, sorry the codepen isn't working, I'm not sure what I'm doing wrong but all the code is there. 

See the Pen poaOpdo by nicoleanowa (@nicoleanowa) on CodePen

[GreenSock]

Fun animation, @nicoleanowa. It looks like you forgot to include the plugins in that demo, but here's a fork (with no changes):

See the Pen GRQXXBY?editors=0010 by GreenSock (@GreenSock) on CodePen

 

When you say "blink", you mean make the eye look like it's closing and opening again? Yeah, that sounds like a job for MorphSVG but you'd need to create the artwork very cleanly and make sure the anchor points are distributed well. It's not a simplistic thing to make look natural. 

 

If you're struggling, please isolate just the one little part you're stuck on and post a minimal demo. Please don't include all the other animations or complexities. The key to troubleshooting is isolate, isolate, isolate. We can't recreate/tweak your artwork or build things for you, but we'd be happy to answer any GSAP-specific questions. 

[nicoleanowa]

@GreenSock thanks for your response. I figured I'd have to play around more with morphsvg but wanted to see if maybe there was another way. I didn't want to have to change the actual design, as it's a logo animation so that would be changing the logo itself. I continue experimenting with morphsvg and see where it takes me, thanks!

[Cassie]

Just my two cents,

 

In the design it already looks like the eye is closed so I'm not sure what morphing any of the lines on the eye will add to this. The animation is lovely as it is already.

[nicoleanowa]

@Cassie Thank you, I really appreciate it! I'm glad it looks like the eye is closed, I had shown a group of people it before and they said they didn't see it as an eye closed, so I changed the design on the eye slightly to be what it is now in the codepen so I'm happy it's reading that way now.