Mobile app version of vmapp.org
Login or Join
Lee3735518

: Creating a "Background Glow" in Photoshop 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. [URL removed

@Lee3735518

Posted in: #AdobePhotoshop

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.

[URL removed because it was removed and replaced with delicious snacks]

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?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Lee3735518

3 Comments

Sorted by latest first Latest Oldest Best

 

@Speyer780

Since the links to my original post went down, I'll reproduce the steps here:


Create a new document, I created a new 1000 by 250 pixel document.
Double click the background layer to unlock it, fill it with your desired color. I filled mine with #342f29
Create a new layer (Shift+Ctrl+N in Windows)
Set your forground color to your "glow" color. I used #8f8170
Select the Gradient Tool.
Note: It may be hidden underneath your Paint Bucket Tool.
Select the Radial Gradient option from the toolbar.
Set your gradient to "Foreground To Transparent"
Drag your gradient wherever you want the glow to be. I wanted mine to have a "sunset" effect, so, I click and dragged from the bottom, to the top.


Optional: Additional Glows & Texture


Create a new layer (Shift+Ctrl+N in Windows)
Select your secondary glow color (could be the same as the first). I wanted something really subtle, so I chose #403b34
Changes your gradient type to Linear. Keep the gradient set to "Foreground to Transparent"
Drag out your gradient as desired. I just made it go from bottom to top.
Let's add some texture. Create a new layer.
Fill it with White (#ffffff)
Filter >> Noise >> Add Noise...
Press OK
Set the layer blending to "Darken"
Lower the opacity to your liking. I chose 5%


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

10% popularity Vote Up Vote Down


 

@Megan533

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.

10% popularity Vote Up Vote Down


 

@LarsenBagley460

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme