I Learned How to Animate SVGs In UNDER 1 HOUR: SVGator Tutorial

[@SatoriGraphics]

Expect more logo and graphic design content coming Thursday & Friday :) Check out SVGator linked above too if you are interested in animating SVGs

[@r8ehe6]

Another great and helpful upload.. thank you! I've been illustrating for about 3 years now and your videos have played a huge role in helping me grow as a graphic designer.

[@SatoriGraphics]

now that's the kind of comment I love to read!

[@skleptic]

someone needs to edit out the middle so the video just goes > i have no experience in motion graphics > thanks for watching the video > subscribe

[@SatoriGraphics]

lol I was thinking about this earlier actually, not a good look for me .. 😅

[@evelynwald9132]

What a great and informative video. Even though you said you didn’t have experience with animation, your creative eye was still able to make that simple design move more elegantly. Plus I could understand the benefits of the software. I’ve only dabbled (clumsily) in animation in Procreate so it was nice to see how and the possibilities of a more advanced animation tool work. Thanks for sharing!

[@SatoriGraphics]

thanks a lot Evelyn for your comment, the design was easy to make and I enjoyed the experience. I didn't feel lost in the software like is possible when learning new software

[@ash7324]

Swear down, could've sworn my man was a one of my brown brothers by the sound of his voice

[@SatoriGraphics]

lol I have had a few people say that on this channel, also someone said I look like Stephen Curry

[@beulahfredrick5370]

I really love you're work🤗😍.. Beginner graphics designer here. You're videos have really helped me a lot

[@SatoriGraphics]

thanks for that, it's always great to read comments like this. Thanks a lot man

[@pratikharani3102]

Ayy finally something more than a face or just a disembodied voice for a video intro

[@OptimusDracula]

Hi Satori. Great job you doing. Please What App do you recommend for Logo Video intros for presentation without much complexity?

[@SatoriGraphics]

Like I said in the video, I don't have experience with motion graphics. You can have a look around on Google or forums and see what people like I guess

[@waleedalmadawy]

Thanks Satori, It's awesome . Please I want to make SVGA file ? Any idea

[@LuisRdzG10]

I do this stuff in after effects, but can’t export as SVG, cool to see this option exists

[@直文-n6f]

we love you satori

[@nuloom]

Woo. Hoo. Another subscription to keep track of? Maybe for some, not for me. It looks like a good tool but the subscription model being so expensive is ridiculous, and this pricing won’t stop unless people stop buying it. If paying monthly, this costs about as much as Adobe’s Illustrator plan. Gee..

[@mrg4388]

Boohoohoo. I guess it isn't for you then. It seems to work great as a solution for plenty of people. You do you. Fine with the rest of us. Woo. Hoo.

[@Irfan-qj8mr]

love sir

[@dennish339]

ive been trying svgator for a while now, it used to export whitout a problem but i cant seem to see my latest animation when i export it, im using the free version and only have a few opacity fills and a stroke dash and stroke offset, why cant i see it working when i export it to either CSS or javascript?

[@shakeelitser]

Nice Video Bro

[@SatoriGraphics]

first again bro, congrats! fast on the click

[@stevenalves7506]

Thanks só much for this content

[@SatoriGraphics]

Glad you enjoy it!

[@prathameshgharat7772]

The size of the exported code is a concern..

[@JayaLakshmi-gn3cm]

Will it work if use color

[@TheBiggerBooger]

looks essentially like after effects?

[@SatoriGraphics]

I've never used After Effects so I wouldn't know

[@ShyneflowLC]

sadly i cannot get my simple svg to animate, it is the same as my logo here

[@pratikharani3102]

Satori here tryna impress the gurlz with that beard

[@SatoriGraphics]

trying?

[@federicomazza9130]

Hi there, many thanks for the tutorial, however when I export a simple svg path from Illustrator the Svgator editor shows it as a double outline and not a single path, any suggestion? many thanks again!

[@federicomazza9130]

nothing to do, the app it doesn't works correctly :(

[@ruochizhang2077]

Interesting… This reminds me of … Flash…

[@bibekgurung9075]

how to you use SVG files created from SVGator in react native?

[@mudasirmk58]

Thank You Sir 💖 Love From Pakistan.

[@Irfan-qj8mr]

nyc sir

[@pratikharani3102]

Title has a mistake, there shouldn't be any apostrophe after the G in SVGs

[@IStMl]

... seriously ? It's all you have to say

[@SatoriGraphics]

kindly noted 👍

[@felixsmittick9128]

Pretty cool app

[@SatoriGraphics]

it's pretty neat yeah :)

[@SLRModShop]

Don't waste your time with this unless you have $144 to spare. This is not free anymore. You won't be able to export it. You've been warned. Don't waste your time warning the author of this video, he's acknowledged it in the comments but updating the title, the description or pinning a comment about that could make him lose valuable clicks... So, instead, you're the one wasting your time! Don't forget to subscribe, he seems like an above board guy...

[@missjuni5250]

thank you. right now, there's only 3 credits for free each month if you don't want to pay for it

[@MuhammadQasim-cr3zx]

I don't think it is much more different from adobe after affects. So after effects is simple to use also

[@SatoriGraphics]

I've never used it, SVGator was easy to use though from what I experienced, with the tutorials too it helped a lot

[@mathieul4303]

@@SatoriGraphics Wait so the animated graphics in your previous videos, it was done by someone else?

[@mand0508]

@@mathieul4303 maybe he is using different vediting software : p

[@v1ncemouth192]

how do i make it mp4 or a video file

[@rodgwr]

Ah yes The SVG-inator

[@blurpppable]

That's not a tutorial. That's just you telling the viewer to put numbers into fields without any detailed explanation.

[@pratikharani3102]

Kinda put-off by this sponsored content, like yeah you should make content about what you are confident and actually like, but I'd like it if this channel doesn't go forward in this sellout direction. Illustration and graphic design are different from animation

[@jegkompletson1698]

Why are you like half the comments on this video

[@r8ehe6]

What does it actually matter though? If the video is helpful and informative, it doesn't matter if it's sponsored It is 100% helpful for me.. keep up the good work Satori

[@SatoriGraphics]

It's a single video, and I don't promote things that I don't believe in. I was surprised at how easy it is to use, and I think many people can find use of it to animate SVGs. And no I am not going to be a sell-out channel, I don't beg for donations and I don't have a Patreon setup either.

[@SatoriGraphics]

thanks a lot Tobi, that's always great to read 👍

[@BhojpurigamerYT]

You are awesome ❤️....nice look 😍

[@SatoriGraphics]

thanks a lot Bhojpuri, Ive since had a haircut lol

[@phorn8604]

Nice bro

[@alirezaco3294]

greaaaaaaat

[@SatoriGraphics]

Thaaaaanks

[@bendyamin86]

Lame, it's not free to export animation on 14 day trial. pfft.

[@mrg4388]

Yeah, ok. It's so weird they're actually trying to make money, isn't it?

[@Irfan-qj8mr]

sir can we make video editing on SVG

[@SatoriGraphics]

triple comment Staff! I will try and make a video in the future about that

[@IStMl]

Satori uses... Safari ? :/

[@SatoriGraphics]

and Chrome, I use Chrome too

[@IStMl]

@@SatoriGraphics Better choice :D

[@mathieul4303]

@@IStMl Chrome the ram killer?

[@IStMl]

@@mathieul4303 On my computer it's fine, just don't open 15 tabs. Or use Brave or Edge (the new one), they're lite and respect privacy more, but you still have all extensions

[@amarkeshav1753]

System requirements??

[@davidaugustofc2574]

Low

[@SOFGrylls]

SV jeta SV geta SV sheta

[@cerealrakist7360]

So it offers a free option with just enough usefulness to tease you. Yep not happening.

[@mrg4388]

I suppose they need to pay their team? I'm guessing they can only afford developers if enough people actually pay for the software? Am I making sense?

[@mathieul4303]

Animating SVG? Hmm, I thought SVG was for print or something

[@SatoriGraphics]

lol SVGs are strictly for web based use

[@mathieul4303]

@@SatoriGraphics Alright :)

[@thevikingsock8527]

useless by now ... if you dont pay for it. Cant download it and the webversion is shit ... created the project and couldnt download it with dash properties in the end

[@SatoriGraphics]

Indeed, this video was created over 2 years ago at this point

[@Hammersteyn]

SVGator is expensive and not free as they claim

[@КубанычбекСуюнбайуулу]

Рахмат

[@seofilipino]

That's a lie. LOL. You can learn SVG animation in under 20mins.

[@pactube8833]

6:50 min ad im out

[@pp-jh4ig]

Oh, I thought you are black.

[@SatoriGraphics]

so many people say this after watching my videos.. not sure why 😅

[@valeriehartman3705]

If you know nothing about coding, you're screwed basically. I thought the video had started well, easy and perfect for my beginner's level, and then with the code, I got lost. What started easy ended complicated.

[@thevikingsock8527]

coding experience? you literally only have to copy it into an html element