Copy link to clipboard
Copied
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?
Copy link to clipboard
Copied
Please post the name of the program you use so a Moderator may move this message to that forum
Copy link to clipboard
Copied
Thanks John, I just made those edits in the title and the description
Copy link to clipboard
Copied
You can do it with the deco fill scripts and my custom UI for it: http://uebelephoto.com/CS6_Fill.html
Copy link to clipboard
Copied
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!
Copy link to clipboard
Copied
I used the brick fill script, but you have to play around with the offset, and x and y spacing.
Copy link to clipboard
Copied
Amazing. Thank you for creating! How did you get such a decent hexagon? Is it a custom image you used in patterns? Or did you find it online? Is it part of a gfx pack? Is it just a hexagon image?
Copy link to clipboard
Copied
It's just the polygon shape tool, while holding shift.
Copy link to clipboard
Copied
I'm having a lot of difficulty getting this to work with this type or result.
Do you have any tips?
Should I make multiple reference files with different parts of the image? Do I need to make a duotone from my image? Anything would be helpful, and thanks in advance if you find the time. This is a super cool tool.
Copy link to clipboard
Copied
You should need separate files, but you do want to have the step size the same as the spacing you want. The texture was added after the fact. It's been awhile since I've used this script. Can you post an example of what you're getting?
Copy link to clipboard
Copied
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:
Copy link to clipboard
Copied
Are you trying to do it in color or b&w? If color, it is possible, but the deco script doesn't record the color well. And you are also trying to vary the size the the hexagon based on luminosity, or do you just want one size hexagons with different colors?
Copy link to clipboard
Copied
It will be done in black and white, and yes, changes based on luminosity.
(thank you for being so generous with your time!!!)
Copy link to clipboard
Copied
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:
Hope this helps.
Copy link to clipboard
Copied
I am sitting here in stunned silence.
This is AMAZING. Okay, I am going to play with this a bunch as it looks like I will get a lot of great options. Wow. Thank you so much. Really and truly this is super rad. Thank you.
I can't believe how easy that was for you. You're awesome!
Copy link to clipboard
Copied
Well, it's been awhile since I did one, and I had to refresh my memory. Not as good as it used to be. Yea, there are lots of settings. Hope it works out for you.
Copy link to clipboard
Copied
I have tried multiple times now and can't seem to get anything resembling yours. I feel like I am missing a step.
I start just as you say with the following settings, making a reference pattern, measuring, then making a ref file.
Here is my original, proof there is only one layer (not a background):
Then my brick settings:
Upon pressing "OKAY" it takes me to this pop up, where I have filled in the correct custom pattern, but Brick is the only script selectable.
After clicking okay there is takes me here. I don't modify anything and hit ok:
Then I get this, which is obviously not what I am hoping for... and is just seemingly the custom pattern done in brick style:
I'm sorry to keep bothering you with questions - so my apologies up front. Maybe my version won't let the UI run properly, or a step is missing from my end, or I made a mistake with measurements or something. If you have time - and no pressure at all, you've already got me to this point so I must be getting close.
Thanks again,
~Jonathan
Copy link to clipboard
Copied
First thing - not relate to your issue, but use a blank layer above your original layer, as you really don't want the pattern messing up your original layer.
Were you able to create a pattern layer with the spacing that you wanted? Did you make the reference file? I see on your screen shot that you have use reference file checked, which you don't do, until you have all the settings they way you want them and you have made the reference file.
As far as the normal fill dialog box that comes up, after you select ok from my script, there should be several scripts to choose from.
If you don't see these, look in Photoshop's subfolder presets\deco. All the deco scripts should be there, including the one that my script created: TempFillScript.