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.
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
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.
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.
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 - 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).
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.
@@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!
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
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.
@@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
Wow, big difference with the absolute and relative, I'm just thinking how much of a time saver that is and how huge of a headache it can be with absolute! LOL! Almost like a "cheat" version lol!
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 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.
Best tutorial on SVG paths I've seen. Laying the grid first was an excellent way to demonstrate it. Great job!
Wow, thanks!
Wow! This is the best step-by-step visual tutorial, on SVG path , that I've seen.
Muchas gracias. Much appreciated.
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!
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!
Best tutorial on SVG paths I've seen.
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
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!
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!
Good in a way that you couldn't possibly not understand, thank you!
Glad I could be of Service!
Yes!!! You Did a Wonderful Job. Visual Explanations are Really More Efficient!!!
Congrats!!!👏👏👏👏👏👍👍👍👍👍👍👍👍
Thank you! Happy to be of service!
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!
This is SO FUN!!! Thank you for gifting us with the ability to use a new creative resource! So awesome!
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!
Perfectly simplified a complicated topic..Thank you sir..
You're very welcome.
Thank you. This is a great explanation of SVG.
Glad I could be of Service!
Thank you Roberto, perfect introduction to paths
Glad you think so!
Excellent. This is a perfect example of a step-by-step method of teaching.
Glad I could 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.
Thx. You made me study in depth how SVG path works.
You are welcome!
Excellent tutorial!!! Thanks a lot!
Happy to be of service!
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!
thank you for this video
You're welcome, 944 Veerpal Kaur!
nice video! thank you so much!
You're welcome, creativedeveloper!
Grid helped how X and Y cordinates works.
Thank you !
You're welcome, Shaktish Kumar!
The grid was Massive help.
Happy to be of service!
Good job Roberto. Thanks for sharing. Please don't stop
jesus christ dude, just look so simple
really thanks man
Glad I could help!
Brilliant tutorial. Exactly what I was looking for. Fantastic job. Thank you for sharing.
Glad I could be of service!
Excellent lesson. Thank you! Now I truly understand what I'm drawing.
Awesome! Glad I could help clear things up!
Very simple and thorough explanation of basic svg lines
This is teaching. Thank You.
I couldn't find any SVG videos like this.
Awesome! I'm glad I was able to help.
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!
such a well explanation.. A 1000 claps from my side.. Thank you very much!!!!!!
you are quite welcome!
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!
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.
Thank you! I finally understood!
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.
Thank you for making this.
You're welcome, Nikhil Nambiar!
Beautifully explained
Thanks
Great job Roberto.
Thanks for sharing.
Thank you, Roberto.
You're quite welcome!
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.
Awesome tutorial!! Thanks!!
You are so welcome!
Man, this was awesome! 😎
Thanks!
That was indeed easy to undrestand 💓💓
Happy to be of service!
Excellent explanation, continue...
Excellent!
Really great explanations, many thanks!
Excellent tute! Thanx, buddy. Please make many more: particularly SVG animation tutes.
Much appreciated. Happy to help.
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!
Really Nice... Thanks... There is no reason for dislike...
Good job Roberto. Thanks for sharing. Please continue : )
Wow, just what i was looking for. Thanks !! Be sure to update some of my icons in my apps.
This is so helpful! Thanks!
😀You're quite welcome!
Thank you Roberto. I appreciate your tutorial, it was very helpful.
Good one👏
Thanks.
Thank you ! This help me to know about path more clearly.
Glad to be of service!
Nice work - tutorial.
Keep on!!
Thank you very much man!u just cleared out the jumble i was in!
Glad I could be of Service!
Great video, you made it very clear. Well done.
Really helped. Thank you so much
You're quite welcome.
Excellent tutoriel ! Bravo!
OMG! I finally understood it! THANK YOU!!!!!!!!
Super helpful man thanks a lot
Glad it helped
Thank's, this is a great tutorial
You're welcome.
Thank you so much, helped me a lot.
Glad I could be of Service!
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!
Amazing. Thank you
Glad you liked it!
Amazing, thank you!!
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.
thank you sir ,
You're quite welcome.
Wow
This is too well done
Thanks
Much appreciated! Happy to be of service.
Super cool
Nicely explained
Thank you, @sambasivarao3392! Glad to be of service.
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....ua-cam.com/video/Xu28TZnH1kU/v-deo.html
excellent tutorials thank you
appreciate your work 🙏 it is very helpful for me..
Happy to be of service.
you break it down what is amazing explain!! thank for sharing this i hope you deserve more subscribers
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!
Very cool video, thank you dude!
Thank you, D Villiers! Glad to be of service.
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...
Best tutorial
Thank you!
Thank you very much!
You're welcome, حسين محمد!
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.
very beautifully and easily done, would like to make logos & clickable maps with svg. I like svg more than canvas element in html5.
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 😉
That helped. Thanks.
glad I could help.
Excellent
Thanks
THANK YOU SO MUCH
You're welcome so much!
This helped me so much thank you!
Can you take a font awesome icon and walk us thru each part of their svg code?
Wow, big difference with the absolute and relative, I'm just thinking how much of a time saver that is and how huge of a headache it can be with absolute! LOL! Almost like a "cheat" version lol!
Very helpful
Glad it helped.
I liked that tutorial. :)
Glad you liked it!
thank you very much
You are welcome! Glad to be Glad I could be of Service!
Thank you.
You're welcome! My pleasure!