Create A Geometric Repeated Background with Adobe IllustratorCreate A Geometric Repeated Background with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/geometric-pattern-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
- Nick Saporito
- no comments
In this tutorial I’ll be demonstrating how to create a repeatable geometric pattern using Adobe Illustrator CC. In the end we will have a single rectangular tile that can be repeated infinitely and seamlessly for use as a background.
Logo Design Guide
The following is just a brief overview of the steps taken to achieve this result. For complete step-by-step instructions, please refer to the video tutorial at the top of the page.
Geometric Background Pattern
First we will use the Polygons tool to create a hexagon where two of the corners are pointed vertically.
Next we will create three more copies of the hexagon and arrange them next to each other and on top of the original. I recommend that you give each of them different colors and drop the opacity roughly in half so that they’re more easily distinguishable.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Now we will use the Shape Builder tool to condense all of the hexagons down into a single three-piece cube-like shape.
Now we will cut a corner out of the top piece. This part is rather important, so make sure to watch the video tutorial to get the exact size and position of the cut.
We will now replace the other two pieces with new pieces that have a similar corner cut into them.
What we can do now is create several copies of our triangular design and snap them into each other like puzzle pieces.
Go ahead and make copies going around the entirety of the original design, then color them in using any 3 colors you’d like. I recommend choosing shades that contrast nicely with each other.
Now we’ll create a strategically-place rectangle and use it as a reference point for the final tile.
Use the Shape Builder tool to eliminate everything outside of that rectangle.
The resulting tile can be duplicated and stacked next to each other infinitely and seamlessly.
Go ahead and export your tile as a PNG or JPG and you’ll be all set! You can use it to generate repeating backgrounds.
If you have any questions simply leave a comment below, and as always, thanks for watching!
Get 20% Off All Products
Join the Logos By Nick mailing list to be notified of new posts and receive 20% off all courses, templates, and learning materials. Your information won't be shared with any third parties and you will never receive any kind of SPAM or promotional email from me.
You might also like
Create Isometric Block Letters with Adobe IllustratorCreate Isometric Block Letters with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/illustrator-isometric-letters-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Create Seamless Background Patterns with Adobe Illustrator CCCreate Seamless Background Patterns with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-repeated-background-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
How To Warp Text Into Shapes with Adobe Illustrator CCHow To Warp Text Into Shapes with Adobe Illustrator CC https://logosbynick.com/wp-content/uploads/2019/07/illustrator-text-to-shapes-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g