nicoleanowa Posted June 7, 2022 Share Posted June 7, 2022 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 Link to comment Share on other sites More sharing options...
Solution GreenSock Posted June 7, 2022 Solution Share Posted June 7, 2022 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. 1 Link to comment Share on other sites More sharing options...
nicoleanowa Posted June 8, 2022 Author Share Posted June 8, 2022 @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! 2 Link to comment Share on other sites More sharing options...
Cassie Posted June 8, 2022 Share Posted June 8, 2022 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. 1 Link to comment Share on other sites More sharing options...
nicoleanowa Posted June 8, 2022 Author Share Posted June 8, 2022 @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. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now