Filling hex on map in photoshop

Just another way to do this with the attached script. Again the file needs to be set up right for it to work. You need to create your patterns, align them all and place them in the top left of the canvas in a layerset called "hex." You need to create a layer called "base" that is painted with different colors representing each of your patterns. The So something like this:

Then you need to edit the script to have the different colors match up with the respective layers. Lines 10 through 20 show how the three colors I used are defined. Then in the function at line 59 you relate each color to the patterns you have. Add more else if statements to match how many layers and colors you have.

#target photoshop
var counter = 0
var sampColor = new SolidColor;
var doc = activeDocument;
var pt = new Array();
var color1 = new SolidColor();
    color1.rgb.red = 255;
    color1.rgb.green = 0;
    color1.rgb.blue = 0;
    
var color2 = new SolidColor();
    color2.rgb.red = 0;
    color2.rgb.green = 255;
    color2.rgb.blue = 0;    
    
var color3 = new SolidColor();
    color3.rgb.red = 0;
    color3.rgb.green = 0;
    color3.rgb.blue = 255;    
    
var base = doc.layers.getByName('base');
var mergeL = doc.layers.getByName ('merge')
var gp = doc.layers.getByName('hex');
var hOffset = gp.layers[0].bounds[3].value - gp.layers[0].bounds[1].value;
var wSize = gp.layers[0].bounds[2].value - gp.layers[0].bounds[2].value;
var wStep = (gp.layers[0].bounds[2].value - gp.layers[0].bounds[0].value) *1.5;
var hStep = (gp.layers[0].bounds[3].value - gp.layers[0].bounds[1].value)/2
var wOffSet = (gp.layers[0].bounds[2].value - gp.layers[0].bounds[0].value) * .75;
var dLayer, offAmt
var offset = false;
base.move(doc.layers[0],ElementPlacement.PLACEBEFORE);
for(var i = 0;i<doc.height.value/hStep+1;i++){
    for(var j=0;j<doc.width.value/wStep+1;j++){
        counter++
        if(offset){offAmt = wOffSet}
        else{offAmt = 0}        
        pt = new Array(j*wStep - offAmt+ wSize/2,i*hStep + hStep)
        getRefValue ();
        selLayer ();
        //doc.activeLayer = gp.layers[0];
        dupLayer (counter,'hex')
        dLayer.move (mergeL, ElementPlacement.PLACEBEFORE)
        dLayer.translate(j*wStep - offAmt,i*hStep) 
        mergeDown ();
        mergeL = doc.activeLayer;
        
        }//end loop for width
    offset= offset == false
    }//end loop for height
function selLayer(){
    if(sampColor.isEqual (color1)){doc.activeLayer = gp.layers[0]}
    else if(sampColor.isEqual (color2)){doc.activeLayer = gp.layers[1]}
    else{doc.activeLayer = gp.layers[2]}
    }
function dupLayer(num, sName){
//.activeLayer = doc.layers.getByName(nam)
    doc.activeLayer.duplicate()
    layerUp ();
    dLayer = doc.activeLayer;
    };//end function dupLayer
function getRefValue(){
    doc.activeLayer = base;
    if(pt[0]<1){pt[0]=1};
    if(pt[1]<1){pt[1]=1};
    if(pt[0]>doc.width.value){pt[0]=doc.width.value-1};
    if(pt[1]>doc.height.value){pt[1]=doc.height.value-1};    
    doc.colorSamplers.removeAll();
    var c1 = doc.colorSamplers.add(pt);    
    sampColor = new SolidColor();
    sampColor.rgb.red = c1.color.rgb.red;
    sampColor.rgb.green = c1.color.rgb.green;
    sampColor.rgb.blue = c1.color.rgb.blue;    
    }
    
function layerUp(){
    var idslct = charIDToTypeID( "slct" );
        var desc2 = new ActionDescriptor();
        var idnull = charIDToTypeID( "null" );
            var ref1 = new ActionReference();
            var idLyr = charIDToTypeID( "Lyr " );
            var idOrdn = charIDToTypeID( "Ordn" );
            var idFrwr = charIDToTypeID( "Frwr" );
            ref1.putEnumerated( idLyr, idOrdn, idFrwr );
        desc2.putReference( idnull, ref1 );
        var idMkVs = charIDToTypeID( "MkVs" );
        desc2.putBoolean( idMkVs, false );
        var idLyrI = charIDToTypeID( "LyrI" );
            var list1 = new ActionList();
            list1.putInteger( 14 );
        desc2.putList( idLyrI, list1 );
    executeAction( idslct, desc2, DialogModes.NO );    
    }    
function mergeDown(){
    var idMrgtwo = charIDToTypeID( "Mrg2" );
        var desc3 = new ActionDescriptor();
    executeAction( idMrgtwo, desc3, DialogModes.NO );    
    }

When run, it looks like this:

You can also fill the canvas with individual layers of hexagons, then create patterns the same size. Then you can do a pattern overlay on each layer, making sure you use "Snap" to origin. Then you just copy that layer style, and select all the hex layers you want with that pattern and then paste the layer style. You can have the move tool's auto select enabled and use the shift key to select multiple layers. But you would want any additional layer that might be below or above the hexagons, hidden with the visibility turned off.

Do you want the all filled with the same pattern? That can be done with the deco fill script. You can also create scripts to do hexagon patterns. Here's an example of a script that I wrote that takes hexagon shapes and places it on an image based on the tonal value of a base layer:

Here's another one using the deco fill script and a custom UI that I created, that you can download here: Scripted Fill UI - Photoshop CS6

Hi!

It sounds like you have an existing image of hexagons and you want to fill each hexagon with a pattern--is that correct?

If so, then you want to make a selection of each hexagon and use the selection as a mask to only fill that area.

Is this what you want to do?

1. Make a selection of one of the hexagon areas. I used the Quick selection tool.

and then you can Save the selection (Select>Save Selection).

2. Create a new Layer and fill the selection with a color (I chose Whte).

3. Open up the Layer Styles Dialog box and click on Pattern Overlay to choose your pattern.

Or an even better alternative:

1. Create a new layer and fill it with White--then open up the Layer Styles dialog and fill the whole layer with a pattern.

2. Choose Load selection from the Select menu, and load the selection you created from the Hexagon area.

3. When the selection is loaded, press the Layer Mask icon at the bottom of the Layers panel.

I would recommend doing it this way because then you have control over where your pattern sits inside the hexagon. You can unlink the image from the mask and with the image selected on the layer, move the image into the position you want.

Let us know if this helps or if you have any other questions,

Michelle

I am very sorry it took so long, but here's the file.

https://ufile.io/trkxpo9n

Anyway, a hexagonal pattern can be changed to a rectangular one of 3r width and about 1.733r height.

As c.pfaffenbichler​ already mentioned:

please show something (as file or screenshot) and please describe a bit more in detail.

apparently all patterns must be square.

Not square but rectangular.

I don’t quite follow, could you post screenshots including the pertinent Panels to clarify?

Why do you want to fill the hexagon with a pattern?

Did you create it as a Pattern Layer?