Inkscape Tutorial: Vector Celtic Knot Icon

Design a vector graphic Celtic Knot that could be used as an icon or logo.
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.
Need a logo made? Request a design at: www.logosbynick...
Ready to make some money with your design skills? Check out my freelancing guide: logosbynick.com...
Facebook: / logosbynick
Instagram: @itslogosbynick
Twitter: @logosbynick
Want to support my channel? I don't accept donations, but if you feel compelled to support my work here on KZbin 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.logosbynic...
Want to make Inkscape appear dark? Here's how: blog.logosbynic...
Intro song: Syntact, Shallow; via NCS
• Syntact - Shallow | Gl...
/ iamsyntact
/ iamsyntact
/ iamsyntact

[@excellinkus]

Although you'll probably never read this Nick, this is the best tutorial I've seen on how to make a Celtic knot.

[@quinxx12]

4:45 If "Stroke to path" doesn't work for you, this is because the function behaves differently in Inkscape 1.0. It now keeps the infill which is now grouped together with the stroke. In order to continue ungroup them all and delete the fill.

[@ianbcnp]

Many thanks - had me foxed for a moment there!

[@charlitwo]

same to me Ian. Thx to quinxx12 for the wt ... debrained me for a while...@@ianbcnp

[@matthiashavrez]

I am discovering your work with this tutorial, and this classical music at the start is amazing. I love the chill mood it puts right away. I'm subscribing.

[@TheDavesnothere11]

You must be psychic! I've been playing with designing some Celtic knots in a very hacky way and was hoping to see an example from you. As always, very impressive how you simplify a complex process. Thank you.

[@LogosByNick]

Wow quite the coincidence! Glad to help.

[@anonimor1520]

Hi Nick, First up thanks for teaching me Inkscape, I have been subscribed for some years now. Just a heads up on Celtic, pronounced with a Kel as in Kelly, not C as in Ceylon.

[@PatrickPoet]

I'm so excited, it's just what I need to know to design a jewelry pendant. I imagine you might have found out in the last year and a half or so, but both in Ireland and in the US, only sports teams are pronounced seltic. All other uses of the word are pronounced keltic, so they are _keltic nots._ Strange yet true. There are Dublin Celtics a football team pronounced just like our Boston Celtics. They and we don't pronounce the word with an S sound in any other usage. Now back to the video:)

[@Qexilber]

Patrick celtic nots and celtic yesses… 😉

[@nadinewhite993]

Beautifully elegant as always. Even mine looks quite ok! Thank you!

[@erickruhcardozo]

Man, you're very talented artist. Congratulations!

[@swetony]

Thanks for this. Welsh expat living in Sweden. Wales is a celtic land and Swedes are crazy about Celtic crafts etc. Someone already asked if i can make them for earings.

[@HyouMix]

Thank you Nick, I've always wondered of how you're supposed to make this design.

[@konsul2006]

Very fun tutorial to follow and make this! Great learning experience :)

[@istoryammet152]

im getting better with inkscape..thanks nick.,i really like all you tutorials...twothumpbsup!

[@LogosByNick]

Thank you

[@deathbright107]

Magic! Just black magic! Amazing. 😍

[@andiferdiansyah6183]

your haved a very nice skill for teaching people,

[@chenguefer156]

Another top tuotorial from Mr. Nick. Many thanks for sharing!. Have a nice day.

[@ruditaubert8355]

Hi Nick, great video tuts everytime. I have learned so much as I am more if a visual person. Please could you make one or even some advanced tuts as well, using more than the standard functions?

[@LogosByNick]

I'll see what I can do. I think it would be good to mix things up with some more advanced tutorials.

[@roberts8134]

For anyone having the trouble I did at point 2:23-2:24, the secret is one set is a group, but the the other is NOT grouped. Don't group them together before you duplicate.

[@JC-pp5qz]

4:48. When i tryto do the Stroke to path, the fill color is still there and when i try to click the X for the color, everything disappears including the strokes. Helllpp

[@JKittles]

I'm using Inkscape 1.0 and the Stroke to Path isn't working to create the beginning of the knot. I've followed the tutorial quite a few times just in case I missed a step. Any advice? Thanks and I really love your channel.

[@ProjectV95]

In Inkscape 1.0, they changed how the Stroke to Path operation works, with it now keeping the fill as a separate object. Simply ungroup the objects by hitting CTRL+SHIFT+G, then select the red inner fill objects and delete them!

[@roberts8134]

If you get a box rather than a line segment at 6:35 that means you did object to path, not stroke to path.

[@pixelfixer_]

You just instantly cured my headache, thanks!

[@oronjoffe]

Just the viseo I was looking for, thanks! BTW, celtic is pronounced /keltic/ (except for the football team, they are /seltic/!).

[@Carontiff]

Hi Nick recently started my Inkscape journey and thank you very much for your amazing tutorials really love them. I followed all steps but can’t achieve the same gaps as shown, only created some funny shapes through “intersection” and “difference” . Wondering if this is because Inkscape changed the features to “strokes to path”? Are there any ways to address this problem? Hope to hear from you, thanks.

[@malditoalcohol1]

Same here :( I don't know what to do

[@belajb]

great Nick....just noticed on your FaceBook 1 million views....congrats.!

[@LogosByNick]

Thank you! Just getting started :)

[@excellinkus]

I made the first circle 100 px in diameter, then duplicated it, and overlapped them by 0.382 px. This will create a Celtic Knot using the proportions of the Golden Ratio. (1 - 0.38 = 0.62).

[@billwatters4833]

Hey Nick, I thought I'd work my way through your earlier tutorials. I am using Inkscape 1.2 and I'm not getting the results you have on the tutorials. I play the tutorial all the way through, then go over it again and write down the instructions and follow stroke for stroke but I'm getting different results. Allowing for differences in Inkscape versions and searching for what might have been updated it's still a frustrating mystery. I've completed your course for beginners but it isn't helping here. Is there any chance you could revisit some of your older tuts and redo them using the 1.20 version of Inkscape, please?

[@NikMartyn]

Nice one mate. Not tricky at all Nick. 👍🤦‍♂️👍

[@jaazielaguirre3952]

Thanks for you tutorials!

[@ahmeddeiaa3943]

awesome tutorial

[@larycaldas1988]

I will try in illustrator, thank you.

[@asarupria]

Hi Nick, Great tutorial. One query - Outset doesn't work, it says no paths to inset / outset the selection

[@LilaSatori]

Thank you! :)

[@ade5324]

2:05 thats some 2000iq play right here

[@clapdragon23]

Great tutorial. When I outset it jumps a further distance on the second time. is there a setting that I need to adjust? And thanks again!

[@MartienVerbruggen]

edit -> preferences -> behavior -> steps -> inset/outset. I think he has it set to 0.5 pixels.

[@xjarius]

Hey Nick, I really like your tutorials. I'm trying this Celtic Knot Icon tutorial after the Inkscape 1.0 release, and I cannot get past the step to make stroke to path around 4:49. Yours goes clear in the middle. Mine stays red. What would I need to do instead?

[@ProjectV95]

In Inkscape 1.0, they changed how the Stroke to Path operation works, with it now keeping the fill as a separate object. Simply ungroup the objects by hitting CTRL+SHIFT+G, then select the red inner fill objects and delete them!

[@xjarius]

@@ProjectV95 thank you!

[@Mythologos]

Stroke To Path did nothing for me. Any idea what went wrong?

[@gopal178]

I will try

[@Ovalrapture]

Stroke to path doesn't work on mine. I can't figure out why.

[@life-n7e]

Try this; Select all then go to " Object" ungroup, then click on the fill colours and drag them out of their location and delete. It worked for me.

[@Nightwolfj2]

Wonderful tutorial as always. I am wondering is there a way to make inkscape have illustrators key shortcuts?

[@Rafnjon]

Yes. You can find the presets on your computer. -> \Inkscape\share\keys You have to change the name to default. On Windows. It's maybe different on other OS-systems.

[@aodh_ruadh]

Follow this to the etter but nothing happens when I press stroke to path so I cannot continue

[@mahmodabdulsalam99]

Very useful and nice Video.

[@aydincluff8598]

My offset tool always distorts the offset created from my graphic, it doesn't keep sharp edges or even circular curves. Do you know how to fix this?

[@Thomas_Grusz]

Thanks for a great tutorial! Just discovered your channel and subscribed.

[@jayeell1253]

looks nice, but it's confusing. And on the latest version of inkscape can't even export as easy as before. Tried this in affinity

[@DrunkenerWitcher]

Like now, watch later.

[@LogosByNick]

I appreciate the support!

[@gomesgago]

Great vídeo!! thanks!

[@sgs6753]

1st class Tutorial. -------For 0.91 users . Ctrl + 0 is Ctrl + ). In german it is a 3 key function :( , Ctrl + shift + 9 (not number pad). Crazy World ;) . But I wont change back to 0.48 .

[@LogosByNick]

I didn't know there were differences. Thank you for clarifying that! Hopefully others see this comment.

[@myustan]

I just migrated from adobe illustrator. the reason is I want to use free and legal software. turns out, inkscape is good subtitution

[@LogosByNick]

Inkscape is a great alternative

[@1kingyehuda1]

thank allot for your grate Tutorial!!

[@DylanZingler]

Happy St Patrick's day

[@abdulmuhaimin5274]

2:44 Hey, it's Venn Diagram!

[@jipr311]

5:57 ctrl+0 but the zero you have to click is the one on the top of the keyboard, not in the numeric pad....

[@maurososa1283]

I don´t know what i doing wrong but when y click outset it only grow above

[@mahmodabdulsalam99]

Thank you

[@einsac]

why does the stroke to path part dont work help

[@martinapfrogner6147]

Thank you !

[@mercy2424]

Thank you :)

[@thedarkfaegaming]

For me, it works until hitting the "Align Right Sides" button. That makes it go wrong for me

[@neilommariano]

Hi, What Version of inkscape are you using? Where can I Download? Thank You So Much, I a big Fan of Your Work

[@mochouinard]

Look in the description of the video, the info is there. You can find it on the download page on inkscape.org website

[@neilommariano]

Marc Olivier Chouinard Thank You

[@Fauxx0210]

the stroke to path command doesn't work for me do you know the solution for that Nick?

[@ProjectV95]

In Inkscape 1.0, they changed how the Stroke to Path operation works, with it now keeping the fill as a separate object. Simply ungroup the objects by hitting CTRL+SHIFT+G, then select the red inner fill objects and delete them!

[@apoorvauplap4708]

Thanks a lot Project V95 !

[@JasonHardin]

When I do stroke to path in inkscape 1.0 the object changes shape and becomes slightly bigger on the inside where the points meet. Now the objects don't perfectly align and when I complete the rest of the tutorial I end up with a jagged edge on the center triangle area.

[@luisgiron7319]

the opacity in mi settings is 100% but the colors don't look their fullest, full black looks like a 70 % gray, I cannot change it, any ideas?

[@RachelBruner]

Awesome, thanks!

[@walberthvieira]

Very good

[@tariqsharar9241]

not geting same tools and arrangement

[@ShampooWow]

Nice video! I like it

[@abigailbelloG]

very useful and nice tutorial.

[@legowelt0809]

When I press Stroke To Path, the Fill of the Object doesnt remove itself. Did something change? I seem to get stuck at this point. 4:46 min into the video.

[@legowelt0809]

Nevermind I just found you explanation video. Ill check it out and come back here if i cant get it to work! Keep up the great videos.

[@spaff_hazz]

Not getting the outline when i press shift (left) and left click. Help!

[@buddy2665]

Why your fill turned white when doing operation "STROKE TO PATH" plz explain

[@ProjectV95]

In Inkscape 1.0, they changed how the Stroke to Path operation works, with it now keeping the fill as a separate object. Simply ungroup the objects by hitting CTRL+SHIFT+G, then select the red inner fill objects and delete them!

[@buddy2665]

@@ProjectV95 thanks bro

[@ProjectV95]

@@buddy2665 You're welcome! :)

[@daithibailey]

Having trouble with 1.0 setting stroke to path - it looks like it keeps setting object to path...

[@daithibailey]

got it - had to remove the fill before converting stroke to path

[@senoadji5864]

little bit confuse :3 ill try later

[@djnyahworldwyde]

STROKE TO PATH NOT WORKING PLEASE HELP!!!!!

[@ProjectV95]

In Inkscape 1.0, they changed how the Stroke to Path operation works, with it now keeping the fill as a separate object. Simply ungroup the objects by hitting CTRL+SHIFT+G, then select the red inner fill objects and delete them!

[@WilliamBrayton]

I literally cannot get this to work because for some reason none of the cloves will line up at all.

[@hansbrackhaus8017]

Have you tried holding the control key before moving the second clove to the right? This ensures that you will do a clean, perfect horizontal or vertical movement. But I can't really get this to work, either. In my case, the outset function does not work like it does in this version. Mine is 0.92.2. It's extremely inconsistent and ends up looking warped. After getting cut up the outset distance also changes, despite no parameter change in the preferences. It's just a mess. It makes this a pain. There are linked and dynamic outset options but those glitch too, creating weird stripes that shoot out to the side. Not a visual glitch, either, since it pushes out the bounding box of the shape. Bleh. Not fun.

[@WilliamBrayton]

That's what I was getting, the way I finally fixed it was through creating 4 circles at the very start and using the tribute's tool to make sure every circle was equally distributed. That helped prevent a lot of the muss. Ontop of that before moving forward with the cutting process, I made sure that the lines all met up fairly closely. Its an issue with the way the align/distribute tools work I think.

[@JuanAdam12]

Based on this tutorial, I'm pretty sure I don't understand what the "Duplicate" command really does. Not a knock at all--in fact, the more I watch, the more I realize that learning Inkscape has to start with a fundamental understanding of what this vector graphics thing is all about.

[@LogosByNick]

"Duplicate" basically create another copy of something. So if you start out with 1 red circle, you can duplicate it, then you'll have 2 red circles.

[@streetcarjay]

The John Paul Jones symbol from Led Zeppelin.

[@kellymartin8090]

Coomprehensive videos, Nick, but you go too fast for me.

[@cybremystica93]

FYI, it's pronounced "keltic", not "seltic"

[@cleroy61]

ce n'est pas celtic, mais germanic ...

[@rathernotdisclose8064]

Man vector graphics are a headache lol.

[@ItsMePeterB]