Inkscape Tutorial: How to Make a Repeating Pattern
Вставка
- Опубліковано 17 жов 2024
- Inkscape step-by-step beginner tutorial on how to create a seamless repeating pattern. Follow along in this Inkscape screen capture showing how to:
1. Set up Inkscape to make easy repeating vector patterns.
2. Change the arrow step value to match the size of your base pattern.
3. Arrange a beautiful hibiscus flower pattern from a vector file.
4. Set your new pattern for repeatable use in apparel or decor.
5. Us the Clone Tile tool as a shortcut.
My goal for this channel is to create a community where we can share graphic design skills, tips and shortcuts with a focus on using free or low cost software and tools available to everyone.
REFERENCE:
Download Inkscape here: inkscape.org/r...
Flower SVG FILE: commons.wikime...
SUBSCRIBE TODAY FOR MORE FREE TUTORIALS: / @ironechodesign
SOCIAL MEDIA:
Check out my personal channel: / rickjohanson
Follow me on Twitter: / rickjohanson
Instagram: / rickyjohanson
I tried this, it worked out great! Except that when I tiled it there was a thin line in between each box, it wasn't perfectly flush. Is there a way to fix this?
Great question! It's a known glitch, and it's maddening- at least to me. Logos By Nick has the best explanation and workaround video on his channel. I've found when taking the original (unrepeated) pattern out of Inkscape for use in Photoshop or for products on Redbubble, the seam is gone. Or so it seems.
In my opinion Inkscape is showing the seam on purpose to represent the separate items. If you zoom in, it goes away for a second and then is rendered back in. Its always the same thickness even when zoomed way in, which tells me it's not part of the vector objects. To test this theory, make a quick box of 4 and export to PNG. Thin lines are gone in the PNG image.
Or....someone else reading this may experience the seam because stroke was left on for the original square. I'm certain this is not what you mean in this case.
I had the same issue but I tried unchecking "use antialiasing" you can do that by going to file > document properties > uncheck "use antialiasing" under Display and once I export PNG image, the thin white line disappears. I don't know if this is a perfect fix but it does the work for me. (When you start a new object you have to re-check "use antialiasing", that's just what everyone says, I don't know why.
Very nice. Thanks for the detailed explanation!
@@IronEchoDesign No, I'm the one that should say Thanks! for all what I have learned from you in this channel.
I know this is crazy but the solution for the white lines is to create everything inside a ***single*** square. The trick of disabling anti-aliasing doesn't work.
Completely off topic, but you seem to enjoy yourself so much making these videos. I sometimes think 'what is this guy laughing about?' until I realize you're just madly in love with Inkscape and merely using it makes you happy.
Bless you.
Thanks so much! I do love making these. It's my outlet.
Thank you so much . You are great . I was struggling for few months now to get repeating pattern without photoshop and inkscape kept on crashing when I tried to open the pre-existing seamless pattern template. Finally I was able to get it . And yes the final png does not show the lines. You proved to be life saver !!!!!!!!!!!!!!!!!!!!!
Thanks so much! So glad this helped!
LOL after much frustration... I finally figured out my mistake. I needed to highlight both boxes with the shift before clip set. I got it tho. Now I feel like I can make my own scrapbook papers instead of buying them. Thanks so much.
Thanks! That's my favorite thing about Inkscape- we can make our own custom design materials. Glad you got it working!
I really appreciate the written instructions in your tutorials. As I'm German, it's a lot easier for me to follow along :-).
Vielen Dank! I'll remember to add text in future tutorials too.
@@IronEchoDesign I just discovered that since Version 1.0 there's an interesting template "seamless pattern" :-).
Very cool! I'll have to check it out. Thanks!
Finally a video that actually makes sense, big thumbs up :)
Thank you!! Hope it was helpful!
Thanks Rick all of your videos are outstanding.
Thanks so much!! I really appreciate the support.
This is gold, thank you for sharing this to us!
Thank you!! Thanks so much!
Totally binged/binging your tutorials…you’re a natural teacher. The content you provide is easy to follow, and by the 4-5 tutorial I was able to guess the steps as you were progressing through the content. I have 2 questions…1) I noticed that many of your canvases are 1000x1000 px, for print purposes do these measurements accommodate super-large (wall decal, wall paper, etc..) to small (stickers, t-shirts)? I’ve been using the POD’s recommendation (files in png format). 2) Can you do a tutorial on manipulating text (warped, retro, graffiti, etc)? Thanks so much - Caroline.
Thanks, and great question! One good thing about a vector program like Inkscape is, you can scale the designs you make larger without losing quality. So for large scale POD projects, you can design in a 1000x1000px workspace, but then you'd want to scale the final work larger to the max file size the POD allows or something in their recommended range. Also, I've been playing with a graffiti tutorial for a while now. Still trying to get the steps down, and I'll finish it hopefully sooner than later. Ha.
Thank you, I'll add this to my skills collection. Great work
Thanks so much!
Excellent - exactly what i was looking for - thanks
Thank you!
Simple but effective technique. Great as always!
Thanks so much! And thanks for the support!
Hi Rick, I love watching your channel. Your tutorials are so relevant to what I want to learn. I have Inkscape for about a month now but I could easily follow along here. I liked the tip on the clone tool, so thanks for that!
I say again : you are the best
Thank you so much!! 😊
As far as I'm concerned, you're in the same category as Nick from Logos by Nick: very clear explained by a nice personality who doesn't find himself more important than his subject. I've subbed your channel ofcourse 😉
Thank you so much. Nick from Logos by Nick is the king and the person who inspired me to even try Inkscape. I'm not there yet, but I'll keep working on it!
@@IronEchoDesign Then I will keep following you 😉
Hi..
Loved this tutorial..thanks a lot👍🏻
Sir just wanted to know...can i use inkscape on my ipad?
Thanks! I appreciate it. I don't think Inkscape is compatible with iPads. They do have a Mac version, but not sure if that will help.
Thank you! Re to the little space between patterns, always double check the square dimensions in the box. It may seam silly, but check it. Then I move everything outside the page. I do not set adapt page to object. Group. Export as eps, open with gimp or whatever and it's perfect.
Thank you! I'll try that. Would be great to be free of the lines for good.
Você realmente faz parecer fácil!! Adoro!
🙏Thank you!!
Thankyouuuu! You're the best😁👍👍👍
Thank you!! You're the best!!
Thats handy to know, love your tutorials
Thanks!!
simple and easy to follow ..
Thanks! I just updated this video for 1.2 too.
Thanks for sharing this information, can I use the same method for png images? Can I make a seamless tile using png images?
Thanks in advance for an answer.👍😃
Thanks so much! And, yes. I just tested it out in Inkscape with PNGs, and it works the same. Great idea!!
Thanks heaps.. ❤❤ Your tutorial so easy to follow
Thank you!!
Great thank you for this tutorial.
Thanks! I need to make a new pattern video one of these days I think.
Hi Rick, I came across your channel today. I clicked the subscribe and like buttons after watching this video. This video is very well made. Thank you for the written instructions as you walk us through every step. I was able to create a repeating pattern by following your instructions. Thank you also for taking the time to create such excellent Inkscape tutorials for us because it is not an easy task. Every time I launch Inkscape on my computer I'm appreciative of all the developers who create this software for us and I appreciate the thousands of teachers like you who help us learn this wonderful free software. :)
Thank you very much!! I'm so glad to hear these can be helpful. My goal is to give back to the community and have fun making these videos in the process.
HI Rick, love your tutorials. I am currently in Inkscape 1.2, I am unable to 'create tiled clones' on the duplicate, always repeats the pattern as is. Can you tell me what I am doing wrong. Thank you so much for your tutorials they are great!
Thanks! Let's see if we can solve this. Are you trying to repeat the whole pattern with tiled clones? Or make the pattern? I just uploaded a new version of this video for Inkscape 1.2 if it may help.
Awesome tutorials. Thank you. I've never done an image for transfer to POD fabric. Does it matter what size you export? I know 300 dpi, but wondered why you chose 1000px for tutorial
Thanks!! The 1000px was for this tutorial to keep the numbers simple. You can customize the page border to fit the recommended dimensions of the POD platform for whatever product you're designing for. Just go to File- Document Properties and you'll see in the pop up menu a place to type in specific dimensions. Hope this helps!
@@IronEchoDesign Thank you!
Thank you!
Thank you!!
Wow, incredible! Thanks for sharing
Thank you so much!
WOW that was like watching MAGIC!!! I WANNA LEARN HOW TO DO THIS!!!!
Haha. Thanks!! Inkscape sometimes does work magic.
I loved the tutorial! It was super easy to follow. Do you know how I could save this to use as a Print and Cut for Design Space? I've tried saving as a PNG and also a SVG but they open up blank in Design Space
Wow! Thanks.
Thanks so much!
Awesome!!
Thank you!!
i just come here daily to listen that opening and closing music beat its awesome
Thanks!! Wanted to bookend the tutorial with a little music.
@@IronEchoDesign yeah it's dope. and yeah m learning inkspace through your videos, just completed two projects. you doing great. keep it up. #Thanks.
love from india.
That is awesome. So good to hear, and thanks so much!
I appreciate your efforts. There is a thin transparent line around my image. How can I remove or avoid it?
Great question and there has been a lot of debate on the thin lines that still show. Sounds like its actually to designate separation even its not really there. If you zoom down and down the line scales with the zoom and never goes away. Logos By Nick has a few work arounds on his channel. If you export the pattern to use in the real world or repeat it for POD or something the line goes away and the pattern is seamless.
Amazing, so simple. Thx!
Thank you Rick. Now I can make hello kitty custom pattern for my daugther
it might be a stupid question but is it a problem if i use 100x100 pixels or like 500x500
That's a great question. You can change the square dimensions to anything. Just make sure to change the arrow key step preset so it matches.
Amazing thank you!
Thanks! Making another version this week.
Oh! In that case: I really liked how you showed both the curser method of selecting things and the keyboard shortcuts and said them out loud. I watch another channel and the person shows their clicks in the bottom of the screen which is nice but I can’t focus that way. I also like that you talk to us like people asking questions / making jokes instead of just saying first this then this blah blah
Haha! Thanks! This makes my day. I try to make the videos like I'm explaining the steps to friends. I'll get the new one made and uploaded this weekend- I hope.
Hi, Rick, I have picture of 480*290 px but when i import it into inkscape it becomes too large. I get to know it when I tried to trace and export it...
Please help 🙏
This is good 👍
Thank you!!
Hi Rick, how can I save this pattern in my database after making a pattern? Sorry I am new to Inkscape
No worries! You can File- Save As and save your project to wherever you want on your computer as an SVG file if you want to come back to it and make edits. If you want to save it and use it as a graphic in projects outside of Inkscape, you can do File- Export PNG Image. In the sidebar menu, choose Export Area- Selection, make sure your pattern really is selected, and click on Export As. Name your file, and choose which folder on your computer you want to send it to, and then click Save. Hope this helps!
@@IronEchoDesign thanks for your reply! This is really helpful! Enjoy this tutorial 😀
Super ❤️
Thank you!
So I just did this verbatim as per your tutorial. I am left with a large bounding box around the clipped items and they are not clipped to the 1000x1000 box I put on top of my pattern. Man do I hate inkscape some days...
Would it be possible to try again and make sure everything is grouped together before creating the clipping shape? Also, does the pattern include vector objects or stuff that was imported into Inkscape?
Top!
Thanks!
Is there a way to set it up so you can make changes in the one tile and the others will change accordingly?
Check this out, hope it helps ua-cam.com/video/0xn9Q61vSK0/v-deo.html
Yeah R Jo👍👏🌟
Thanks!!
ขอบคุณครับ
You rock
thaaaaaaaanks
Why thank you!!
I don't see preferences under edit :(
I know this is crazy but the solution for the white lines is to create everything inside a Single square. Add small repeated objects inside the square and for the edges do the step thing. The trick of disabling anti-aliasing doesn't work.
Good thinking! Thanks for adding, and I hope they someday fix the white line glitch or maybe add an option to view seamless or something.
@@IronEchoDesign Thank you for the video!
Why does it take so long to explain it, get to point come one. so slooooow
I can respond pretty fast if you need to. What's the problem?
@@IronEchoDesign i don't know man, I'm just impatient. General thing with a lot of how-to videos, they should be quicker than reading the manual, as besides text you can show video material. But somehow it always takes longer.
The thing is what gets youtubers the most views i guess.
I respect that. Most of the time people ask me to slow down. Inkscape can be tricky at first. Watch my newer videos. The pace is better in my opinion.
@@mieggiel2 There is such an easy solution for that... the video speed button on UA-cam! :)
Thank you!
Thanks!