Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I see this effect a lot in websites and feel envious because I'm like King Kong with boxing gloves on trying to operate Photoshop sometimes.

Example image

http://instagr.am/p/BtYlk/

Check this URL out, they have a brownish header background, but there is a slight white-ish glow/blur in the middle behind the actual photo. Can someone summarize or point me to a tutorial of how to achieve this in Photoshop?

share|improve this question
up-vote for the king kong simile – jhocking Apr 9 '11 at 22:58

3 Answers

up vote 4 down vote accepted

I hate making image-heavy posts, so I just made a tutorial for you here. Please excuse the poor aesthetics.

I hope this is what you're looking for. Let me know if you'd like to me to include anything else.

Edit

A quick(er) but less accurate alternative can be found here.

PS. I love the analogy "I'm like King Kong with boxing gloves on trying to operate Photoshop sometimes."

share|improve this answer
Perfect, thanks for going that extra mile! – benhowdle89 Feb 26 '11 at 23:49
@benhowdle89 - No problem, I also edited in a quicker method for doing gradients. Though, once you get a hang of Photoshop, the first method shouldn't take more than 60 seconds. – Johannes Feb 26 '11 at 23:55

1) Inner glow in Photoshop? Double-click on the layer to bring up the Layer Style menu and click / select "Inner Glow". Play with the settings (swapping between Center and Edge for a Source will yield wildly different results).

2) Duplicate the layer, use the gradient that Scott suggested (gradient tool with a radial gradient) and create a light gradient. Then change the gradient layer from "Normal" to Screen / Soft Light / Hard Light (depending on which one looks best to you). You can also fiddle with the opacity, so if you want a more subtle effect you can dial down the opacity.

share|improve this answer
+1 for layer styles. I like to use layer style options over manually creating shadows and gradient whenever it is possible. They can be easily toggled on and off and are very easy to duplicate for use in other part of the design (uniformity) – horatio Feb 25 '11 at 15:23

Have a play with Lighting Effects. They can be found in Filter > Render > Lighting Effects.

Looks like the one featured on your link was done with an 'Omni' light or, perhaps, a gradient fill.

Regarding gradient fills: You can choose a radial one and move the central point of it by dragging it around on your document. Have a play about with it and let us know how it goes.

share|improve this answer
thanks for this Scott! – benhowdle89 Feb 25 '11 at 14:12

Your Answer

 
discard

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.