Inkscape Tutorial: Vector Smoke Effect
Вставка
- Опубліковано 16 лис 2017
- Create abstract vector smoke using the freehand lines tool and the interpolate extension within Inkscape.
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
Learn how to get hired for freelance design work: 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
Thanks Nick! Your tutorials are among the best, ever. Much appreciated by fledgling Inkscapers like myself.
Wow Nick, I am so impressed with your tutorials! I worked on Coreldraw years ago but haven't been able to buy it again, so when I found Inkscape, i was over the moon. The fact that you make such comprehensive tutorials, creating these amazing logos and vectors, makes it even more of a pleasure - thank you thank you thank you - you have no idea how you are helping me find my creativity! Keep up the great work!!
I hope you find this amusing, I spent the whole weekend trying to pimp a logo, I had to stop and watch a dozen of your tutorials and voila it's done and brilliant thanks to you.
Whoa, you are incredible!! Love all your tutorials!! Very creative and smart !! Thanks for the inspiration
Amazing! Just want to say that I have been following some of your tutorials in the last couple of days and I think you're doing a great job explaining these things. I literally had no idea how to use inkscape, but the way you explained things really helped me to learn. Thank you very much.
Glad to help! Thanks for the feedback.
Amazing work! Your tutorials are really helpful.Thank you so much.
Beautiful! Thank you Nick! Also thank you for assuring me that my PC was not going to pack up and that I just had to hang in there! Your tutorials are the best!
That's great and easy to apply. I really like the way you explain Nick.
YESSSS!!! I have been needing a tutorial like this! WOO!
Fantastic tutorial, so clear and helpful! Thank you! You have a new subscriber! I look forward to learning more!
It's great, I'm studying graphic design, (I'm a begginer) and in my college we do something like this but with illustrator... Now I'm in love with free software philosophy, and your videos are great cause I find an alternative to private software with something like I love who is graphic design.
Pd: sorry for my English I'm not a native speaker.
Calaca Games n' Apps No worries, your English is great!
Your English is fantastic. I only speak English so always in awe of people who speak 2 or more.
3 years later, I hope you're an expert now:)
@@samuelnyiro2316 same
@@bettanamedcrimson6646 same :)
Just awesome, another amazing tutorial
Your Tutorials Are The Best! Cheers!
wow! I'm in love with inkscape! Thanks!
Nice! Love this effect.
If you set the colors for the lines before interpolating you can interpolate the colors too by checking "Interpolate Style"; I did three separate interpolation with just two lines selected at a time. Also, if you just do the interpolation from the paths, at that point you can still edit the stroke width, etc..
Thanks for the tutorials.
Amazing.
Quick and simple.. thanks.
Amazing! Thanks Nick
Note that you can get a similar effect with the "Interpolate Sub-Paths" effect. You'll have to apply it for each of the pairs (the extension does that automatically), but then you can edit the path after the fact. You can even use this to make 3d wireframe figures! It's very relaxing to play with.
Thumbs up! Nice tutorial. Quick and easy to realize.
Regards from Germany ✌
Best tutorial, thank you
Thanks Nick... as always
this is awesome! thank you!
ThankYou ! Great tutorial
bro you are surely the best
Love your videos BTW!!!
AMAZING SIR!!!
Hi Nick, love your Inkscape and Gimp tutorials, great work. Just wondering if you could tell me something about the ideal export settings in order to use the designs for t-shirt printing. Thank you.
Very good, man!! Thank you.
Thank you Nick
Looks great! Thanks :)
Excellent one
Thanks Nick!!!
Great video please try to explain how you save your finished works though, like do you use gimp or additional softwares to present em?
Nick,
how strange, I was doing this on Friday using 2 lines as I didn't know it would work with 3 lines. Thanks very much!
West
u are the man!
Awesome wanted to do this.. great.. thanks bro
OMG, THANK YOU!
thank you!
Wow youre amazing Nick. Love it. Just one question. Could you please do an Inkscape VS Adobe Illustrator video coz im starting to see no use of Ai coz inkscape is powerful! Thanks in advance
thank you
Nice !!!
excellent video, but could you change the dark theme? because you do not usually see which option you selected ... thanks for your high quality content
I know its an older video but I just found it right now. At first great Inkscape tutorials and I've never seen any better yet. And I really like this effect but is it possible to make an animation out of this lines? Like changing settings in small steps and make a sequence out of it? I really like to have a video background with this just moving instead of static. Hope I can get an answer to this.
Я не понимаю что он говорит, но объясняет он так, что к концу видео я понимаю всё! Однозначно лайк
Awesome
Interpolation 😍
The first thing I wanna say is that these videos are helping me a lot. Now I want to become a graphic designer. This is a very special youtube channel, so go forward, don't give up! The second thing is that I have a question related with Inkscape, Ubuntu, and Windows. I have the same problems with Ubuntu about the programs that are available so I decide to install Windows 10. The problem is that in Ubuntu you can see the thumbnails of the svg files and treat them like images. My question is if you know how to do this using Windows. Thank you.
Have you used this technique with text? Or a paint splatter technique with text? I'd love to see that! Your videos are awesome!
useful video ever i seen.. and one more thing is, if i save this into image or EPS , the file size will be more than 1MB atleast ? . Because when i save this i am getting file sizes less than 0.5MB.
good job
Thanks
very useful tutorial who work on stock images.
Great tutorial Nick but I face a problem in interpolating and the problem I face was it was saying an error occured while interpolating . But anyways thanks for giving me brilliant tutorials and also your explainanation is best 👍👍
Hope you will hlp me
i have noticed that inkscape is sort of alott bether than Visio or gimp with path and setting`s for path especially like making the yellow line for road its evenly distributed but in visio its har to get same effect, only thing i notice inkscape is lacking is library of shapes like visio has or is it via add-on? :) btw great video :D
I want to download this version of inskape how can I download plz give me link plz plz plz
I imagine if you could create digital smoke, that's what it would look like. lol
Great tutorial, and thanks for sharing!
This is AWESOME! Thanks! Question how do I fill the lines so they look like actual smoke?
You just need to apply some blur on it.
I actually want to know how you made your 10 sec starting youtube logo video here, I loved it it would be nice if you can teach that :)
I used the above design along other things. But the smoky effect layer always stays on top. I don't know how to fix it. Could you please help me out?
hey @nick , you really make great videos , simple , easy and slow for beginners . would like to ask you what is better in your opinion (gimp or inkscape) i want to learn one of them but cant decide, also would you please recommend a video editing program(beginner) and if u know a channel with some videos would be great ... thanks
It would be beneficial to learn both. If you want to learn to edit photos I would recommend learning Gimp first and then graduate to Inkscape. Some of the concepts are shared by both programs but they serve different purposes. Blender is great for video editing (among other things its capable of). Mikeycal Myers here on UA-cam has some good video editing tutorials for Blender.
Comparing GIMP and Inkscape is like comparing apples to oranges. They're both graphic design applications, but they both serve different purposes. Inkscape is for creating vector graphics, and GIMP is for editing existing photos/images. It would be ideal to learn both simultaneously as they both work great in conjunction with each other.
How to use gradient tool in latest version please show
nice
Can you create lightening letter with gimp?
nice video
Hi Nick! I love your videos and designs a lot! But I have a problem with Inkscape. Whenever I try to use the eclipse tool, it just comes out has a few dots, no circle, just dots in a position as if there was a circle there. I was wondering if you could help. Thanks!
I've had this issue too. If your problem is the same as mine I found that hitting the "Make the shape a whole ellipse" button would solve the problem. The button is in the tools toolbar when the Ellipse is selected, and is the last one on the far right, the full circle image. Hope that works for you too!
Rachel Bruner yes that actually did work! Thank you so much!
Wonderful, so happy that worked for you too. :)
Can we use for data modeling
Thanks, but I don't see why you need convert stroke to path, you can use a gradient for the stroke color and it looks the same.
I dont know what is issue, but i am getting error like incorrect parameter, only for generate from path functions did not had any issue before.
Why don't I have the interpolate extension for Inkscape 0.92?!
Did you ever find out why the interpolate extension wasn't there? I have the same issue
Been trying for hours now and still can get it to work. Nothing happens when I turn on interpolation live preview. Followed every step, the paths are not grouped and still nothing, it's frustrating!
Omg, I spent like 5 hours trying to get a similar effect with the lattice deformation tool when I could have done it in 5 minutes 🤣
pls can I have the vector file?
They've changed this so much in the current 1.3.2... it some ways I prefer older versions of inkscape.
Awesome as always, you are great! But I cannot fill those lines with gradient, I constantly get fields instead of lines. What on Earth am I doing wrong?
I have the same problem. Great video by the way.
on what timestamp you have difficulty? if it's on 4:30 you may need to type "g" letter on keyboard
I get the same problem too...
Using Inkscape 1.0, I found that the smoothing multiplier should be about 25 instead of 65, which produced a straight line.
Greetings and thank you from the future!
thank you
This should be pinned!
Thank you
This is exactly what I was scanning the comments for. Thank You!
Is there a way to have 3 colours?
Can the file be exported or imported into illustrator or photoshop?
Yes, just export to svg, all vector program works with svg.
"interpolate" tool is not working.
Do you have any idea?
THANKs from BAVARIA!
1)How can i fill the space between each line with an vertical gradient too?
2)How can i use Inkscape on a UltraHD Display? It always closes and i cant see the menues siutable
Try bumping up the number of lines in the Interpolate plugin. If there's enough of them to fill up the entire space, then you can work with them. At first it will look ugly - just a solid black area. But then you group those lines and make them much more transparent in the Stroke & Fill panel (you can readily combine it with gradient there as well) and they will start resemble a real smoke then. You can also try experimenting with their thickness, and maybe add some slight blur to make them blend with each other better without moire patterns and other ugly artifacts. That's how I made mine that I linked in another comment.
nick.... at 4:17 when you fill in another colour - my lines turn more into an object when filled in. It doesn't just change the colour of the lines! Where did I go wrong?
Sounds like you didn't convert the strokes to paths as I did at 3:20
I come back all the time to learn "once again"
after I run live preview in interpolate dialogue, its shown notice that "inkscape has received additional data...traceback" and fail to make multiple curve. what is the problem?
In newer versions of inkscape using 1.2 Exponent has to be more than 0.
Thanks man! That worked for me.
2 years later. Cheers
This was neat! Is it possible to make similar smoke effect in gimp too?
Not that I know of, sorry
its cool.
do you know of a way to make this animated?
Not with Inkscape, sorry.
Somebody, I need some help,, I cannot get the lines from generate to path- interpolate to make them. I add the interpolation steps. No live preview to see.. doesn't work for some reason. What do I do? Please help. Thanks!!
when I try the freehand tool with the given smoothness and the spiro path..whenever I draw a curved line it always comes out as a straight line...every time I draw a line with many curves and I release the left click it becomes a straight line...please help pleaseeee
reduce the smoothing I guess?
same happend to me. reduce the smothing to like 25. Try diffrent numbers but around 25 works pretty perfect
Interpolate is not working for me. My interpolation method has sentences instead of numbers
Maybe we can have a different approach on Inkscape 1.0, right?
...just a thought.
yes please do this
and all these applications do not work for me.
how to connect them?
libxml2 is required by this extension. Install python2-lxml.
Which OS are you running?
Does anyone know of any good free Adobe Premiere alternatives?
For a Windows 10 machine
+Leonel Funes Jr Blender does an excellent job of editing video, I used it for a long time before switching to Premiere Pro
Nick Saporito Awesome, thanks! Thought it was for 3D creations but I'll look into it
For basic video editing, Shotcut's pretty easy to get into. You can't really do much in the way of effects, but it has a pretty level learning curve. If you want more access to effects, filters, and whatnot, check out Lightworks. If I'm not mistaken, they're both open-source (FREE), and available for & compatible with Windows 10.
i celebrate you big time
I have an I5 and it's been 10 minutes since I've done the stroke to path action and still nothing :(
Did you have all the lines selected?
Maybe it's fast, you just need to group them together, since "stroke to path" dosen't make them into a single object :)
can't find extension in my inkscape 😔😢😶🌫️
Lines came out too seperated and it's not even close to this. I tried a few ways it's not working.
did you ungroup them first and then selectet all? Unchecked all the boxes in the interpolate menu? maybe try putting your original lines a little closer together?
xperia wallpaper
I'm letting properties like in video: Freehand tool, Create Spiro path, 65 smooth, shape none, but in the end I always came up with *a straight line*.
EDIT: Found a solution: you have to enable LPE, which is the button next to the smoothness. Now my curve lines aren't straight lines!
Thanks! It helped
@@andrzejkurowski2293 You're welcome :)
2:20