Jump to content
Search Community

vitor z

Members
  • Posts

    6
  • Joined

  • Last visited

vitor z's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges

3

Reputation

  1. @akapowl this is beautiful ❤️ Thank you very much! I'm starting to understand clearly the whole process. Thanks masters!
  2. Thanks for all the support, guys! Now i see that i have much to learn! https://codepen.io/vzanirato/pen/QWKydzL I've placed the svg code here in this pen to check possibilities. But after reading @PointC article about SVG exports i see that i need to rewrite to animate it properly, right? Cheers ?
  3. Thanks for your reply, Paul! Cool! As you said, seems to me that the pre-preparing of the SVG is my big challenge now. So, if I already have this svg file is it possible to use it or do you have any tips or tools about how can i redraw it correctly? Cheers! ?
  4. Hey guys, how is it going!? ? I'm still learning the GSAP basics with my first project using it, so i'm sorry if that's a dumb or frequent question. I need to animate this svg logo for a loading intro just like the demo GIF. Is it possible? If yes, what's the best way or solution? Besides, i just joined GSAP club to use Draw SVG (don't know if is the best tool for this purpose). Here's the website that i'm working on it: http://thelotusyang.com/manutencao/ I'm originally an art director, so the only code i'm kinda familiar is css & html. I have to admit that i'm always struggling with js logics. Thanks in advance ?
  5. This is perfect! Thank you so much, Mikel ? Cheers! VZ
  6. Hey guys! This is my first 'complex' project using GSAP and i have to admit that i'm a front-end designer with no experience with animation and without js skills. If anyone could help with a tip about what is the best way to make this animation [gif sample attached], even a link to another topic that i'm trying to find without success, i really appreciate. ? Here's the project: http://thelotusyang.com/manutencao/ (have to scroll a bit to reach this part)
×
×
  • Create New...