Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have some images with a transparent background like this:

enter image description here

So, when applying it somewhere it looks like that:

enter image description here

And all i want to is add a frame around it to looks like that :

enter image description here

So, how can i do that ?

share|improve this question
Hey, welcome to GD. What have you tried so far? – Jenna Dec 9 '13 at 11:51
up vote 1 down vote accepted

1- Create a rounded-edges square on Photoshop, put it above the image you desire.

2- Reduce its "Fill" to 0% (not the opacity)

3- Open the Layer Style window for this shape, add a 2px white stroke for example and click Ok

Hope this helps

share|improve this answer

*Create a new layer

*Fill in a color that is different than the color you want for the border

*Fx --> stroke --> inside (use the color you want the border in for the stroke

*Fill at 0%


share|improve this answer
Rachel, could you explain how this answer is different from Amr's? – Johannes Apr 12 '15 at 6:01
I did not understand what he meant by "Create a rounded-edges square on Photoshop" when I was looking for an answer yesterday. I do now after poking and prodding through Photoshop. This is yet another way. Instead of adding a rectangle you fill in a blank layer and add a stroke. It's the same basic idea but the means of getting the fill layer is different. – Rachel Kate Apr 13 '15 at 6:43

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.