How do I create something like this?

Question

They are examples of PNG overlays to be placed over photographs. I think this should be fairly simple to do in PSE, and I did try a tutorial I found, but it was an epic fail. Can anyone tell me if there is a quick and easy way to do it? Also, I would like to know how to change the color from black to white.

Welcoming any and all help. Thank you!

hatstead · Accepted Answer

White frame on white background will not show up, so I used black background for demonstration.

File>New>Blank file
Set foreground color chip to black (or any color)
Activate Paint-bucket tool and click in the work-space to make it black
Activate the Rectangular marquee tool. On the tool's option bar select "fixed size" and enter the dimensions for the frame (I used 3x3"). Click to establish the outline. Then, go to Edit>Stroke(outline) selection. Place the stroke inside, width 5 px, color white. OK it. Press CTRL+D to get rid of the marching ants.
Open a blank layer above the background layer (Layer 1). Repeat step #4.
Activate the Move tool and position the 2nd frame
Activate the Type tool and type the text. Position text by dragging or using move tool.

roxyrenders · Answer

It has been quite awhile since I have done much creation but these frames are fairly easy.

1.Open a new document either with a transparent layer or a colored background (since you want white frames.

2. Use the rectangle tool to draw your square - any color other than the backround layer color or the color you want for your frame.

3. Simplify the shape layer.

4. Press Ctrl+Alt and click on the layer with the square to select it or you can use the magic wand tool to select it.

5. Keeping the selection marquee active, add a new layer and then go to Edit - Stroke Outline to create your frame - choose your desired width, color and select the stroke for Inside - press Ok then Ctrl+D to deselect after the stroke is finished.

6 Press Ctrl+J to duplicate the stroke layer. You can use this for making an additional frame. Click on the eye to hide this layer in the layer palette until ready to make the second frame.

7. Add a text layer using the font of your choice and type your word in your color of choice. Adjust size as desired. Then simplify the text layer.

8. Position the text where you want it on the frame.

9. Select the stroke layer to make it active and then use the eraser tool to erase the unwanted parts for the stroke line to make it appear as if the text and stroke are joined together. You would want to use a script type font to achieve the effect you want.

10. Hide all layers except the stroke outline and text. It should give you a transparent background. Save as PNG

11. Use the duplicated Stroke outline to build a new frame with different font or words. If you hope to make a third frame - jsut duplicate the stroke layer and hide it until ready to use.

Hopefully this helps. I stumbled on this question by chance while looking for answers to a question and do not usually frequent the site, so I probably won't respond to any followup questions.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded