: How do I achieve this tessellated effect in Photoshop? I'm currently recreating Image 1, but finding it hard to lay down the finishing touches, namely, the triangular pattern that encompasses

@Vandalay110

This is indeed a bit tricky. That is because the shape will not work if the proportion is not correct. You may need to start over if you dont happen to be extremely lucky. As @polarity first answer shows your almost right but the triangles that a bit slanted because its not quite right and the tessellation does not become symmetric as a result.

Start your drawing with a triangle.



Rotate that triangle about its center, triangle center NOT bounding box center. Tip: It may be wise to put guides in this place first.



Duplicate triangle edges to the corner of triangle (this ensures you match up)



Trim and find the triangle edge center for the mid lines



All that's left is rounding corners and drawing the one line to the for the second triangle. Now I wasn't really exact enough, so i would have have to start over again... Better pay attention next time. A isometric/triangle grid might help doing this...

Vote Up Vote Down

@Candy945

You can create a rectangle and a triangle for each side of the internal hexagon using a darker shade of blue, then set the opacity of the layer to 50%.

You can move the corners of shapes around by pressing Ctrl/Cmd+T, then hold Ctrl and click and drag on a corner to move it around.

Note: You should use guides to help align each triangle and rectangle.

The red dots in the image below show the positions of the rectangle's corners and the green dots show the triangle's corner positions.

Vote Up Vote Down