Pages

Create tileable patterns for seamless backgrounds in Inkscape

I got sidetracked again by a readers request. It's a nice and easy to follow trick to create seamless patterns in Inkscape. I had to split the video up and will cover the basic idea in this tutorial and the more game art related creation in the next one(s). 




Note:

The tutorial works with plain coloured backgrounds and shapes that are smaller than the tiling square. Bigger objects will cause problems when tiling.

I hope you enjoyed this quick tip. The next video will use the basics covered here and I will make ground and grass tiles for use in top down game background.





Chris Hildenbrand

2D game artist, pixelpusher, vector bender, face turner for over thirty years. I worked on more games than I can remember... The most recent release is "Super Crossbar Challenge" for iOS (Android coming soon) with Shattered Box, Fredbear Games and PlayPlayFun.

22 comments:

  1. The quality of the video is a little bit low. I you could use 720p it would be very appreciated.

    ReplyDelete
    Replies
    1. Hi Duke, I will check and see what's gone wrong in the publishing - I am still getting to know my recording tools. ;)

      Delete
  2. *impatiently waiting for the next part*

    ReplyDelete
  3. Keep up the great work Chris - thanks for sharing

    ReplyDelete
  4. Awesome tutorial - as always, you break everything down step by step and that allows me to actually have something that looks CLOSE if not exactly like what you make.

    Thanks for helping me to gain the skills I need to do art I don't feel ashamed to share. :) Keep up the awesome work!

    ReplyDelete
  5. Chris, you are simply THE BEST!!.
    I fought seamless patterns night after night without success. You've solved the problem of easy, fast and elegant way.
    Thanks a lot.

    ReplyDelete
  6. Replies
    1. Hopefully this week. I have been flooded with work helping out a friend for the past three weeks. The files are all sitting there waiting for me to take the time to record the video and write up the post.

      Delete
  7. Thanks for this great website with lots of useful tips that make all this design work feel a lot more of a feasible task! Keep up the good work!

    ReplyDelete
  8. Great work Chris. Your tutorials are always awesome. Keep sharing great stuff..

    ReplyDelete
  9. Hi, I just cannot be able to see the images in your website anymore in all tutorials. Please fix!

    ReplyDelete
    Replies
    1. That's odd... I checked on two computers and my ipad and the images show up all right... Please try again.

      Delete
    2. Really odd. I'm in Windows 10 and tried with Edge, Firefox, Chrome :(

      Delete
  10. I am not running Windows 10 (yet) and don't know anyone who does.. Let me write a post and see if others have similar problems.

    ReplyDelete
    Replies
    1. Thank you.
      I'm reading your tutorials on my phone now, a bit inconvenient though

      Delete
    2. I had a chance to check on a windows 10 machine and neither IE, Firefox nor Chrome had any issues showing the tutorial images.

      Delete
  11. Thanks Chris for this good and useful tips. Cheers.

    ReplyDelete
  12. Million thanks for the tutorials. Straight to the point. Just awesome!

    ReplyDelete
  13. Chris, we ar all waiting for you to return ...

    ReplyDelete
    Replies
    1. still checking every day for part two :(

      Delete
  14. Ehi Chris! At least tell us that everything is OK ... :(

    ReplyDelete