SVG Path Tutorial is very helpful video to learn SVG drawing without using any drawing tool. Thanks for this nice tutorial on absolute and relative svg paths.
This is the best so far ..cos I have been lost since I made a design for a webpage and it included complex shapes that I didn't know how to configure .😊Thanks Roberto
After having much confusion and ambiguity in understanding how SVG paths work, I finally understand it very well and clearly when I watch this tutorial video. Thank you so much Buddy. Please make more like these videos.
@Shiloh Corey i really appreciate your reply. I got to the site thru google and im trying it out atm. Takes quite some time so I will get back to you later with my results.
Exellent! You know you understand the lesson when you start drawing the lines before the teacher is ready with his explanation :) fantastic tutorial and sure I want to know more about this!
Awesome tutorial. This is how i learned drawing in my childhood to redraw(Copy) existing pictures. Thats why in school they teach Graphs and co-ordinates.
@@FirdavsiGameDev much appreciated. I see your channel is growing well, too. I'm thinking of doing more coding tuts. Even though people love gardening ones, too!
This tutorial is very helpful and well explained. Could you please make one video on transform attribute with matrix value. How basically matrix value is impacting the calculation of co-ordinates.
thank you - good job. nice and simple tutorial. and I think the big takeaway here is that the UPPERCASE is an absolute coordinate, whereas the lowercase is relative (H10 vs h10).
@@mateenahmedkhan3780 I can make a video about that, but it's not difficult. All you need is the following code in CSS... svg path { transform: scale(.50); } The scale is between 0 and 1. 50% is .5 and 25% is .25, etc.
really helpful Video , would you able to create animation in each arrow ' like painting each one by first part of it Then to all full colour } not one time fill color, that give an amazing animation view especially when we write a letters or characters if so that will be great help bro.thanks
It helped me to know the difference between H and h and so on. I love the grid system it's easy to understand. I wonder if you have video regarding curves but Thank you UwU.
I would appreciate a lot if you make an explanation video about the other svg d tools, such as C Q T S... and thanks for the explanation, it is very useful
This video has been posted 7 years ago and still helped me a lot to understand the basics of SVG! ABSOLUTE CINEMA
Happy to be of service!
Best tutorial on SVG paths I've seen. Laying the grid first was an excellent way to demonstrate it. Great job!
Wow, thanks!
Best 16 minutes of my life in the history of SVG path without using an online SVG generator. Shout out to this channel
Thank you for this wonderful comment! I’m happy to be of service.
Wow! This is the best step-by-step visual tutorial, on SVG path , that I've seen.
Muchas gracias. Much appreciated.
Best tutorial on SVG paths I've seen.
My mind was going insane trying to understand it through reading the w3c spec. This video is such a blessing.
So happy this video helped!
SVG Path Tutorial is very helpful video to learn SVG drawing without using any drawing tool. Thanks for this nice tutorial on absolute and relative svg paths.
You're welcome, Feroz Ali Meghani!
So happy i've stumbled upon this video! I feel like i've earned a new toy! :)
Thank you. The posibilities after seeing this video are endless.
You're welcome, Tal Kohavy! I hope you enjoy everything SVG has to offer!
Good in a way that you couldn't possibly not understand, thank you!
Glad I could be of Service!
This is the best so far ..cos I have been lost since I made a design for a webpage and it included complex shapes that I didn't know how to configure .😊Thanks Roberto
@@victorybenshalon6612, so happy that you could use this video!
This is SO FUN!!! Thank you for gifting us with the ability to use a new creative resource! So awesome!
Perfect video for me as an absolute svg beginner! Thank you.
After having much confusion and ambiguity in understanding how SVG paths work, I finally understand it very well and clearly when I watch this tutorial video. Thank you so much Buddy. Please make more like these videos.
Glad it helped! You're welcome, 24-7 Official!
Drawing the grid first (which is cool in and of itself) REALLY helped me understand how these points are plotted - thank you!
Happy to be of service!
@Kayden Trace Instablaster :)
@Shiloh Corey i really appreciate your reply. I got to the site thru google and im trying it out atm.
Takes quite some time so I will get back to you later with my results.
@Shiloh Corey it did the trick and I now got access to my account again. I'm so happy!
Thanks so much you saved my account !
@Kayden Trace happy to help :D
Yes!!! You Did a Wonderful Job. Visual Explanations are Really More Efficient!!!
Congrats!!!👏👏👏👏👏👍👍👍👍👍👍👍👍
Thank you! Happy to be of service!
Exellent!
You know you understand the lesson when you start drawing the lines before the teacher is ready with his explanation :)
fantastic tutorial and sure I want to know more about this!
Thank you for watching and I'm glad you enjoyed the tutorial. Check the description if you want to learn about the other SVG shapes.
Thank you man, super well explained and helped me a lot to understand paths in SVG.
Glad I could be of Service!
Glad it helped!
Good job Roberto. Thanks for sharing. Please don't stop
Thank you Roberto, perfect introduction to paths
Glad you think so!
Brilliant tutorial. Exactly what I was looking for. Fantastic job. Thank you for sharing.
Glad I could be of service!
Awesome tutorial. This is how i learned drawing in my childhood to redraw(Copy) existing pictures. Thats why in school they teach Graphs and co-ordinates.
Glad it was helpful!
Excellent lesson. Thank you! Now I truly understand what I'm drawing.
Awesome! Glad I could help clear things up!
Excellent tutorial!!! Thanks a lot!
Happy to be of service!
Does exactly what it says on the tin. That really was easy to understand. Thanks Roberto :)
I'm glad I could help you out!
Absolutely amazing job at teaching - thank you!
You're welcome, daniel!
Excellent. This is a perfect example of a step-by-step method of teaching.
Glad I could be of Service!
Nicely narrated , very good video. It helped me understanding the svg path.
Lovely.
Very nice of you.
Thanks a lot.
glad to be of service!
Thank you. This is a great explanation of SVG.
Glad I could be of Service!
Perfectly simplified a complicated topic..Thank you sir..
You're very welcome.
Thx. You made me study in depth how SVG path works.
You are welcome!
Hi Roberto. Thanks for that! I'd love to see another tutorial but about complex patja with both straight and curved segments.
Check the description of this video for more tutorials. I cover curves and lines.
Very simple and thorough explanation of basic svg lines
Excellent tute! Thanx, buddy. Please make many more: particularly SVG animation tutes.
Much appreciated. Happy to help.
Really great explanations, many thanks!
Thank you! I finally understood!
Glad I could be of Service!
Wow, just what i was looking for. Thanks !! Be sure to update some of my icons in my apps.
nice work man. very well explained.and i've searched a lot about create svg things for beginners. thank you
by the way, subscribed :)
Happy to be of service!
such a well explanation.. A 1000 claps from my side.. Thank you very much!!!!!!
you are quite welcome!
Beautifully explained
Thanks
Great job Roberto.
Thanks for sharing.
Thank you Roberto. I appreciate your tutorial, it was very helpful.
Awesome tutorial!! Thanks!!
You are so welcome!
Good job Roberto. Thanks for sharing. Please continue : )
The grid was Massive help.
Happy to be of service!
Grid helped how X and Y cordinates works.
Thank you !
You're welcome, Shaktish Kumar!
That was indeed easy to undrestand 💓💓
Happy to be of service!
Man, this was awesome! 😎
Thanks!
Thank you for making this.
You're welcome, Nikhil Nambiar!
Thank you very much man!u just cleared out the jumble i was in!
Glad I could be of Service!
nice video! thank you so much!
You're welcome, creativedeveloper!
thank you for this video
You're welcome, 944 Veerpal Kaur!
This is so helpful! Thanks!
😀You're quite welcome!
This is teaching. Thank You.
I couldn't find any SVG videos like this.
Awesome! I'm glad I was able to help.
jesus christ dude, just look so simple
really thanks man
Glad I could help!
Great video, you made it very clear. Well done.
Thank you, Roberto.
You're quite welcome!
you break it down what is amazing explain!! thank for sharing this i hope you deserve more subscribers
Excellent explanation, continue...
Thank you ! This help me to know about path more clearly.
Glad to be of service!
Excellent!
I felt like your brain stopped during explaining the coordinates! But hey thank you so much for making this tutorial.
Drawing svg is a complex thing.
Ha! You figured me out! Sometimes my mouth can't catch up to my thoughts!
@@RobertoMusicHelp why don't you make more tutorials and math technology or programming. You have a good way of explaining stuff!!
@@FirdavsiGameDev much appreciated. I see your channel is growing well, too. I'm thinking of doing more coding tuts. Even though people love gardening ones, too!
This tutorial is very helpful and well explained. Could you please make one video on transform attribute with matrix value. How basically matrix value is impacting the calculation of co-ordinates.
Happy to be of service. As soon as my schedule allows, I will get on that tutorial. It's a very interesting subject.
Nice work - tutorial.
Keep on!!
Super helpful man thanks a lot
Glad it helped
Really helped. Thank you so much
You're quite welcome.
Really Nice... Thanks... There is no reason for dislike...
Thank you so much, helped me a lot.
Glad I could be of Service!
thank you - good job. nice and simple tutorial. and I think the big takeaway here is that the UPPERCASE is an absolute coordinate, whereas the lowercase is relative (H10 vs h10).
Happy to be of service. And yes, that's an important aspect.
OMG! I finally understood it! THANK YOU!!!!!!!!
Amazing, thank you!!
Thank's, this is a great tutorial
You're welcome.
Wow
This is too well done
Thanks
Much appreciated! Happy to be of service.
superb you are just amazing, can you also please post a video on how to do drag, drop and transform in svg
Transform, as in change shape? I will work on drag and drop. Do you mean for a “Dress Up” game or similar?
@@RobertoMusicHelp no transform like make it smaller or bigger
@@mateenahmedkhan3780 I can make a video about that, but it's not difficult. All you need is the following code in CSS...
svg path {
transform: scale(.50);
}
The scale is between 0 and 1. 50% is .5 and 25% is .25, etc.
@@RobertoMusicHelp Thanks for the input, but it would be lot more helpful if you make a video for it!
Thanks in advance!
appreciate your work 🙏 it is very helpful for me..
Happy to be of service.
Excellent tutoriel ! Bravo!
Can you take a font awesome icon and walk us thru each part of their svg code?
really helpful Video , would you able to create animation in each arrow ' like painting each one by first part of it Then to all full colour } not one time fill color, that give an amazing animation view especially when we write a letters or characters if so that will be great help bro.thanks
Thanks for your question. Please be more specific on the what you need...
Amazing. Thank you
Glad you liked it!
Great intro. Bless you.
As an aside, how could anyone downvote this tut?
Perhaps not everyone is a visual learner and don't like the way I teach? Thanks for the compliment!
@@RobertoMusicHelp
No worries mate. I thought everyone dreamed in pictures.
Good one👏
Thanks.
It helped me to know the difference between H and h and so on.
I love the grid system it's easy to understand.
I wonder if you have video regarding curves but
Thank you UwU.
You're welcome, Mysterious Warrior! And yes, I do have a curves video....ruclips.net/video/Xu28TZnH1kU/видео.html
excellent content, thank you
You're welcome!
I would appreciate a lot if you make an explanation video about the other svg d tools, such as C Q T S... and thanks for the explanation, it is very useful
Glad this helped you out. I’ve just uploaded a video about paths including C, Q, T, and S.
Very cool video, thank you dude!
Thank you, D Villiers! Glad to be of service.
very beautifully and easily done, would like to make logos & clickable maps with svg. I like svg more than canvas element in html5.
excellent tutorials thank you
This helped me so much thank you!
Nicely explained
Thank you, @sambasivarao3392! Glad to be of service.
Thank you very much!
You're welcome, حسين محمد!
Super cool
thank you sir ,
You're quite welcome.
Great vid. You should edit out repetitive and tedious tasks. you would keep the attention of your audience. I had to fast forward many times.
Great idea, Adrian Bartholomew! But having been a teacher for so many years, I tend to repeat myself out of habit 😉
Best tutorial
Thank you!
I liked that tutorial. :)
Glad you liked it!
That helped. Thanks.
glad I could help.
THANK YOU SO MUCH
You're welcome so much!
Thank you.
You're welcome! My pleasure!
thanks alot ❤
You're welcome 😊
Excellent
Thanks
thank you very much
You are welcome! Glad to be Glad I could be of Service!