Hexagon Shaped Halftone Effect in Photoshop and/or Illustrator

Forum|Forum|6 years ago
December 1, 2019
2 replies
3922 views

I'm trying to make a halftone or pixelation transition effect in Photoshop and/or Illustrator that is made of hexagon shapes instead of squares or circles but I can't find any options for doing that. Does anyone out there know how to make this effect?

Community Information

This topic has been closed for replies.

Chuck Uebele

Community Expert

You can do it with the deco fill scripts and my custom UI for it: http://uebelephoto.com/CS6_Fill.html

T

Thaddeus Turnbolt

Participating Frequently

This is amazing and I just downloaded your script for it. Fingers crossed it works.
Are you able to say which of your scripted fills you used are?
Much appreciated!

Chuck Uebele

Community Expert

Hmmm, I guess I have even less understanding on how your tool works than I thought.
You don't by chance have a tutorial video do you? Maybe one you did as an example?
If not no worries.
My assumption right now is I will need to make a number of reference files from my original on how I want the sizes distributed and input them as the reference file (PNG I imagine so they have transparency? (I don't think I understand truly how to use that part)

That being said it seems I will need to do a number of passes to make it look accurate.
I'm hoping for this kind of result with the Hexes:

And I am trying to use THIS photo of the skyline (JUST the buildings after editing and such) to do something similar:

Ok, you're still going to have to play around with the settings. but here's what I did.

You need to make a pattern of a hexagon, the max size for your image. write down the dimensions, it might be helpful. For your image that I increased the size to 2500X1875px, I used a hexagon 51X44.

First, you need to set the offset to .5 under the Brick setting tab. This will stagger each row by half.

Then you need to adjust the spacing. Don't worry about making a referance file at this point, just just the fill so that you can adjust the spacing. I used a X spacing of 31px and a Y spacing of -21px

Next using your test for spacing draw some guides between the enters of the hexagons to get the spacing for your referance file. I used 41px X 24px.

Then enter that number in the UI and click on "Make and Save Reference File" Depending on how big your file is and how small your pattern is, this can take a long time to generate, so be very patient!!!

Once your reference file it done, click on open reference file and open the file that you just created. Click on "Use Ref File, and select, "Scale by density."

Then hit okay. the fill dialog will come up. select script and the script is TempFillScript. Then select your pattern.

Here's what mine turned out like: