Copy link to clipboard
Copied
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"
Copy link to clipboard
Copied
I guess starting with hexagonal paths and using them to create Selections without Anti-aliasing would offer an option.
Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
I took the approach of constructing a vector hex grid using the Shape tool and Transform Copy/Transform Again repeatedly. First, I set Resampling to "Nearest Neighbor" and check "Snap Vector Tools and Transforms to Pixel Grid".
I then dragged out a hexagonal Shape, and used Transform Path to make sure everything is on pixel boundaries. I then stacked up copies, to make the grid.Then, Use the Path Selection tool to select an individual cell, and make it a selection via the Paths panel, and, in the image layer, New Layer via Cut.
In this example, I used a solid color fill with the fill opacity reduced, but you can use any type, even None. I put the new layers above the shape and moved them slightly.
Detail:
If the OP wants to cut up the entire image, he or she could forgo the grid, and just move a hexagon around with a script.
Copy link to clipboard
Copied
If the OP wants to cut up the entire image, he or she could forgo the grid, and just move a hexagon around with a script.
In particular if speed is of the essence a Script would probably be the best solution.
Copy link to clipboard
Copied
thanks everyone for the replies!
Copy link to clipboard
Copied
You could use the Polygon and convert the path to a selection.
Copy link to clipboard
Copied
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.
Copy link to clipboard
Copied
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.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now