Photoshop

peterbruce

peterbruce

Supreme Member
Joined
Sep 1, 2010
Messages
1,478
Reaction score
386
Is it possible to create a glossy background like http://a3.twimg.com/profile_background_images/423728090/BANNER2.png using Photoshop?

I searched for a YouTube video but they aren't great.
 
Advertise on BHW
There is a photoshop action that does pretty close...perhaps you can tweek it a bit:

Code: 
http://www.panosfx.com/free-photoshop-actions/reflections

I am in NO way affiliated with this website...
 
Duplicate the layer.
Rotate vertical.
Insert gradient from white to transparent from top to bottom.
Change opacity to 50%.
On a new layer, use brush to create the shadow (+ blur filter and opacity to 50-70%).

Beny
 
kokoloko75 said:
Duplicate the layer.
Rotate vertical.
Insert gradient from white to transparent from top to bottom.
Change opacity to 50%.
On a new layer, use brush to create the shadow (+ blur filter and opacity to 50-70%).

Beny
Click to expand...

very good tutorial
 
If you still need it edited,PM the image.
will get it done :)
 
Last edited:
You can make anything "glossy" if you add any kind of reflection to it, real or fake, be it lights, lights and shadows, and/or environment (ie. an object reflected on the surface, or an object reflecting the surroundings).
 
With keywords "photoshop reflection floor" I found some tuts like this one :
Code: 
http://photoshopcandy.com/2006/09/06/the-shiny-floor-effect-or-the-very-cool-reflection-effect/

Beny
 
Yes . . . It is called a "Floor Reflection"

ejsbab.png


Cheers! - "Wiz"
 
kokoloko75 said:
34g9i6g.png


Let's go, everybody will make his test...

Beny
Click to expand...

It's just the background that I would like glossy.

I'm not looking for a reflection of anything.

But I know what you mean, thanks.
 
Just use a slight gradient... i.e.

6Ddxo


But it's the "Reflection" of the OBJECT that gives the illusion that its a glossy surface... So you'll need to use BOTH techniques... hope that helps :)
 
hawke said:
Just use a slight gradient... i.e.

6Ddxo


But it's the "Reflection" of the OBJECT that gives the illusion that its a glossy surface... So you'll need to use BOTH techniques... hope that helps :)
Click to expand...

Yes, that's the right idea.
 
Also look into CSS background gradients. This tool does it for you and gives you cross-browser compatibility: http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html

You'll learn a little CSS too :)
 
I scanned the image, it's a solid color the laptop does the "Glossy" effect, the color is #ececec.
background.jpg
 
It is very easy, setup the page in photoshop ie height/width, and then create a gradient from light silver to white, you can get more specific colours using the Photoshop colour tool, then mark it from the top to the bottom and your background will be created.
 
Last edited:
Furthermore, reflection is easy, duplicate the initial layer which has the main object in. Flip it upside down in photoshop, then feather it to around 10px or so, or whatever you are happy with. And thats it.
 
Advertise on BHW
You must log in or register to reply here.
Sign up now!

Main Menu

Home Main Forum List Black Hat SEO White Hat SEO BHW Newbie Guide Blogging Black Hat Tools Social Media Downloads

Marketplace

Account Selling Content / Copywriting EBooks / Methods Hosting Misc Proxies For Sale SEO - Link building SEO - Packages Social Media Social Media - Panels Web Design More

Making Money

Affiliate Programs Hire a Freelancer IM Journeys Making Money Pay Per Click Site Flipping Want to Buy

BlackHat World

Dispute Resolution Forum Suggestions & Feedback Introductions Lounge
Back
Top