Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How to quickly cut a picture into hexagons?

New Here ,
Jan 23, 2022 Jan 23, 2022

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"

TOPICS
Windows
5.5K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Jan 28, 2022 Jan 28, 2022

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 28, 2022 Jan 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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2022 Jan 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. 

Screenshot 2022-01-29 at 12.27.53.pngScreenshot 2022-01-29 at 12.28.01.png

Screenshot 2022-01-29 at 12.28.07.pngScreenshot 2022-01-29 at 12.28.12.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2022 Jan 29, 2022

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.

Semaphoric_1-1643476201925.png

Detail:

Semaphoric_2-1643476311738.png

 

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.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 30, 2022 Jan 30, 2022
LATEST

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. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 29, 2022 Jan 29, 2022

thanks everyone for the replies!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2022 Jan 29, 2022

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

Hexagon.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2022 Jan 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. 

Screenshot 2022-01-29 at 13.02.01.pngScreenshot 2022-01-29 at 13.01.42.pngScreenshot 2022-01-29 at 13.09.54.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 29, 2022 Jan 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.

image.png

David Creamer: Community Expert (ACI and ACE 1995-2023)
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines