Articles, Blog

How to make a seamless honeycomb pattern Photoshop

October 13, 2019

Hello! I’m Cristina from in Elan Creative CO. Welcome to another Photoshop tutorial. In this video I will show you
how to create a seamless honeycomb pattern. Open Photoshop and create a new
document. The size is not very important but make sure that your background is
set to transparent. Now before we get started, go to View and select Rulers and
Snap. Also, go to Show and make sure Layer Edges and Smart Guides are selected. Also,
if your Layers panel is not open, go to Window then click on Layers to open it.
Let’s draw a hexagon. You can find the Polygon tool under the Rectangle tool.
You just have to click on the Rectangle tool and hold until the menu pops up. Select the Polygon tool and then make sure the Sides are set to 6. Now click on your
canvas and hold. Also, hold down the Shift + Alt keys and rotate it until the point
is at the top. So this is how your hexagon should look like. The next step is to duplicate the hexagon. So make sure the Move tool is selected and auto-select
layer is checked. Now click on your hexagon, and while holding down the Alt
key, click and drag it to duplicate it, I’m going to leave a small gap between
them. That’s because I want to be able to change the background layer. If you don’t
want to do this, you can also set a stroke. Now I’m going to duplicate this
again. So just like before, hold down the Alt key and click and drag. And make sure
that the gap is the same size between all three of them. Now I’m going to
select two of the layers and duplicate them again. If you can’t select them using
the Move tool, just select them by clicking on them in
the Layers panel and holding down the Ctrl key or Command key if you’re on
a Mac to select more than one item. Now hold down the Alt key and again click
and drag to duplicate them. Make sure that the points of the two hexagons are
just between the three ones that are down. Now hold down the Alt key and click
and drag again to duplicate the hexagons and move them down. Now I’m going to
select the three ones that are in the middle and just move them a bit to make
sure that they are centered. If you can see the pink line in the middle it means
that they are centered. Now we are going to add a few guides that will help us
crop the pattern. So select the first hexagon and we are going to drag a
vertical guide line from the ruler to the middle of the hexagon. So just click
on the ruler and drag the guide until you feel it snapping into place in the
middle of the hexagon. Now select the hexagon that’s on the right and then
again go to the ruler and drag a guide. We will also have to add two guidelines
that pass through the middle of the hexagons on the top and to the middle
of the ones on the bottom. So select one of the hexagons on the top and then
drag a horizontal guide line. You will also feel it snapping into place in the
middle. now select one of the hexagons that are on the bottom and again drag a
ruler from the top to the middle of the hexagon. Now click on the Crop tool and
just crop the area that’s between the guides. If everything is perfect, just
click on the check button to crop your image. So this will be our seamless
pattern. To save the pattern just go to Edit>Define Pattern and give it a new
name. Press OK to save your pattern. So let’s test our pattern and create a
honeycomb background. So go to File >New and create a new canvas. Mine’s going to be 800 by 800 pixels at 72 ppi. So let’s use the Fill tool to add a
color to our background. Now I’m going to create a new layer and go to Edit>
Fill and I’m going to search for my new pattern. So here it is our honeycomb
pattern. Now press OK to fill the layer. Now I want to show you two ways to
recolor the honeycomb pattern. So if you want to recover all the hexagons go to
the bottom of the Layers panel and click on the Create New Fill or Adjustment
Layer button and select Solid Color. You can choose a new color using the color
picker or you can choose one from the swatches panel. Now press OK to save the color. Then go to Layer>Create Clipping Mask. So this is how you can
recolor all the hexagons. Now I’m going to hide this layer and we’ll select the
pattern layer. Now using the fill tool, also make sure that the pixels are
locked, and choose a different color. Now you can recolor single
hexagons. You can use more than one color to do that. I think this creates a really
nice effect. Thank you so much for watching! Please
visit my blog if you want to see more Illustrator and Photoshop tutorials or
subscribe to my channel because more videos are coming every week. Thanks
again! Goodbye!

No Comments

Leave a Reply