Create Amazing SVG Animations FAST | SVGator

SVGator is an online SVG animation creator. It doesn't require any coding skills and it simplifies the way you animate SVG by including the most advanced features in a user-friendly interface.
--- Easily Add SVG Animation to WordPress: • Easily Add SVG Animati...
Create an SVG animation with SVGator in three easy steps:
1. First, import a static SVG file.
2. Next, you can animate an element by selecting it on the canvas and adding animators to the timeline. Adjust the animation by adding keyframes and dragging them on the timeline. You can make the transition smoother by using custom easing functions.
3. When your animation is done, export the animated SVG file.
SVGator exports a single animated SVG file so it's easy to add it to your website. You can also make the SVG animation interactive by starting it on click or hover.
Included features: Path animation, Morph animation, Filter, Custom easing functions, Snapping, Interactive events, and more.
Our website: www.svgator.com
This is a step-by-step tutorial about how to get started in SVGator. In this tutorial, you will learn how to:
- Import a new file
- Change the canvas size
- Change the timeline duration
- Reposition the origin point
- Group elements
- Work with the Transform tool
- Create a simple animation
And more! :)
Still got questions? Visit our Help Center: www.svgator.com/help
Subscribe: / @svgator
Let's connect:
Facebook: / svgator
Instagram: / svgatorapp
Twitter: / svgatorapp
LinkedIn: / svgator
Pinterest: / svgatorapp
SVGator is an online SVG (Scalable Vector Graphics) animation creator.

Пікірлер: 54

  • @SVGator
    @SVGator4 жыл бұрын

    Easily Add SVG Animation to WordPress: kzread.info/dash/bejne/dq6Blbdtf9XehNo.html

  • @jirehla-ab1671

    @jirehla-ab1671

    3 жыл бұрын

    Is there a way to link the diff points of a shape to another points of a shape like 1st squaire point a (top right corner) is link to 2nd square point a (bottom left corner) and what scripting tools does synfig have that can help me in doing really complex animation?

  • @SVGator

    @SVGator

    3 жыл бұрын

    In SVGator, you can unite two points of different shapes only if the shapes aren’t closed. Unfortunately, we don't have a bone rig feature for complex character animations.

  • 4 жыл бұрын

    A nice intro to version 2.0. Love the path grabing tool for changing the animation type. Can't wait to get my hands on this.

  • @bySterling
    @bySterling2 жыл бұрын

    So Awesome and luv how easing effects can be applied!

  • @peterfitzgibbon7215
    @peterfitzgibbon7215 Жыл бұрын

    very clear instructions, easy voice to listen to

  • @tuananhbui6707
    @tuananhbui67072 жыл бұрын

    thanks Bro ! from in Vietnam

  • @_jadonbrown
    @_jadonbrown2 жыл бұрын

    What did you use to create this voice over?

  • @delulu6969
    @delulu69693 жыл бұрын

    Adobe Animate doesn't support SVG export unless using that defunct Snap plugin. Adobe AE has Lottie but being a graphic/UI designer and FE developer seems like too much to learn. You fill that sore spot! I feel like meeting a soulmate. If my projects take off well, I'll definitely go Pro. Great work!

  • @SVGator

    @SVGator

    3 жыл бұрын

    We are so happy to hear that, it means a lot to our team! Great updates are coming soon :) Good luck with your projects!

  • @johnw3194
    @johnw31943 жыл бұрын

    Please bring this to iOs! Would love to use it on iPad Pro!

  • @mcwooley
    @mcwooley2 жыл бұрын

    How do I HOLD on to something when I drag it? I can only drag something for about 1 second before it drops automatically

  • @marina.c
    @marina.c4 жыл бұрын

    "Folder front" and "Folder back" are those layers or groups if i where to export out of Illustrator?

  • @SVGator

    @SVGator

    4 жыл бұрын

    Hi Marina :) They are groups / elements, not layers. Unfortunately, CSS doesn't support layers.

  • @nikhildussa403
    @nikhildussa4034 жыл бұрын

    Hi , Does it has the option to upload jpg or png images?

  • @user-ju7nw7bm2n

    @user-ju7nw7bm2n

    5 ай бұрын

    you can do that as far as I know... 😉

  • @kahoang6500
    @kahoang65002 жыл бұрын

    Hi, I try to upload svg animation which created from svgator to my website but seem not worked. Do you know what is the issue?

  • @SVGator

    @SVGator

    2 жыл бұрын

    Hi! Please check our public Help Centre for issues regarding the integration of your animated SVG to a website: www.svgator.com/help/getting-started/how-to-add-animated-svg-to-your-website . If you are still encountering issues with your website, please contact us at contact@svgator.com, and we'll take a closer look over your issue.

  • @ryandillinger1851
    @ryandillinger18514 жыл бұрын

    Is there somewhere we can download the SVG files you're using?

  • @SVGator

    @SVGator

    4 жыл бұрын

    Unfortunately, no, not yet. We are planning to create a library separately for the samples we use in our tutorials.

  • @RavingAngel

    @RavingAngel

    Жыл бұрын

    @@SVGator which you never did for this course.... awesome

  • @nal870
    @nal8703 жыл бұрын

    i want to change svgator background to a custom background. Is it possible ?

  • @SVGator

    @SVGator

    3 жыл бұрын

    Yes, for example, you can add a rectangle to your project from the My Library, right-click -> 'Send to back', and make it as large as the canvas is.

  • @nal870

    @nal870

    3 жыл бұрын

    @@SVGator can we import a background?

  • @SVGator

    @SVGator

    3 жыл бұрын

    @@nal870 Yes, if it's an existing project then you can import the background through the My Library. If you are starting the project from scratch, then you can add the background to your SVG in your vector editing tool and then import the SVG into SVGator.

  • @LikeFunnyMovies
    @LikeFunnyMovies4 жыл бұрын

    i dont see those lines when using "position"

  • @SVGator

    @SVGator

    4 жыл бұрын

    Just use the Transform tool www.screencast.com/t/XqnPsULJa

  • @user-eo3jz8uj9l
    @user-eo3jz8uj9l Жыл бұрын

    🙏👍

  • @ajaydas9341
    @ajaydas93414 жыл бұрын

    Can it available in offline mode?

  • @SVGator

    @SVGator

    4 жыл бұрын

    Unfortunately, it's not available in offline mode.

  • @glinkot
    @glinkot3 жыл бұрын

    Signed in to try this, looks really interesting. But you aren't doing yourselves great favours making 'start from a blank canvas' and 'add a basic shape' premium features. The first thing people will do to try any tool is create a circle or something and try to make it move. Requiring me to upload an svg in the first place seems silly. If you have to block it off, I suggest giving new signups a week of all features before cutting them off. Anyway, best of luck.

  • @SVGator

    @SVGator

    3 жыл бұрын

    Hi there! :) thank you for your feedback! Actually, you are completely right. We created SVGator to make SVG animation easy in the first place, but at the same time, some users expect to draw the whole SVG from scratch, not to import one. Unfortunately, it wasn't possible for us to add drawing tools earlier, but it's at the top of our to-do list at the moment.

  • @ctx4241
    @ctx42413 жыл бұрын

    Dont forget to pause after ever sentence. It's very convenient for people who are following 3am in the morning. Or forgot to upgrade hardware since 98

  • @SVGator

    @SVGator

    3 жыл бұрын

    Noted! :)

  • @ctx4241

    @ctx4241

    3 жыл бұрын

    @@SVGator 😂

  • @nal870
    @nal8703 жыл бұрын

    why do we need to change the origin point?

  • @SVGator

    @SVGator

    3 жыл бұрын

    The position of the origin point will change how the final animation looks. You can test this by placing the origin point in the middle and rotating the element, and then placing the origin point in the top left corner and also rotating the element. You will get two different animations. :)

  • @nal870

    @nal870

    3 жыл бұрын

    @@SVGator alright thanks. And how do we change the rotation direction? For example, if i wish to rotate it on different axis. For example. How to rotate that pencil icon like how blades of helicopter rotate?

  • @SVGator

    @SVGator

    3 жыл бұрын

    @@nal870 you might be referring to a 3D animation, but that's not possible in SVGator. Eventually, you can place the 2D rotation inside a new master group, then you can apply scale or skew on that group and it will give some sort of a perspective illusion.

  • @user-zt9qv4cs5o
    @user-zt9qv4cs5o Жыл бұрын

    Jeez, guys. Lean to code.

  • @anandsuthar3227
    @anandsuthar3227 Жыл бұрын

    Content is super cool but somewhere it become bored after a moment..you may add background music to make it engaging..

  • @HanzeLorenz
    @HanzeLorenz4 жыл бұрын

    how I create a loop???

  • @SVGator

    @SVGator

    4 жыл бұрын

    Hi Juan! Please see the following article on our help center: www.svgator.com/help/getting-started/what-export-options-are-available

  • @SVGator

    @SVGator

    4 жыл бұрын

    Click on the Gear icon right where the timeline is and set the Iterations -> Infinite.

  • @OYDK_
    @OYDK_2 жыл бұрын

    In what world is Gator pronounced “Jator” ?????

  • @ThomasWSmith-wm5xn
    @ThomasWSmith-wm5xn Жыл бұрын

    thT layout is totally different in 2022

  • @zootrunner
    @zootrunner2 жыл бұрын

    Nothing worse than a tutorial video that does not match the updated version of the software.

  • @brandondeweese7123
    @brandondeweese71233 жыл бұрын

    Exported animations don't work.

  • @SVGator

    @SVGator

    3 жыл бұрын

    Hi Brandon! Please check if you used premium animators. In case you are Free users, these will not be included in the exported file.

  • @angrypotato5483
    @angrypotato54832 жыл бұрын

    free version sucks... but... the pro is fantastic! but... im poor xd

  • @TBButtSmoothy
    @TBButtSmoothy2 жыл бұрын

    SVJaytor

  • @dot32
    @dot32 Жыл бұрын

    you speak so slow ong

  • @spookymv
    @spookymv Жыл бұрын

    This site does not provide a free version as it says. After hours of work and animation, be ready for a lot of restrictions in the export phase, and be ready to export only the "wooden wheel" part of the animation you made. nobody is asking you for a free product. but if it's written for free, you should give it. if you have restrictions, you should say so. you have no right to steal anyone's time. I don't use sites with such thieving marketing strategies. there's always an alternative. Stay away from an application called SVGator. a company that is ready to steal your time at the beginning can do anything later. even empty your wallet one day. Yes, I'm very angry at this company for stealing my time so brazenly.

  • @SVGator

    @SVGator

    Жыл бұрын

    Thank you for taking the time to try SVGator. We offer the free plan so that you can try all of our advanced features before buying a plan. All the limitations are communicated transparently in the editor, on the export panel, and also clearly stated on our Pricing page (www.svgator.com/pricing).