Blog.SpoonGraphics

How To Create a Christmas Themed Repeating Pattern

Read the article

My special Christmas post might be a little late this year, but what better time to post a fun Christmas themed tutorial than on Christmas Eve? Follow this step by step Illustrator tutorial to create a repeating vector pattern. We’ll use Illustrator’s Blob brush to create simple vector doodles then place them together to create a repeating pattern, much like Christmas wrapping paper. If you’re seeing this after the holidays, don’t worry, the same technique can be applied to any kind of repeating pattern.

Christmas doodle pattern

The pattern we’ll be creating is made up of various Christmas themed doodles. The obvious challenge when creating any repeating pattern is to actually get it to seamlessly repeat. Let’s take a look at one of the techniques you can use to achieve a fully seamless and tileable pattern swatch.

First, we’ll need to quickly create some elements to make up our pattern. Use Illustrator’s Blob brush with your mouse or Wacom tablet to draw some simple fun doodles. Double click the tool icon to edit the options and set both the Fidelity and Smoothness to minimum.

Pick a theme for your pattern. It’s Christmas, so I’m drawing various holiday themed doodles… gifts, trees, stars, robins, snowflakes etc. Don’t worry about inaccuracies, the more basic and child-like the doodles the better!

Create a nice array of elements so there’s plenty of items to mix up the pattern. This is the full collection of Christmas doodles I’ll be using for my pattern.

Draw a selection around each individual element and group together all the separate vector shapes. This will allow you to select the whole object with a simple click and eliminate the risk of losing any of the details.

Draw a large square as the background of the pattern, then begin copying elements and randomly placing them within the pattern area. Hold the ALT key while clicking and dragging to create a duplicate of an element.

Rotate duplicates of each element so there’s slight variations in their appearance. Aim to roughly achieve a similar gap between each element by placing larger or smaller doodles to fill gaps in the pattern.

Continue dragging items into the swatch, rotating elements and spacing everything out until the square is filled with a balanced design.

Draw a selection around all the doodle elements and change their fill colour to white. Click and drag the corner handle of the background rectangle to double its size.

Select all the doodle elements once again, then hold ALT & Shift and drag a duplicate off to the side. Place the copy leaving a small gap between the original. Make a new selection of all the doodles, then repeat the process but this time drag the duplicates vertically, also leaving a small gap.

Press CMD+Y to turn on outline view, then pick a recognisable point anywhere in the design, such as the point of the star. Draw a rectangle across the pattern so it starts and ends at this same point.

Zoom right in to the document and use the Direct Selection tool to make fine adjustments to the rectangle outline so it perfectly lines up to the same point on all four corners.

Give the new rectangle a white stroke so it remains visible against the pattern, then begin copying more doodles into the pattern to fill the gaps between the different areas. Make sure no new element crosses the white line.

Draw a large selection around everything in the document then hit the Crop option from the Pathfinder tool. This will trim the whole pattern down to the rectangle to create a repeatable tile.

This tile can then be dragged into the Swatches palette so it can be applied as fill to an Illustrator element, or pasted into Photoshop to create a .pat file.

Christmas doodle pattern

Apply the pattern to any size canvas and it will automatically fill the available space with a cool Christmas wrapping paper style design.

Download the source file

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

28 Comments

  1. A nice simple design, great for wrapping paper or tags.

    (0)
  2. Josephine Cox says:

    Love the tutorial makes it look so easy peasy .

    (0)
  3. I love this!!! Thanks so much for sharing!!!! You’re super clever ;-)

    Merry Christmas xox Dani

    (0)
  4. karen says:

    I don’t feel like looking at the picture of the woman on her knees waiting to to get reamed up the arse, that’s in the pink Free Vector Ad. I think it’s bizarre that you think it’s okay to run it. But it’s certainly your right. Remove my name from your email list. I don’t want to receive any more of your emails.

    (0)
    • Kirobiko says:

      @Karen You sure need to get reamed up the arse. I think you’re jelous!

      (0)
      • Rizwan Abbasi says:

        @Kirobiko Agreed with karen she is right i think if we are visitor of sites we can suggest about sites we are not force about the add but we can suggest..

        (0)
    • Mo says:

      Why are you being such a bitch? Unsubscribe yourself. Oh, and the very fact that you think that a silhouetted vector wants to get ‘reamed up the arse’ just shows how stupid and immature you really are. You’re the inappropriate one.

      (0)
    • Lenny says:

      I think she is looking for her contact lens.

      (0)
    • osas says:

      sounds like someone hasn’t had some in a while..its just a silhouette love..id get new batteries for the rabbit and have myself a quiet time if i was you..

      (0)
    • Bigg says:

      Hey Mike, right back at ya. Thanks W.Elliot, good to be back. thank you.Memestream, cheers, I apreicpate it.Cool Morgan.Hey Serapio, yeah, I hope the gods are pleased.Thanks Josh, glad you like the header. Took me friggin ages to work it out.Hey Boris, glad to see you back again.Thanks Wout.

      (0)
  5. Mo says:

    I take that back, you’re a HUGE bitch.

    (0)
  6. Mo says:

    I’m really sorry, but you’re a fucking bitch.

    (0)
  7. Bernd says:

    Karen…your lack of fantasy is great..I see that woman on top of me and not waiting for what you think she is waiting for.
    What are you doing in the graphic bussines anyway? Church flyers?
    Well, that’s what you look like on your picture.

    (0)
  8. Lisa says:

    (¯`v´¯)
    `*.¸.*´
    ¸.•´¸.•*¨) ¸.•*¨)
    (¸.•´ (¸.•´ .•´ ¸¸.•¨¯`• .·:*¨·••·¨*:· Thanks.·:*¨·••·¨*:· for sharing
    You are so sweet and generous to share you talent with us and I am very happy and thankful that you do!!

    May your life be filled with Happiness and Love,
    at Christmas and always!
    Merry Christmas and a Happy New Year!
    ****
    .–.*( ‘;’ )*.–.
    !* ( /\ ) *!
    ! . . / \ . . !
    !/ /_ …_ \ \!
    hugs across the miles
    Wishing you and your loved ones a very special Christmas

    (0)
  9. Leigh says:

    Been looking for a tutorial like this. Thanks! :)

    (0)
  10. H Dhwan says:

    Amazing. May be we create header and footer for website by using these photoshop tutorials . Thanks for sharing.

    (0)
  11. pixelangry says:

    Thank’s for the tutorial. It’s fantastic

    (0)
  12. Craig WI-UK says:

    The backgrounds really cool, i’m going to have to give it a go for next years Christmas card stationery designs.

    Thanks for the tutorial.

    (0)
  13. Milan says:

    Wau, I want ever know, how to do repeatable pattern! Thank you!!!!

    (0)
  14. Moda says:

    This is great. I can use it on my Facebook timeline.

    (0)
  15. Anish Joshi says:

    lovely tutorial to get you in the christmas spirit!

    (0)
  16. Insight Soft says:

    Its really fantastic, i can create more variations in it.

    (0)
  17. Ashok says:

    Wow! I have got some idea creating patterns in photoshop, but it seems much easier do it in illustrator after reading this. Thanks for share.

    (0)
  18. Amazing work. Thank you for sharing

    (0)
  19. Great tutorial!! I was looking for a tutorial like this. Thank you!

    (0)

Comments are now closed