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
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!
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! :-)
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
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.
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.
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.
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
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?
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
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.
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 :)
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
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!
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.
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).
@@Daijyobanai Thank you Working with version 1.4 Select Envelope Deformation Tick - Enable top & Bottom paths Untick - Disable left and right paths Click on "Bottom bend path (first icon with the arrow)" -> white nodes appear on the bottom left and right of the box of the T. Now drag those white nodes one at a time to the bottom of the slanted box in the ribbon (looks weird). Click on "Top bend path (first icon with the arrow)" -> white nodes appear on the top left and right of the box of the T. Now drag those white nodes one at a time to the top of the slanted box in the ribbon (everything should now line up). I think Inkscape is trying to give more control, rather than letting the user move all four white nodes at the same time, Inkscape only lets the user activate one side of the bounding box at a time, hence the Top bend path, Right bend path, Bottom bend path, and Left bend path. You click those, and you activate being able to change one side at a time. That's how I did it.
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.
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.
This dude is inkscape Jedi 💪
It's crazy how much better the finished design looks just by changing the background.
Nick, your videos are FANTASTIC. Thanks for the wide variety of tutorials and the extremely clear instructions. A truly unique channel. Keep it up!
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.
Excellent tutorial. Explaining everything you're doing with the keyboard is really great too
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
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)
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!
Fantastic visual effect on the ribbon itself! I wish I could visualize the negative space like you do when I draw.
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! :-)
Thanks, it works properly.
Nice one Nick! Thank you. really learning a lot from your excellent teaching skills. 👍
My mind literally exploded. I'm dead now.
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
Very nice
you are a genius of inkscape .. thank you so much
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.
you always inspired me nick.. tengkyu so much. :)
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.
excellent video tutorial
thanks for your time
Very useful for beginners
Thanks!
Hello Nick! Can you do a episode with an explanation of Illustrator and photoshop advantages over inkscape and gimp?
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
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
You're the best ! Thanks.
thank you so much nick, you inspired me :D.
from Indonesia
Nick you are the best!
This helped a lot.
I like your tutorial,Nick...im beginner. 🙏
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
I dont get the white nodes show up. I also seem to get a lot more grey nodes than what you do??
Another fab video, that looks amazing! Thank you so much :)
@12:40 I dont get any white nodes. what to do?
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?
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
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 "?
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.
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 :)
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 :)
PERFECTO!
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
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!
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.
👍👍👍👍👍👍
Nice, Thumbs UP!
I went through this whole video and can not get white nodes on the letters could it be the font I'm using????
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).
@@Daijyobanai Thank you
Working with version 1.4
Select Envelope Deformation
Tick - Enable top & Bottom paths
Untick - Disable left and right paths
Click on "Bottom bend path (first icon with the arrow)" -> white nodes appear on the bottom left and right of the box of the T.
Now drag those white nodes one at a time to the bottom of the slanted box in the ribbon (looks weird).
Click on "Top bend path (first icon with the arrow)" -> white nodes appear on the top left and right of the box of the T.
Now drag those white nodes one at a time to the top of the slanted box in the ribbon (everything should now line up).
I think Inkscape is trying to give more control, rather than letting the user move all four white nodes at the same time, Inkscape only lets the user activate one side of the bounding box at a time, hence the Top bend path, Right bend path, Bottom bend path, and Left bend path. You click those, and you activate being able to change one side at a time.
That's how I did it.
Freaking genius!
Nintedo music from Spike right???
no details on how to customise inkscape on your description
5 years later, is there an easier way to create the shape ?
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.
I was wondering if you can make me a tropical banner and logo
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.
If this didn't work for people, make sure your square box has a stroke (border) and not just a fill.
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.
skilzz !
Nice ! (first)
HOLLY SHIFT