need to drop a pic within an outline

[nelsonmason]

I can get around PS as needed and am googling videos, but I am a little behind the 8 ball on this one. I am going to be lazy and ask.  I have 25.3.1 on a mac M3. Please refer to a pic my freind sent me. I am going to transfer my image to a laser and cut it on wood. I am not sure where she found this image, but it is very  busy and needs to be cleaned up. I would like to drop the state flag into each individual state. I would like to be able to move the flag around, resize it and even edit it. 

1. Do you tell PS to make a "clipping mask"  for each state.
2. Then can you drop in an image and and work it from there?
3. Can I use the crop function and other effects on that flag while inside a state? 

I am sure it is simple, I just have to figure it out. 

If you give me an answer, please don't just say make a "clipping mask". Please give me direction on how to do this and duplicate it. If I miss a step, I will frustrate trying to get it to work.

Thanks in advance. 

[mglush]

Hi!

There are several ways to do this. To be able to have control over each flag and each state, I would suggest putting each flag on it's own layer and create a layer mask in the shape of the state.To start, dissect the US States image and create the shape of each state either by creating a selection or a shape. If you create a selection, save it under the Selection menu (Save Selection) and name it by state name so you can find it easily. Creating a selection will save the shape and the location and allow you to apply it eaily as a Layer Mask.

Once you have all the states defined, add your flags--each to its own layer, and name the layer according to the state name. Then with a state flag layer selected, go to the Selection menu and choose Load Selection and choose the appropriate state selection, and click ok.

With the State flag layer selected, and you see the active selection, click the Layer mask icon at the bottom of the Layers Panel and it will automatically mask out everything but the state shape. Now, to move the flag around inside the shape, UNCLICK the link between the Layer image and the Layer mask, and then you can move either one freely around. Make sure you click on the layer image (the brackets at the corners of the image are your indication of which is selected), and move the flag, resize, etc. until you are satisfied. Then I would suggest relinking the Layer and Layer mask back together.

Try one and let us know if you have any quesitons! 

Michelle

[Conrad_C]

A clipping mask is one way to do it. Your actual range of options is:

Clipping mask

Layer mask (pixels)

Layer mask (vector path)

If you want to use clipping masks, then each state needs to be a separate black silhouette. The steps would be:

1. Position the image layer over the black silhouette layer of the state you want. 

2. With the image layer selected, choose Layer > Create Clipping Mask. However, people who do this a lot don’t choose the menu command, instead they use shortcuts: They press the keyboard shortcut shown next to the command, or in the Layers panel they Option-click between the two layers. 

However, the image you attached does not show a separate black silhouette for each state. Instead, it shows a map of all states that’s gray with darker gray state outlines. You cannot use this image to make clipping masks unless you first convert each state to a black silhouette, and you probably don’t want to go to all that trouble. So if the image you posted is the image you have to use, you might need to use a different method.

mglush already described one other effective and popular method: Layer masks. What I’ll suggest are other ways to get there with layer masks using the image you posted.

One way is to convert each state into a selection, and because there are 50 of them the faster the better. The Object Selection tool might be the fastest way, with these steps as shown in the demo below: 

1. Bring in an image. I dragged mine out of Adobe Bridge and dropped it in Photoshop, but you can also start dragging an image from a folder window in the macOS Finder desktop. 

2. Position the image over the state, and then hide that layer. 

3. With the Object Selection tool set to Lasso mode, drag a loose outline around the state. It should be smart enough to find the actual state outline and select along that. (In reality, the selection might not always be perfect, so you might have to touch up the state outline masks later.) 

4. In the Layers panel, make the image layer visible again, and make sure it’s selected. 

5. In the Layers panel, click the button that creates a layer mask. The selection is converted to a layer mask for the image layer. 

6. Switch to the Move tool. 

7. Click the link icon between the image and its layer mask. This unlinks the layer from its mask. 

8. In the Layers panel, make sure the layer is selected, not its mask. 

9. With the layer unlinked from its mask, now you can use the Move tool or Edit > Free Transform to reposition and rotate the image layer as needed within the state mask. 

The U.S. map image you uploaded is relatively low resolution. If you need to print this large, hopefully the actual original image has a higher resolution. If this needed to be done so that the state outlines were super sharp for a large, high resolution print, this is how I would do it:

1. Find a U.S. states map that is available as 50 separate vector outlines. 

2. Convert each outline into a Photoshop frame layer. 

3. Drop each image directly into each frame layer, recompose as needed within each frame.

Of course, the nice thing about using a pre-made vector map of individual states is that you don’t have to try to create good state outlines; they’re already ready to use that way. And as vector paths, they’d be resolution-independent.

That is a good method now because Photoshop recently made important improvements to the vector frame feature, making it much easier to simply drop images into vector frames and recompose as needed.  

With the frame improvements, getting this type of project done in Photoshop is almost as easy as it is in Adobe InDesign, which is where I would actually prefer to do this specific kind of thing. That’s because InDesign has even better frame tools, and its Place command allows loading the images of all 50 states at once for batch import, so that all I would have to do is hover the Place pointer over each state’s vector outline and click, click, click to insert the next queued image into each state outline in turn. Photoshop is amazing, but this is one project where Photoshop would just slow me down compared to doing it in InDesign.

[nelsonmason]

Thank you guys. This was a big ask from someone. This really helps and the video helped as well. I am making this to eventually go into the software called lightburn. LB is a pretty good piced of software that guides a 100w laser we have at a makerspace. The pic I showed was a screen shot someone sent me. I found a great .svg file and I am islationg one state at a time per you instructions. LB has a bug that gives .svg images double lines when you do am image trace in the softare. I will take this to AI, do a trace and the .svg should import fine into Lightburn so I can scale it.. 

[Conrad_C]

I found a great .svg file and I am islationg one state at a time per you instructions. LB has a bug that gives .svg images double lines when you do am image trace in the softare. I will take this to AI, do a trace and the .svg should import fine into Lightburn so I can scale it.. 

By @nelsonmason

If the country map graphic is a true vector SVG file, tracing should be an unnecessary extra step that would lower detail quality. Image Trace in Illustrator is intended for tracing pixel images for conversion to vector graphics, but an SVG file should already be a vector graphic, and Illustrator is already a vector graphics app, so Illustrator should be able to open the SVG file directly into its original vector outlines. I just opened an SVG file into Illustrator and that’s exactly what it did.

So maybe you can open it into Illustrator and simply clean up or directly edit the vector paths in the SVG file so that it doesn’t end up as double lines in Lightburn, and them move the file to Lightburn. But I’ve never used this workflow so of course I could be missing something.