Inkscape for Beginners: Vector Abstract Background Tutorial
Вставка
- Опубліковано 12 чер 2017
- Similar to my low poly portrait tutorial, only using a quicker method more suitable for this sort of design. This will also be an introduction for the Mesh Gradient tool.
This tutorial is for Inkscape version 0.92 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 monetize your design skills? Check out my free guide on landing freelancing gigs: logosbynick.com/freelance/
If you feel compelled to support my work here on UA-cam in any way, 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: logosbynick.com/designcourse/
Want to make Inkscape appear dark? Here's how: logosbynick.com/how-to-make-i...
Facebook: / logosbynick
Twitter: @logosbynick
Instagram: @itslogosbynick
My design setup: logosbynick.com/look-new-desi...
Intro song: "In Da Mood" by Combustibles, used with written permission
8:56 after you colored the first triangle you can just use the "Tab" Key to toggle between the triangles so you don't need to switch the tools every time.
Awesome, great idea. Pinned.
Fantastic! I am adding this to my notes as well. Thank You
Also, maybe it's just me but in general I find the alphabet shortcurs (like S: select, D:dropper) easier to work with than Fn. Of course in this case not switching tools is still the better solution.
That was a great help. Thanks
U can also use s key for selecting and d key for dropping
You consistently upload tutorials on topics that I find myself thinking about the previous day. you, sir, are a wizard.
So true! it makes me a tad uneasy ....
a what?!
I agree...
For those having trouble getting the wire frame using Voronoi diagram, select all the nodes (circles) and then use Object to Path before using the Extension --> Generate from path --> Voronoi diagram option. This worked for me. Saw a comment below that discussed this but it's buried way down in the comments, so hopefully repeating this tip in a more recent comment will make it easier to find.
Thank you for the update. However, it is not working for me. Some lines are not connected for some reason. Any idea what I am doing wrong? Thanks!
@@ShowAloudLy wish I could help you, but it's been a while since I played with this.
@@Summiteslclubenglish Thank you for your reply. I hope someone will be able to give me the answer.
@@russellw5447 You got some circles that are double (on top of each other). Reduce the opacity and see which circle are doubled. delete all the doubles and you should solve the problem
Thank you so much, it worked 😀
I FOUND THE SOLUTION. :) Might want to pin this, Nick, as I think it's a problem with newer versions of Inkscape.
So, highlight all of your circles and hit Path>>Simplify. This will reduce your circle from 4 nodes to 2.
Now, when you run your Voronoi Diagram extension it will work perfectly.
I'll also include the current pinned comment here just to provide more helpful info in this comment:
"after you colored the first triangle you can just use the "Tab" Key to toggle between the triangles so you don't need to switch the tools every time."
The mesh just world for me with the 1.0 version.
Thank you Nick, your work is wonderful!🤩
Yeah it worked! ❤️
Yours is the only solution that works - and makes sense!! Thanks for this answer.
your solution is the best. IT WORKED. thankyou
I'm in 1.0.1 and it didn't work until I tried this. Thank you!
Great tutorial Nick! For those of you who have the problem with messy lines make sure you do not duplicate before using the SPACE BAR duplicate method. It's just enough to grab a circle and use the SPACE BAR to create copies of that. TLDR : Don't CTRL + D before you use SPACE BAR to create copies.
The best way of learning from a tut. is to watch it once,then go through the comments, note various observations and solutions and then try it yourself keeping those in mind. saves the heartburn.
I’ll remember, I’m sure.
Dude, you have hands down the best tutorials! Boom!
Thank you so much for these awesome tutorials. I have only started using GIMP and Inkscape and you've helped me quite a bit.
I wish I could like this video twice! Great tutorial Nick!
So simple, but such a great idea!
thx man
keep up your work
love your tutorials man. thanks for uploading.
Nick,
this is good fun, I keep seeing a sunset over the sea and a beach when I look at this. Must be my abstract mind! Seriously, this have given me an idea for my business cards. Thanks very much.
West
Great Video! thank you so much for all these tutorials!
I used this tutorial to create a sort of crystal for my mobile game (in early development). Thanks a ton for sharing the process!
I always wait eagerly for your next upload!
Thank you for this tutorial!! you are a real master!!!
I was looking for that effect thank you soo much Nick
Once again, you kill it Nick. I hope you know how much value you provide. You're truly the best out there man, cheers!
Oo and are you considering making another paid course in the future?
Thanks! I'm not sure about that just yet. Probably sometime in the future, but I don't have anything planned yet. Any suggestions?
Nick Saporito Everytime i try it is doesnt work at all it is crazy and all over the place connecting to the same dot over 5 times on each and skipping the bottom ones leaving big gaps i dont know what is going wrong
Nvm i figured it out
I'm having the same issue. What was your solution?
God bless you Nick its great to work through these. Thanks buddy.
amazing as always
So cool) Thanks for your work) All your tutor are Incredible
I ❤ all your tutorials
Layer 1 was set to 1280x720 but I think that the final outcome has these dimensions minus the diameter of the green circle used. Thank you for all the inspiring work you put into these tutorials for the comunity!
Hey Nick! I would like to say that I absolutely love your tutorials so far 👍
Second thing is that I am using Inkscape version 1.1.1, and I followed every step only to land up having the triangulation design with too many weird lines and becoming oversized. The good thing is, I got it fixed (thanks to the Stack Exchange forum) by either converting the circles to paths and then adding in the design, or leaving the circles as it is and downsizing the design to the size of the rectangle with the mesh grid colours. Lastly, make sure to have no overlapping duplicate dots, and the dots along the edge of the rectangle should be random on every edge (number and spacing wise), not copied and pasted.
Just wanted to leave this comment here in case anyone stumbles into a similar problem like this.
Thank you again! 😄
Thanks
Very good tutorial, thank you so much!
Your videos are amazing!
Thank you very much for this technique Nick, you're very good in inkscape tips :)
Cool thanks. I've always wondered how these were done. Easy peasy now.
When I first saw your cool doughnut, I told myself I *had to* learn how to draw it! 3 weeks later I'm chugging along and learning so much, thanks to you. One reason I like your tutorials so much is I don't hear a lot of 'Uh's' or 'Aah's' or coughing, or sound break-ups. You must plan these somewhat carefully, it's appreciated!
Thanks, glad you're progressing. I actually do a lot of this on the fly. I just come up with a design idea then start screen capturing.
I started with the donut too and I've fallen in love with the tutorials. Nick deserves much more views I think.
Amazing tutorial, Thanks
yeah i also made it and its looks dope thanks man appreciate it
my first Inkscape experience. hehe so happy with the outcome
Awesome tutorial. Exactly what I was looking for. Much better than trying to have it bitmap trace a pattern I found online.
Me encanta tu trabajo, ya he realizado muchos de tus tutoriales y bueno me ha gustado mucho mi resultado, y este es otro que elaboraré GRACIAS ♥
what a genius, mega like it ! Thanks bro
Excellent training videos! And there are several tools/uses of those tools covered in each video so that we learn not just the one tool/idea, but many in the one training video. Very detailed explanation for a newcomer to Inkscape from Adobe Photoshop...
You are a brilliant man
Incredible 💛💛💛
great explanation -> just made my first Background with inkscape - WOOP WOOP :)
Hi nick the #1. 3mendous tutorials. I learnded a lot. Tkyou so much. The best. God bless you nick.
Nick you are awesome!
Man you are the "Legend of Inkscape" Thank you for your wonderful tutorial ! 3>
Beautiful, thanks for share
AMAZING!!!!!!
Amazing stuff.
If you use the newer version of Inkscape, I think I found a way to achieve a similar goal. Apparently, the new Vonoroi diagram extension does not like when the dots that outline the square here are perfectly aligned. So the solution I came up with is placing the dots OUTSIDE the square manually. Then place random dots inside the square and perform the extension, as instructed in the video. You should be able to get neat triangles like in the video this way.
When you are done with coloring in those triangles with the dropper, then delete the strokes and group all the triangles. Then draw a new square, in the same size as the meshed one. Select the square and the grouped triangles, Object->Clip->Set; you should now have something like th abstract background like the one made in the video, although among the colorful triangles there will be some squares (but I guess the average person won't care. right?)
BLESS YOU DEAR ONE!!
awesome!!
that was an interesting tutorial.... cheers
For the selections, its possible to select on circle then using the "Select same" function.
Yes you are right, I should've done this in the video. Thanks for the input.
Always wanted to know how to do this. Nice video.
you are amazing, thanks
Awesome as always! Thanks!!! ;)
Hey man! Just used this technique to put that extra touch on a project I'm working on! This was awesome! Thanks for all of your help, and keep uploading the great tutorials! #skillsetupgraded
amazing tutorial as always ^_^
Very nice, Nick!!!
A good tip is use the TAB key to change the triangle for one that has no color.
Thanks for the video! =D
I figured out (at least for my computer) that you can also click D for dropper and S for select. And then I realized if I was using the dropper tool already and hit D again, it went back to the select tool. It made the process very fast!
excellent thank you so much
I've tried multiple times when making the lines, with the same result. I am 100% positive I've followed the directions correctly and have tried multiple ideas to fix my problem. I seem to not be able to get the lines to connect to the ones next to each other. But still, great tutorial! Fantastic!
You got some circles that are double (on top of each other). Reduce the opacity and see which circle delete all the doubles and you should solve the problem
youre awesome! Thanks for sharing 😁
always like before watching
Nick, as all have said thank you for taking time to do these tutorials. They have helped me tremendously! I don't know if you take requests, but could possibly do a stainless steel cup or word similar to your chrome tutorial? Again thank you!
thanks for everything
You are the master and I am but a humble student
You are the best and you know that right.
Very good.
Very nice
I had problems with getting the triangles to work properly, as others mentioned in the comments. However, some of the tips others gave didn't work so here's what I tried (not sure if anyone else mentioned it but I didn't see it). I started over with the circles and when I made them I went around the border (clockwise) first then when I made the duplicates inside the box I made them close together as I moved around the box vs making them all over in more random spots. I thought that perhaps an internal layering order in the software might be trying to connect those that had been made (duplicated) close in order of when they were made and not relative to where they were physically. If that makes any sense. Well, that worked for me in any case. Thx!
Thanks for the tip, it really helped me!
Hi Nick. . . another great tutorial. I tried another trick to make the lines disappear; instead of deleting the mesh image on layer 1, I copied the group on layer 2 and used the paste size to make the mesh gradient rectangle the same size. I then raised it to layer 2 and lowered it beneath the group and the lines disappeared. I exported it to png to make sure that would work as well. Thanks again for showing one of the new features of 92.
Excellent! I had a little trouble following what you did, but here's what I did which I think is similar maybe just simplified? Before removing the stroke outline of layer 2 I made layer 1 visible, unlocked it, then resized the mesh rectangle to the same size as layer 2, then when I removed the stroke of layer 2, boom no white lines!
You are a genius
Great Content , and consistently , deserve for more subsriber
i wish i can see you and thank cause now i can do alot of things on gimp and inkscape, am now selling on fiverr after learn everything through your videos thanks once again which to learn more of inkscape, still have little problem with my inkscape skills
Thanks!
So this is for all who have problems with the Voronoi Diagram tool (including me):
I just found a solution that needs a bit more time but works nevertheless.
1. You do everything until 4:04 (including the second layer).
2. On the second layer you now create all the different triangles you want to have MANUALLY. Sounds harder than it is.
3. When finished with creating the triangles you have to use the (I don't know what it's called in English) tool where you can choose a colour from any part of the picture (F7) and pick the colour that is in the middle of every single triangle. Press "Tab" to switch between the triangles. For example for one triangle you take the colour that is right in it's middle. For the other one you choose the colour that is in it's middle. Same with every other triangle. You can check if you coloured every triangle by making layer 1 invisible.
4. Your picture should look like the one in this tutorial (at least mine did). You're finished.
Thanks for the input
❤Love and respect from 🇮🇳India
Just a tip, if you select pointer and then select dropper, you can press F7 to just cycle back and forth between the two
Can you do a tutorial for fashion flats including (T-shirts, Jerseys, Jeans, Joggers, Sweats, Cardigans, Jackets, Hoodies, etc.)
Hey great Video. Helped me a lot. Is there a good way to change the colors after you've finished with the background
I want this guy so bad to make a udemy course on Inkscape and Logo design !
Your tutorials are really helpful Nick (i'm in love with your logos), just one question how i convert this proyect to jpeg? i really can't find any option, or if you have a video explaining it please let me know :) thank you!
Hey Nick, absolutely love your content. I'm a total beginner in inkscape. So where do i start?
Your second version of Voronoi was correct.
It's beautiful work, and I really like your videos. Top quality stuff: classy, slick, great choice of subjects, and I'm learning a lot. Unfortunately I'm still brand new to Inkscape (and I only started on Gimp 4 months ago), so 'complicated, intuitive' things like your tool-choice, menu selections and mouse movements happen a bit too quickly for me to follow. I keep thinking 'Huh? What? Why did you need to -?' and by then you've moved on. Of course it will all seem obvious after a while - like developing muscle-memory for playing the violin - but at the moment I haven't quite reached the status of 'Beginner', so I'm having to watch each video in 5 second segments! Ah well; it's a good excuse to watch everything again. And again. And again... :-)
Gradient meshes are so useful, I wonder what's the holdup with integrating these into svg standard?
I solved my issue with the messy lines! There was one "suspicious" dot, that attracted a lot of lines from afar so I deleted that dot and then the pattern was perfect triangles.
thanks a bunch Nick for these great tutorials they're pretty helpful, btw I was wondering, can we set these settings as default? 0:51
it'll be so much easier to work with a set of rules that suits the type of work i'm into.
just got in to press a like button
I coloured mine by grouping and duplicating the whole object moving duplicate to one side and then breaking original into triangles and using dropper tool to select colour from copy. No layer switching.
In Inkscape there are multiple keystrokes for most common items... try S for Selection and D for Dropper, easier that the F-keys
my inkscape is behaving badly!! I got so many extraneous lines going from every dot to eery other dot. so I un grouped, deleted the very large triangles , then added in the shorter missing lines one by one! selected a circle, selected same fill and stroke to delete the circles. also I stayed on gradient fill and as I selected the triangles to dropper color, it created a nice gradient of the color in each triangle. very nice. I don't know why mine came out differently except its 2 years later and the versions may have changed something.
I have only seen two of your videos and it has taught me so much about Inkscape! I am wondering though, how to do this with curved lines? I tried what you did in the low poly portrait, but when two lines overlap they don't make the same curve. Not sure if this makes sense.
After using the Voronoi Diagram I am getting individual lines instead of triangle shapes. Do you know why this would be happening? It also looks very strange and does not have a complete boarder going all the way around. Thanks and love the videos!
Love your tutorials Thanks. Just saying that the black theme makes it hard to see which buttons you are pressing.
awesome tutorial Nick! One problem, my triangles are overlapping. How do I fix this?
Your tutorials are extremely helpful! However, when I make the Voronoi diagram, the lines are intersected and not well shaped as yours. I followed everything u did but I dunno why it happens :(
God bless you.
Thanks for theese videos.there is not creat and edit meshes tool in My inkscape and so i cant make abstract background.Could you say alternative tool for this?
Love this video and have used this concept in a number of ways. I figured out that you can alternate between the dropper tool and the selector tool just by hitting the letter D on the keyboard. That same letter will actually switch back and forth between the two. One issue that I keep having is that when I use the Voronoi Diagram, some of the lines are connecting to the same dot so it doesn't come out clean like in your video. I end up having to use the Bezier pen to draw them out individually. Not sure what I'm doing wrong. Thanks and keep up the good work!
hi, did you eventually figure it out? I have the same issue with Voronoi diagram
@@jdreamhunterI haven't used it much recently, but unfortunately I could never figure it out
It takes me a thousand tries to make a perfect pattern I dont know what Im doing wrong. I have to delete or add circles just so the borders would all connect and the inside would make nice triangles T^T
Nice video Nick as always but just like many others I could not get the delaunay triangulation worked as it did for you. I found a solution myself after spending few hours. Instead of creating circles and duplicate 'em, I used the pen tool and clicked all the random places while pressing "Ctrl" while I clicked everywhere it gives me a circle ( this i think I learned it from your other video) and then selected everything and run the "Delaunay Triangulay" and it worked like a charm. NO OVERLAPPING NODES anymore. I would recommend all to use this method. I think the main problem is with the duplication.
Thanks, this is the solution for the messy problem and probably the right way to do it anyway.
@nick saporito The icon pack provided in the link in the description is lacking a few of the new icons in .92, namely the mesh gradient, measurement tool, create and edit meshes button, etc. Do you have a link to download your icon pack? It's different than the Tango BW one linked in the video on your blog. Much appreciated mate!!!