I don't even use Inkscape, but oh boy, this man is whipping so much info in such a very easy way to understand that it makes me wanna use it. I am a former Adobe user who is currently using Affinity, and it seems like I will start making peace with Inkscape. I will definitely be unifying both programs and call it Affinkcape. Thank you teacher.
Took me two days of trial and error until I've picked up importance of evenodd & nonzero fill-rules @ 2:05 , evenodd creates holes in green rectangle instead of splitting it with difference @ 2:45 ... not just beginner - a total noob here! :) Thanks Nick for all the time and effort you've invested in making great tutorials, useful even years after .
Nick, i like the way you teach us how to use Inkscape and Gimp. Easy to understand. and i am from Italy, born in Swizerland. and this al is copied and pasted from Google Translate. Ciao Ragazzi
Hi Nick, I'd like to point out that in the beginning where you split the square in two, rather than Stroke to Path, Difference, Break Apart you can use Division (Ctrl+/) and do that in one step. I think that's easier to remember, as well. If you repeat this with a duplicate of the line, making the cut right after is also more straight-forward in my opinion. As always, thanks for a nice tutorial!
That's interesting. For me, the Ctrl+/ worked at that point. The Path | Difference option cut the square, but also chopped out some curved areas. Thanks for the tip! :-)
Just wanted to say thank you for your lessons. They are very helpful, easy to understand, explained in detail. Beside all of this, your voice is fantastic! Best wishes!
The Text to Path in Inkscape is, by far, their worst tool. The way you did on this video requires a LOT of work, but works better in the end. I didn't know you could do it that way. Thanks.
Thank you so much for this video! I'm ecstatic that I'm able to learn how to do these things with Inkscape. You are a great teacher. Only problem, I got to where I just got done with my text and the program crashed and closed out! :'( I lost my progress and now will have to do it again. Oh well, no problem. I'll follow along with your tutorial again after I take a short break lol
Could you please do a big tutorial on what all the tools do and what all the functions are not sure if you have already if not I would greatly appreciate it thank you very much big fan of your videos
If you go to my channel page, you will see a playlist called Inkscape Explained. In those videos I go through the Inkscape interface and explain what everything does.
wonderful tutorial! i just ran into a problem using a serif font. i couldn't make green boxes during the text adding phase of this because the edges overlapped. for example, between a "t" and an "a"-- the top bar of the t overlapped the foot of the a causing their rectangles to overlap. depending on the font, this could happen a lot. i'm going to have to figure out a workaround. also, the way i matched the sizes of the green boxes to the letters was to do obj to path for all letters then using their individual measurements to make the boxes that exact size. then aligning the box to the corresponding letter using align left.
solved. i counted the # of letters in the word and duplicated enough red banner backgrounds for each (for example, one exists. 7 letters. duplicated 6 times). then did the shift select, path, intersection for each vertical green box/red banner event. i changed the color of the overlapping boxes that remained to contrasting colors so that i could still easily find their overlapped but respective corners. then matched up the nodes as recommended. it looked great. thanks for this tutorial, nick! very happy with the results.
Thank you for the instructions! Wondering if there is a faster way to fit the letters into the perspective of the curved banner? I bet when you have a lot of letters the clicking can get tiresome.
Sorry to be so off topic but does someone know a method to log back into an Instagram account?? I somehow lost my password. I would love any assistance you can offer me
@Brixton Trace i really appreciate your reply. I found the site on google and Im in the hacking process atm. Takes quite some time so I will reply here later with my results.
really wish you would update these videos to the current version 1.1.2 as i am trying so hard to do this but my bezie pen doesn't do some things like yours. I have started over alerady like 15 times
Awesome tutorials Nick, thank you. Is there a way to keep the text editable? I make decals and want to make a design of a circle, with this banner intersecting the lower part of the circle with my design inside the circle and have my text inside the banner. I want to start doing this at events and be able to change things on the fly for each order... "quickly". Thanks in advance.
Hi Awesome videos. I am new to inkscape and I was wondering since I am getting into making custom decals for peoples animals live at events, when you say "finalized" you mean that literally? I wouldn't be able to use the same banner but delete the lettering that is already in place? Or do you know if there is an easy way to do something like that. Thanks
Hey Nick. Great vids, thinking of supporting by purchasing your logo book. Question: Do you offer a complete tutorial for Inkscape for beginners & up? Thanx, Happy 2018 & keep up Yue great work!
Hello Nick, I have seen you use both methods i.e. using path effects to envelope letters into the shape and using envelope extensions to fit letters into B-drawn shapes. Can you please tell which one do you prefer and why? Thanks @Logos By Nick :)
Just want to point out that in Inkscape 0.91 (one version before the one in the vid) the whole shaping text thing was quite different. 0.91 was the newest version for my Ubuntu based distro. The text shaping can still be easily done, but with a couple of extra steps, and there are no white nodes!
On the right hand side where NIck has his align settings, fill settings panel etc, I had a a similar layout to the align settings, but with 2 checkboxes, vertical and horizontal, I unchecked the horizontal and checked the vertical. Then under that, there was a _list_, each with 3 icons going left to right, I clicked each in turn and moved the grey node on that corner into position, before taking the next. On a different PC right now, later I'll try to get a screenshot for you and edit this answer.
from 11:38 my version of Inkscape looks like this: imgur.com/2u7zqHo with no white nodes, I had to turn off left/right paths to avoid distortion of the lettering. Then I clicked each of the circled icons and dragged into place the corner grey nodes (just had to hope I got the right one as they sit close to neighbor nodes).
Hi Nick Would you please show us a video for how to customize our inkscape screen like yours?? I followed the steps in the description of your tutorials videos but I failed
None of the Centering functions are working for me. I have last selected but at 8:35 pressing the center on horizontal axis does nothing. When I try to manually center it snaps to either the top alignment or bottom alignment, never in the center. Earlier a centering of rectangle didn't seem to so anything but I thought I had accidentally gotten it centered manually but now I think centering isn't working. Did I skip a step?
Wow that's a pretty chunky way of adding text, surely there must be a better way of doing it? It seems like it could all be added to a simplified text edit GUI. Imagine having to do that on a sentence or paragraph. You would need weeks to manually edit each individual letter.
At 14:57 when I select over all of the text to change the opacity to 100% and change it to white I have problems. Certain letter of the bunch are still faded and won't change a solid white. I Clicked each individual letter and pulled opacity up to 100% but still more faded then then a few letters around it. Can someone help me out?
Update. I found out what I was causing the faded effect. I when the object is duplicated and grouped on a path only the master gets full effect of opacity. That way you can tell the difference between the clone and the original object. I had to treat them all un-grouped.
I'm trying this on a round logo, where I want it to shape around the bottom. First problem came with me holding shift and unioning (that's a word now) the green rectangles, but then I only pulled them and not my letters. Then I pulled the letters out, highlighted them, slided them in the boxes again and put it all in one group, but nothing happens when I press the intersection button. gyazo.com/41dd568d35384a73a7f35af5d238bd52 Just to show a screenshot. My letters also get a bit of a problem when I unify them and the rectangles. I'm pretty new to this and graphics in general, but it's just about getting the hang of it I hope.
All of your tutorials would be so much better if you said _WHY_ you're doing some action _BEFORE_ you do it, rather than _DOING_ the action then a few seconds (or sometimes minutes) later show _WHY_ you did it. The net effect may be the same, but most minds don't think out of order like that. Before one selects a tool from their toolbox, it makes sense to know the problem to be solved. e.g. You start talking about the bezier tool at 1:27. You never say why you're selecting that tool, and it isn't until 2:25 that we get first inkling as to why you're using that specific. It would make things _SO_ much more understandable if you said "So, we need to create the curvy edge of the banner, and a good tool for that is the bezier tool" before selecting the tool, no? These videos could be 10/10, but it hurts my brain to learn things backwards like this.
It's crazy how much better the finished design looks just by changing the background.
I don't even use Inkscape, but oh boy, this man is whipping so much info in such a very easy way to understand that it makes me wanna use it. I am a former Adobe user who is currently using Affinity, and it seems like I will start making peace with Inkscape. I will definitely be unifying both programs and call it Affinkcape. Thank you teacher.
Took me two days of trial and error until I've picked up importance of evenodd & nonzero fill-rules @ 2:05 , evenodd creates holes in green rectangle instead of splitting it with difference @ 2:45 ... not just beginner - a total noob here! :)
Thanks Nick for all the time and effort you've invested in making great tutorials, useful even years after .
Nick, your videos are FANTASTIC. Thanks for the wide variety of tutorials and the extremely clear instructions. A truly unique channel. Keep it up!
Nick, i like the way you teach us how to use Inkscape and Gimp. Easy to understand. and i am from Italy, born in Swizerland. and this al is copied and pasted from Google Translate. Ciao Ragazzi
It's great to hear that you are able to follow along despite the language barrier. Thanks for watching!
yes Nick , greetings from Ecuador. (Spanish native language)
Excellent tutorial. Explaining everything you're doing with the keyboard is really great too
Hi Nick, I'd like to point out that in the beginning where you split the square in two, rather than Stroke to Path, Difference, Break Apart you can use Division (Ctrl+/) and do that in one step. I think that's easier to remember, as well. If you repeat this with a duplicate of the line, making the cut right after is also more straight-forward in my opinion. As always, thanks for a nice tutorial!
That's interesting. For me, the Ctrl+/ worked at that point. The Path | Difference option cut the square, but also chopped out some curved areas. Thanks for the tip! :-)
Just wanted to say thank you for your lessons. They are very helpful, easy to understand, explained in detail. Beside all of this, your voice is fantastic!
Best wishes!
The Text to Path in Inkscape is, by far, their worst tool. The way you did on this video requires a LOT of work, but works better in the end. I didn't know you could do it that way. Thanks.
My mind literally exploded. I'm dead now.
Fantastic visual effect on the ribbon itself! I wish I could visualize the negative space like you do when I draw.
Thanks, it works properly.
Thank you so much for this video! I'm ecstatic that I'm able to learn how to do these things with Inkscape. You are a great teacher. Only problem, I got to where I just got done with my text and the program crashed and closed out! :'( I lost my progress and now will have to do it again. Oh well, no problem. I'll follow along with your tutorial again after I take a short break lol
Nice one Nick! Thank you. really learning a lot from your excellent teaching skills. 👍
you are a genius of inkscape .. thank you so much
Very nice
you always inspired me nick.. tengkyu so much. :)
thank you so much nick, you inspired me :D.
from Indonesia
Another fab video, that looks amazing! Thank you so much :)
Nick you are the best!
Hello Nick! Can you do a episode with an explanation of Illustrator and photoshop advantages over inkscape and gimp?
You're the best ! Thanks.
Love your videos so much man, great work! :D And thanks for all these usefull advices, it will help me in the future i'm sure :)
Could you please do a big tutorial on what all the tools do and what all the functions are not sure if you have already if not I would greatly appreciate it thank you very much big fan of your videos
If you go to my channel page, you will see a playlist called Inkscape Explained. In those videos I go through the Inkscape interface and explain what everything does.
Nick Saporito thank you very much
If this didn't work for people, make sure your square box has a stroke (border) and not just a fill.
excellent video tutorial
thanks for your time
I like your tutorial,Nick...im beginner. 🙏
This helped a lot.
Very useful for beginners
Thanks!
👍👍👍👍👍👍
wonderful tutorial! i just ran into a problem using a serif font. i couldn't make green boxes during the text adding phase of this because the edges overlapped. for example, between a "t" and an "a"-- the top bar of the t overlapped the foot of the a causing their rectangles to overlap. depending on the font, this could happen a lot. i'm going to have to figure out a workaround. also, the way i matched the sizes of the green boxes to the letters was to do obj to path for all letters then using their individual measurements to make the boxes that exact size. then aligning the box to the corresponding letter using align left.
solved. i counted the # of letters in the word and duplicated enough red banner backgrounds for each (for example, one exists. 7 letters. duplicated 6 times). then did the shift select, path, intersection for each vertical green box/red banner event. i changed the color of the overlapping boxes that remained to contrasting colors so that i could still easily find their overlapped but respective corners. then matched up the nodes as recommended. it looked great. thanks for this tutorial, nick! very happy with the results.
Thank you for the instructions! Wondering if there is a faster way to fit the letters into the perspective of the curved banner? I bet when you have a lot of letters the clicking can get tiresome.
Sorry to be so off topic but does someone know a method to log back into an Instagram account??
I somehow lost my password. I would love any assistance you can offer me
@Camden Wyatt Instablaster =)
@Brixton Trace i really appreciate your reply. I found the site on google and Im in the hacking process atm.
Takes quite some time so I will reply here later with my results.
@Brixton Trace It worked and I finally got access to my account again. I am so happy!
Thanks so much you really help me out :D
@Camden Wyatt no problem :D
PERFECTO!
really wish you would update these videos to the current version 1.1.2 as i am trying so hard to do this but my bezie pen doesn't do some things like yours. I have started over alerady like 15 times
Freaking genius!
Awesome tutorials Nick, thank you. Is there a way to keep the text editable? I make decals and want to make a design of a circle, with this banner intersecting the lower part of the circle with my design inside the circle and have my text inside the banner. I want to start doing this at events and be able to change things on the fly for each order... "quickly". Thanks in advance.
Thanks for the value you added to my knowledge, but I have a little question, I work via gimp " it's possible to this kind of ribbon via gimp "?
I dont get the white nodes show up. I also seem to get a lot more grey nodes than what you do??
Nice, Thumbs UP!
Hi Awesome videos. I am new to inkscape and I was wondering since I am getting into making custom decals for peoples animals live at events, when you say "finalized" you mean that literally? I wouldn't be able to use the same banner but delete the lettering that is already in place? Or do you know if there is an easy way to do something like that. Thanks
Hey Nick. Great vids, thinking of supporting by purchasing your logo book. Question: Do you offer a complete tutorial for Inkscape for beginners & up? Thanx, Happy 2018 & keep up Yue great work!
Hello Nick,
I have seen you use both methods i.e. using path effects to envelope letters into the shape and using envelope extensions to fit letters into B-drawn shapes. Can you please tell which one do you prefer and why?
Thanks @Logos By Nick :)
Just want to point out that in Inkscape 0.91 (one version before the one in the vid) the whole shaping text thing was quite different. 0.91 was the newest version for my Ubuntu based distro. The text shaping can still be easily done, but with a couple of extra steps, and there are no white nodes!
On the right hand side where NIck has his align settings, fill settings panel etc, I had a a similar layout to the align settings, but with 2 checkboxes, vertical and horizontal, I unchecked the horizontal and checked the vertical. Then under that, there was a _list_, each with 3 icons going left to right, I clicked each in turn and moved the grey node on that corner into position, before taking the next.
On a different PC right now, later I'll try to get a screenshot for you and edit this answer.
from 11:38 my version of Inkscape looks like this: imgur.com/2u7zqHo with no white nodes, I had to turn off left/right paths to avoid distortion of the lettering. Then I clicked each of the circled icons and dragged into place the corner grey nodes (just had to hope I got the right one as they sit close to neighbor nodes).
Hi Nick
Would you please show us a video for how to customize our inkscape screen like yours??
I followed the steps in the description of your tutorials videos but I failed
None of the Centering functions are working for me. I have last selected but at 8:35 pressing the center on horizontal axis does nothing. When I try to manually center it snaps to either the top alignment or bottom alignment, never in the center. Earlier a centering of rectangle didn't seem to so anything but I thought I had accidentally gotten it centered manually but now I think centering isn't working. Did I skip a step?
Wow that's a pretty chunky way of adding text, surely there must be a better way of doing it? It seems like it could all be added to a simplified text edit GUI. Imagine having to do that on a sentence or paragraph. You would need weeks to manually edit each individual letter.
skilzz !
I went through this whole video and can not get white nodes on the letters could it be the font I'm using????
I tried to follow your tutorial but your version is to old. I can't find certain buttons. Plus the buttons are hard to see because of being dark.
no details on how to customise inkscape on your description
Nice ! (first)
@12:40 I dont get any white nodes. what to do?
5 years later, is there an easier way to create the shape ?
At 14:57 when I select over all of the text to change the opacity to 100% and change it to white I have problems. Certain letter of the bunch are still faded and won't change a solid white. I Clicked each individual letter and pulled opacity up to 100% but still more faded then then a few letters around it. Can someone help me out?
Update. I found out what I was causing the faded effect. I when the object is duplicated and grouped on a path only the master gets full effect of opacity. That way you can tell the difference between the clone and the original object. I had to treat them all un-grouped.
Nintedo music from Spike right???
I was wondering if you can make me a tropical banner and logo
I'm trying this on a round logo, where I want it to shape around the bottom. First problem came with me holding shift and unioning (that's a word now) the green rectangles, but then I only pulled them and not my letters. Then I pulled the letters out, highlighted them, slided them in the boxes again and put it all in one group, but nothing happens when I press the intersection button. gyazo.com/41dd568d35384a73a7f35af5d238bd52
Just to show a screenshot. My letters also get a bit of a problem when I unify them and the rectangles.
I'm pretty new to this and graphics in general, but it's just about getting the hang of it I hope.
HOLLY SHIFT
All of your tutorials would be so much better if you said _WHY_ you're doing some action _BEFORE_ you do it, rather than _DOING_ the action then a few seconds (or sometimes minutes) later show _WHY_ you did it. The net effect may be the same, but most minds don't think out of order like that. Before one selects a tool from their toolbox, it makes sense to know the problem to be solved.
e.g. You start talking about the bezier tool at 1:27. You never say why you're selecting that tool, and it isn't until 2:25 that we get first inkling as to why you're using that specific. It would make things _SO_ much more understandable if you said "So, we need to create the curvy edge of the banner, and a good tool for that is the bezier tool" before selecting the tool, no?
These videos could be 10/10, but it hurts my brain to learn things backwards like this.