Tile Pattern Tutorial Part 3: Designing Gorgeous Hexagon Tiles

Similar to the previous tutorial, creating a hex tile art is also composed of several layers of effects and design clipping masked to the base layer.

The NN Hex Tiles brush set has the same Grid Brush, Highlight Brush, Shadow Brush, and Random Shade Brush inside. The unique brushes of this set are the Border, Decoration, and Background brushes.

  1. Border Brushes

This set includes 7 pairs of vertical and horizontal border brushes. Just pick a border design then add your vertical and horizontal borders. 

Tip: When using the border brushes, add them in separate layers so you can move them easily.

  1. Decoration Brushes

A quick and easy way to add designs to your tile art is with the decorations brushes – just pick a decoration, a color!

  1. Background Brushes

If you’re tired of a plain background, this set has several background brushes that function like the Pattern Coloring Brushes of the tile Pack. Just pick a background brush, a color, and design your background instantly!

Hex-Tile Lettering Guide:

Adding lettering to your tile art is a clever way to design your tile art and it allows you to personalize your work.

This brush pack comes with a Hex Tile Alphabet Guide that shows how to draw letters on a hexagonal tile grid.

You can color-drop the tiles to create the letters, but here’s a faster way to do it:


Follow the steps of the first tutorial and create a base layer, highlight layer, shadow layer, random shade layer (optional), and texture layer (optional).


Select the base layer and activate Reference.


Create a new layer for the lettering and set up the tapping technique.

Using the Selection Tool, select Automatic, and turn on Color Fill. Tap on any tile and, without lifting the apple pencil, slide it to the right to increase the Threshold all the way up just to the point before you color the entire canvas (~99%).


Build your letters by tapping on the tiles you want to color.

Note: Avoid changing the Threshold when coloring the other tiles, you might have to set up the tapping technique again when the tolerance has been changed.


Center your lettering to the nearest tile.


Add your decoration and background pattern.

That’s it! Lettering and decorating a hexagonal tile pattern isn’t as hard as you thought it would be, right? Share your hex tile art with me @nicong.co, I would love to see what you make.

Let me know in the comments if you have any questions. Click here if you want to purchase the Tile Pattern Procreate Brushes & Textures. 

Watch the real-time brush demonstration here:

The next tutorial will be on Composing Stunning Tile Art (Part 4).

If you missed the previous tutorial, you can access it here: Decorating Beautiful Square Tiles (Part 2).



  • Eric Jones

    Hey, my name’s Eric and for just a second, imagine this…

    - Someone does a search and winds up at nicong.co.

    - They hang out for a minute to check it out. “I’m interested… but… maybe…”

    - And then they hit the back button and check out the other search results instead.

    - Bottom line – you got an eyeball, but nothing else to show for it.

    - There they go.

    This isn’t really your fault – it happens a LOT – studies show 7 out of 10 visitors to any site disappear without leaving a trace.

    But you CAN fix that.

    Talk With Web Visitor is a software widget that’s works on your site, ready to capture any visitor’s Name, Email address and Phone Number. It lets you know right then and there – enabling you to call that lead while they’re literally looking over your site.

    CLICK HERE http://boostleadgeneration.com to try out a Live Demo with Talk With Web Visitor now to see exactly how it works.

    Time is money when it comes to connecting with leads – the difference between contacting someone within 5 minutes versus 30 minutes later can be huge – like 100 times better!

    Plus, now that you have their phone number, with our new SMS Text With Lead feature you can automatically start a text (SMS) conversation… so even if you don’t close a deal then, you can follow up with text messages for new offers, content links, even just “how you doing?” notes to build a relationship.

    Strong stuff.

    CLICK HERE http://boostleadgeneration.com to discover what Talk With Web Visitor can do for your business.

    You could be converting up to 100X more leads today!

    PS: Talk With Web Visitor offers a FREE 14 days trial – and it even includes International Long Distance Calling.
    You have customers waiting to talk with you right now… don’t keep them waiting.
    CLICK HERE http://boostleadgeneration.com to try Talk With Web Visitor now.

    If you’d like to unsubscribe click here http://boostleadgeneration.com/unsubscribe.aspx?d=nicong.co

Leave a comment