Inkscape for Beginners: Retro Style Text Tutorial
Vložit
- čas přidán 23. 07. 2024
- In today's tutorial I'll be demonstrating how to design some vintage style letters and text in vector format using Inkscape. This tutorial emphasises the usefulness of the masking feature, which when used properly, adds a nice aged appearance to the design.
Montserrat Ultra Bold font: www.fontsquirrel.com/fonts/mo...
Masking image: pixabay.com/en/background-tex...
This tutorial is for Inkscape version 0.48 and is intended to teach beginners how to use the software. Inkscape is a great free alternative to Illustrator and Corel Draw.
Need a logo made? Request a design at: www.logosbynick.com
Ready to make some money with your design skills? Check out my freelancing guide: logosbynick.com/freelanceguide...
Facebook: / logosbynick
Twitter: @logosbynick
Want to support my channel? I don't accept donations, but if you feel compelled to support my work here on CZcams in any way then a one-time purchase of my $17 online course outlining how to design a logo from start to finish would be greatly appreciated, and you may learn a thing or two about logo design as well. You can check it out here: blog.logosbynick.com/logo-desi...
Want to make Inkscape appear dark? Here's how: logosbynick.com/how-to-make-in...
Here's all of the software and hardware I use to make these videos:
logosbynick.com/make-youtube-v...
Intro song: "In Da Mood" by Combustibles, used with written permission
No words to praise your skills Nick! You are an absolute master of graphic design. Seems that InkScape developed only for you :)
learning how to create textures is something I've been trying to figure out for a while now. This is exactly what I needed. Thanks!
You're awesome. You're doing Yeomans service to newbees like us by sharing your expertise in one of the top FOSS graphic design suits. While we have hundreds of masters teaching graphic design in proprietary softwares, masters like you are very rare who can impart training in open-source tools like Inkscape and that too so much effectively and user friendly manner. No praise is enough for guys like you. You just rock. Keep it up.
Your videos are blessings for us beginners. You inspired us to pursue graphic designing. Thank you Nick and more power to you!
Love your videos. Bit by bit I get a better understanding what functions can be used in order to create very individual designs. This is so great. Thanks a lot for sharing
Guy, you are awesome. Thank you so much! In the space of ONE day I am confident enough to attempt a few designs on my own. One teacher to another, you're awesome! You explain so well! Keep it up!
Just started using Inkscape today, and these tutorials are fantastic. I am an ex sign maker coming from FlexiSign, albeit 14 years out of the game. Seems very similar in ways, but I am extremely rusty. I have just bought a laser cutter / engraver, and this is invaluable to me. Thank you!
You are a great guy i appreciate you your videos help so much i have had such a massive improvement from watching one or two of your videos a night thank you man keep it up
i just wanna say thank you so much for putting the time and effort to make these videos.
My pleasure
Nick your channel Is amazing , inspired me to take on the bezier tool and learn to love it again . thank you
É incrível a facilidade e criatividade desse profissional com o uso do Inkscape!
This is very helpful. Thank you so much for your tutorials!
Watching this guys videos he is a great instructor. How anyone gives this guy a thumbs down I don't understand. Thank you for making these series. This really helped get me started with inkscape to make HMI graphics for industrial applications.
Indeed, Nick is a great teacher and has awesome tutorials.
Such great tutorials, thank you!
You're amazing. Thanks so much for sharing your skills. You da man!
Absolutely brill video, thank you Nick, love this :)
I must say I'm impressed with every single tutorial of yours!
As always, thanks, Nick!!
Awesome! Love your videos!
Great tutorials! Thanks!
thanks for sharing. very helpful!!!
you are amazing, great work.
Logos By Nick tutorials are the only thing stopping me from running back to my Illustrator safety blanket.
This tutorial is awesome so thank you so much for taking the time (along with your other ones too of course). I was wondering if it is possible to follow these same steps on an entire word typed out?
Nicely Done!
this has helped me a lot thanks
SUPER tutorial.
TY
This was awesome! I learned so much. Is it possible though to copy or duplicate this format once you've made one letter to another letter? Seems awfully time consuming to make 26 letters this way just so you can make all possible words.
So so good Nick, lol you make it look so easy...but in reality I'm like DOH!!! HaHaHa....thnx for all the tuts, I have learnt so much.
I do love the tutorial, but going through it I wish you could explain more about how the process works, like why I draw four polygons to create the 3D effect, then join the objects to the bottom layer. I'll be watching your other videos for sure. This will make a great tshirt design.
Nick, Love your tutorials. I'm really a beginner here; How do you apply the same set of steps to the next letter/object in a word. Or, do you do the whole word at once?
You are a MASTER!
hi Nick I watch all of your inkscape videos hoping to learn all that I can...is there also a favourite book or other materials that you turn to to get all of your great knowledge on this program...BTW, I love your videos!!!
Now that is cool!
awesome, really appreciate it ! 🍇🍇🍇👏👏👏👏
Hey Nick man can you help me out. I can't see that little diamond when I do dynamic or linked offset. Thanks for help! You're videos are great by the way.
Hi Nick, I am following your Videos for some time now, and I very do every step you do. but when i go to Stroke to path and then break appart nothing happens. then i check my object and see that it tells me. no object slected to chang to path. I love your videos, really great art and work and stuff you create. brilliant and thank you very much for your time and effort!
You should ungroup it after you clicked on stroke to path, on newer inkscape that's the way to follow his tutorials.
@@amanuelelhanan4716after ungrouping what to do it donot come out same as tutorial need help
You're amazing 💕
Awesome!
one of the only inkscape tutorial that actually have good design. most of the tutorials about inkscape and gimp that i found are kind of ugly.
As always, the video is amazing, but when I try to follow, the version of Inkscape I got a few weeks ago looks different from yours--even in custom view. Any idea what's happening? Thanks!
thanks mr. nick
It would be nice if this guy responded to some of our our questions. I know he can't respond to everybody but there are a lot of questions on a lot of the tutorials that it would be nice to get answers to.
Hi Nick, thanks so much for your tutorials, I just wanna ask if you're gonna apply this style in words, do I have to to the same process for each or is there a way that it could be edited, how would I say this.. like it would just copy the path or linked to the style? Thanks in advance.
Amazing..
Great tutorials Nick! Makes me think I might be able to do this. Question: at the point you Union the front of the A with the back (blue layer) of the A-when you use the bezier to click "just anywhere in the shape", I can't seem to get the piece to "union" to take on the first basic 3d look. Any help out there?
I got the same problem...
Awesome video. I noticed you use Inkscape version 0.48. I have Inkscape 0.92. Does it make a difference? What do you recommend and why? Thanks.
Thank you!!🙌🏿🙌🏿🙌🏿🙌🏿🙌🏿
Hi Nick, I wonder how did you set the Inkscape like this in the video? once I open the Inkscape I do not see the same page in the video?
Thank you
How is this done with round letters? For example Im using the letter "U" and since the top of it is flat im not having a problem. However even when I use snap to smooth nodes with the bezier I'm having trouble getting the correct shape. Thanks for the vid!
Hey Nick -- another great tutorial as always. But I have a question -- I am using this tutorial to creat the initials for your GIMP demonstration of carving into wood. I used C and I end up with little cut outs on the letter where I am making the 3 d effect -- any tips on how to get rid of them?
Did you remove the image mask from the letter C before exporting it out of Inkscape?
Can you do a tutorial for the New Years ball?
That was nice. :)
would love an updated version of this, as some of the directions no longer seem to sync with newer versions of the program.
I noticed and couldn't figure out what I was doing wrong...I kept going by the video to the T and it wouldn't turn out right. Lol Finally figured it out though. Whenever you make the copy that goes to the back... Turn the Fill off on it. (Just the copies) For whatever reason the Stroke to Path and Break Apart method doesn't function properly as long as Fill is turned on for the duplicates. Only thing about it though that is a little tedious. In order to delete the parts he did, I had to physically pull the pieces away from each other, delete what wasn't needed. And then piece the others back together with the alignment tool and then use the Difference option under paths.
Hey Nick, awesome video! I followed the tutorial and made myself a neat logotype, but the mask that makes for the stain is gone when opening the SVG in a browser. Do you have any idea how to deal with it?
Masks and clips are Inkscape-specific, meaning they won't work anywhere else. I would export the graphic as a .png, then it'll be visible anywhere you use it.
in my case i cant download the text please help
break apart is not working well for me . could you say another alternative for this?
nice tutorial as usual! can you explain, why you rotate the letter to the right and rotate it back. wouldn't it be the same result without rotating and move the backlayer to the right instead of moving it down?
it wouldn't line up so perfectly because you'd have to eyeball the X and Y axis movements, instead of just estimating the Y axis movement like he had us do (when we had to hold Ctrl to move it straight down)
The only thing he accomplished by that was moving the object along axis being exactly 30° down from the horizon. If you don't care about exact degrees you can do it by hand without rotation.
Hey Nick when I break apart or use stroke to path nothing happens could you please remake such videos with latest inkscape versions thanks :)
Excellent video, as always. You're the best.
Silly question, the keystrokes on the bottom left of the screen. Are they a Ubuntu feature or just a video overlay?
It's a separate application for Linux called "Keymon". I wish they made it for Windows too. I haven't found anything similar yet.
Thank you very much. I use Windows in the office by obligation but, I use Ubuntu at home. I already installed keymon and it works very well.
In appreciation of everything I learned on your channel, I checked some alternatives for Windows and found KeyPose. I tested it in virtualbox with Windows 7 and it works, although it is an overlay bar that crosses the whole bottom of the screen and disappears in a few seconds. There is another one called QiPress, this one I have not tried yet.
You can find alternatives for different software here: bit.ly/2tJHwe6
I am not affiliated with them or anything like that, but it is a page that has helped me a lot, I hope it is useful to you.
Sorry for my English, it's my second language. :-)
Hello Nick, are you using Ink 91 or 92?
Nice tutorial. One problem I notice, the image for the mask is no longer available on Pixabay, I get an error for that web page. (Update) Got the file.
hey i cant have multiple menues open on the right side, how do I fix this? Thanks for all those videos its a real blessing!
You can manually dock them by clocking and dragging the menus up at the top where the name/label is.
@@LogosByNick How can I dock a floating menu window? The menu somehow popped out and now it is floating and I don't find any way to dock it again.
You're a master. How long have you been doing this and how did you get into graphic design. You should definitely do a Q&A video. I been following your tuts but I wonder if I'll ever be able to do what you do without you. Hehehe
Eventually you will fall into your own niche 😊
@@folkloreofbeing I hope so, thanks to Nick I found a hobby I really enjoy.
THAnK you very much . but after ungrouping need to do path difference but it did not came out like NICK'S TUTORIALS if some can help me how to do this inkscape new version
At 3:30 you deselect two areas on the letter "A". I am following you but doing the letter "B". Every time I try to deselect the inside part of the letter "B" it deselects the bigger portion of the letter "B". How can I deselect just that one inner part (or two inner parts in the case of the letter "B")?
Hey Nick, first of all, thank you for such a great work...
I think I am having some issues as when I click on break apart, I don't get the result as in video...can anyone help?
I was having the same problem but made it work eventually by pressing ungroup after breaking apart.
There seems to be an added step maybe with newer versions of inkscape -- "ungroup" before break apart. I figured that out, but deselecting with so many layers is so difficult (trying to deselect the little triangle in the A is not working for me the way it is for Nick).
ok, so I think *instead of* Path > Break Apart, just ungroup, then skip break apart and move on. I think it gets the same result.
@@markyoder24 Thank you, i figured where it's been updated something was off because I was having the same issue.
what's the intro n outro song u use?? sounds jazzy but super good
It's all in the description 😉
In Da Mood by Combustibles
+Reso ah i must of missed it
thanks guys
Hello Nick. I have a problem. I cant "Union" the 3 poligons i made with the Bezier to make the 3d effect. I select the 3 of them and the blue part and press union and nothing happend. Can you tell me why?
same here.. cant seem to know what went wrong
I did it once but my head dont wants to save how it works :(
Hey mate I’m having a bit of trouble. Once I duplicate the red A, add stroke, and try to finalize with stroke to path, break apart the object doesn’t stroke to path or break apart. It’s almost like it’s regrouping from the duplication. Odd.
Hi i'm trying to follow your tutorial with inkscape 1.1.2 but i don't know if it has the same features of the one you used just because i got some issues on following that.
When you create the duplicate copies that are set in the back, turn fill off. For whatever reason the stroke to path and break apart method doesn't work properly with Fill on.
I'm doing something wrong. After I added the red outline and went to "Stroke to path"(at 3:10) I didn't get this layered look, it basically stays the same as before. Can anybody help me out?
With the new update of Inkscape, I can’t stroke to path n break apart. I tried stroke to path and object ungroup but still did not managed to get the inner selection. Does anyone know how to proceed? I’m stuck thanks.
i tried this on the new inkscape version and its behaving differently during the stroke to path and break part instruction, can you help out?
3:14 - After I put in the first duplicate red letter under the green one, and then do stroke to path/path break apart... nothing happens for me? Am I missing something?
I have tried doing this multiple times but at the bit around 3.15 when you hit Path/ Stroke to Path nothing changes on mine, and again nothing changes when you put in Path/ Break apart'...anyone have any ideas why this may be?! I have followed all the preceding steps v.carefully!
Me 2...
Has anyone an Idea why the "Stroke to Path" and the following "Break Apart" won't work for me?
SHAPE FILL COLOR ALREADY OPACITY 100% BUT STILL TRANSPARENT. So for anyone who got this case, I just wanna give tips. You should click on that shape, go to linear gradient -> edit gradient -> click on 1 dot and match the color with the color selected on the other dot. And then you can just click select tool and click that object and it's work just like usual.
No idea what I'm doing wrong, but after converting the stroke to path and selecting "Break Apart" it always says "No path to break". I've started from scratch at least six times and have not been able to progress past that part 3:15
Exactly the same problem here too
on minute 3:36 when i click union the 3 selection that i make from the baziel pen going out off line... can u help me?
same for me, but he explains this problem in this video czcams.com/video/Sy0nUkUt9CA/video.html
too bad this update messed up his old tutorials
Great!
im using Inkscape on Windows, and that 'Stroke to path' doesnt work out.
how bout that?
Yes this would be helpful to know! Can it be fixed or am I missing something?
hey, everthing just doesn´t work for me :/, I do every step but when I got the green A on top of the red A and click "stroke to path", "break apart" nothing happens. Can anyone help me?? (the bezier tool doesn`t work either).
I feel like a New York deli man is giving me the secrets of the universe
Hello, can you make video in 2022 ,i cannot do this stroke to path ..... Break apart etc i dont know what s the problem.
path - stroke to path - ungroup - break apart then bring smallest triangle on top then path difference with large stroked red triangle
Hey man thank you soo much I was not able to understand why I was not getting the same results
You saved me from going crazy over this tutorial :) I followed step by step the instructions and still nothing happened. Thank for the help!
this comment rescues this video! I am using Inkscape 1.2 and would not have figured this out on my own.
deleting the other red pieces is still necessary. I found it helpful to look at the 'layers and objects' panel when going through this then it was easy to find the smallest triangle, move it on top of the large red triangle, and deleting the other red pieces.
can these type ofdesignes that are created uniquely be copyrighted?
This 3:15 stroke to path, nothing happens, no reaction, no unions. Nothing applies! Letter stays the same as it was before, did someone face same issue?
I have the same problem. I thinks it's Inkscape
FIRST OMG
hey do you also use Blender ?
Just for video editing
Do you use blender as your main editing software or for smaller kinds of projects?
More for smaller project
I meant that be directed towards Nick. Just curious what editing software he uses, wondering if he's heard of HitFilm. It's a really great free editing and composite software
Nothings happening when applying operation "break apart" at 3:19
@cakeandcake yup .. you are right bro, I tried to figure out other ways to get the same effect for 3 hours and failed.
Interpolate doesnt work?
I have only a problem when I need to stroke to path..., nothing happens there is no 3rd colour If you know what I mean. I have duplicate it and did everything step by step.
Have the same problem here.
I have indeed the same problem. It is an old video, but the behavior of the new releases of Inkscape is not the same anymore.
I had the same problem and I solved this with an "Ungroup selected groups" after the "Path -> Stroke to path" instead of the "Path -> Break Apart" step. It seems like sometimes an extra ungroup is necessary after converting anything to a path (I am using version 1.0.1). I hope this helps.
The first few steps between 3:14 and 4:04 seem negligible to me. I can't really see a difference. Am i missing something? Seem like a lot to end with no change. please explain
Nothing happens when I try to interpolate. Anyone having the same problem?
What is the size of the template
I didn't use a template, I just went to Files > Document Properties and turned off the page border.
Nick Saporito ok thanks
The font reminds me of Bioshock .
holy sh***t ty
This tutorial just did not work for me. First I wasn't able to use the union command for some reason, could not generate stroke to path. Instead of union, I grouped it together somehow but when I tried to interpolate those strokes, Inkscape gave me an error message and it just did not work. This was so frustrating!
Sorry for the frustration. Unfortunately Inkscape changed the way stroke to path works in a recent release, which broke a lot of my tutorials (including this one.) If you're interested in a workaround, I addressed it in a recent video here: czcams.com/video/Sy0nUkUt9CA/video.html&t
@@LogosByNick Thank you so much!! This has been very helpful!
It doesn't work with version 1.0 of Inkscape. The tutorial has to be updated
I got stuck too, about the 3 minute mark my selection going object to path and break apart does not return the same results as he got.
@@RaspberryFanta I've tried to replace Path-break apart by Object - ungroup , but even so , for this tutorial especially , the workaround doesn't work. For other tutorials it's ok to do so.
@@laurentiapetcu130 Found a work around for this problem. After making the red stroke change the fill color for the red A to none. Then do the stroke to path and break apart (I may have also ungrouped it before breaking apart but don't remember). I ran into a problem @3:42 trying to select the inside part of the A holding shift, because it just kept reselecting the big A. Got around that by using Tab and individually deleting the same objects Nick deleted as a group.
@@JeffHenneforth Thank you ! I'll try this way and see what happens.
@@laurentiapetcu130 I did run into some additional issues later, but I played around with it and was able to get through the troubled areas and finish the tutorial. Good luck!