Skip to main content
Participant
January 23, 2022
Question

How to quickly cut a picture into hexagons?

  • January 23, 2022
  • 4 replies
  • 5696 views

Hello, how to cut any image into hexagons? ( I use Google translate )

 

For example, I downloaded a grid from Google at the request of Hexagons [weblink removed] , pasted it into Photoshop on top of the image on another layer, selected the grid with "Quick Selection", made an inversion on it, then I hid the mesh layer and switched to the image layer, pressed Delete and got the image "slicing", but the infection, there are several pixels of empty space between them, it's clear why.

 

How can I make this space white as small as possible, and ideally so that there would not even be a pixel of emptiness between the pieces of the puzzle, as if we are in the game assembling a puzzle from these pieces and when we have assembled everything correctly, no lines are visible, but only a solid image.

 

I'm probably ready to buy such an implementation, in the form of a template file and a video for 30 seconds, as all the settings were previously set in order to understand the process and so that I could cut a lot of images quickly, "like an onion in the kitchen"

This topic has been closed for replies.

4 replies

Dave Creamer of IDEAS
Community Expert
Community Expert
January 29, 2022

I simply googled "photoshop hexagon shape download" and came across one at freepik.com.

I added it as a layer mask. 

I made the lines thicker so the shapes would be more prominent in the image below.

David Creamer: Community Expert (ACI and ACE 1995-2023)
c.pfaffenbichler
Community Expert
Community Expert
January 29, 2022

Another option would be creating the hexagonal pattern in Illustrator and exporting them as psd without Anti-aliasing. 

Then Clipping Masking Smart Object instances to the resulting Layers in Photoshop. 

That way one can easily switch in different images in the Smart Object and then, if necessary, merge the instances to the hexagonal Layers with an Action. 

Derek Cross
Community Expert
Community Expert
January 29, 2022

You could use the Polygon and convert the path to a selection.

c.pfaffenbichler
Community Expert
Community Expert
January 28, 2022

I guess starting with hexagonal paths and using them to create Selections without Anti-aliasing would offer an option. 

starkiiiAuthor
Participant
January 28, 2022

thank you, I translated the text for you and it is not very clear, is it difficult for you to take a screenshot of a gif or a mini video of your idea?

c.pfaffenbichler
Community Expert
Community Expert
January 29, 2022

As the third screenshot shows the two Layers match »perfectly« if the Cut is based on a non-Anti-aliased and non-feathered edges. 

Depending on the number of hexagons the task may be tiresome to be done manually so if the task is a frequent one a Script might be worth the effort.