Menu DEVPPL Search
157.848
MEMBERS
15.939
TOPICS
63.218
POSTS
  562
FLASH GAMES
7.717
TUTORIALS
 

Login

E-mail:
Password:

How to "lift" the picture off the page.

Join this free Photoshop forum and learn from all out other members.
0

Loading

How to "lift" the picture off the page.

Postby Yoni » Wed Jul 02, 2008 3:26 am

OK.
I am building a webpage for a photography.
They want a black background.
They want the pictures to have a "shadow" (not sure what you call it) that would essentially make the picture look like it is floating above the page.
I do not know how to do this.
I am open to answers in Photoshop or (although I know this isnt the right Forum) in Dreamweaver.

Thanks.
Yoni
Yoni
 
Reputation: 0
Posts: 1
Joined: Wed Jul 02, 2008 3:23 am
Highscores: 0
Arcade winning challenges: 0

How to "lift" the picture off the page. - Sponsored results

Sponsored results

Login to get rid of ads

 

0

Loading

Postby Johnathan » Wed Jul 02, 2008 4:35 am

Well I don't know how you would get your shadow to appear on the black background of the site, usually you would goto Layer>Layer Style>Drop Shadow in photoshop and that would give you a shadow all you need to do is save it as a .png but if it's on a black background your not going to see a shadow unless you like expanded the canvas of your image and control/cmd+click on the layer thumbnail of your image and on a new layer fill the selection with a dark gray then reposition the gray layer below the picture layer and move it down and to the left and either make the blank canvas black or save your image as a .png or .gif if the quality isn't important but I'm guessing since it's a photography site quality is important.

I think there is a CSS way of doing it that might involve a little more work but it would load the page quicker but I can't find a decent one straight away with google, but have a look it the photoshop method doesn't suit :).
Johnathan
 
Reputation: 0
Posts: 1207
Joined: Thu May 31, 2007 4:28 pm
Location: Belfast, Northen Ireland
Highscores: 0
Arcade winning challenges: 0
0

Loading

Re: How to "lift" the picture off the page.

Postby Rexburgre » Wed Jul 02, 2008 5:57 am

yoni wrote:They want a black background.
They want the pictures to have a "shadow"


tell them to put down the hookah ... :shock:

Not possible to have Black background on top of a Black drop shadow effect... well, not while achieving your goal of floating an image.

But Johnathan is correct, apply drop shadow in PS and save as .png.

For actual CODE on how to do this check out http://www.w3schools.com/default.asp, you MIGHT find a way to do it... but I don't know of one.
Rexburgre
 
Reputation: 0
Posts: 74
Joined: Wed Apr 23, 2008 12:07 am
Location: SE Idaho
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Zipykido » Wed Jul 02, 2008 6:37 am

Dropping black on black doesn't have much of an effect although he could drop shadow and use a lighter shade of black. Or a lighter background.
Zipykido
 
Reputation: 0
Posts: 41
Joined: Fri Apr 25, 2008 3:30 pm
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Johnathan » Wed Jul 02, 2008 6:47 am

I don't think ou can change the colour of the drop shadow, that's why I suggested doing it manually. With the gray square behind the image.
Johnathan
 
Reputation: 0
Posts: 1207
Joined: Thu May 31, 2007 4:28 pm
Location: Belfast, Northen Ireland
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Johnathan » Wed Jul 02, 2008 6:47 am

I don't think ou can change the colour of the drop shadow, that's why I suggested doing it manually. With the gray square behind the image.
Johnathan
 
Reputation: 0
Posts: 1207
Joined: Thu May 31, 2007 4:28 pm
Location: Belfast, Northen Ireland
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Medley » Wed Jul 02, 2008 1:58 pm

Yes, you can use any color for a drop shadow, as well as any blend mode. It's all right there in the drop shadow options menu. Just click on the black square to bring up the color picker.

- Joe U.
There are only 10 types of people in this world- those who understand binary, and those who don't.
Medley
 
Reputation: 1
Posts: 881
Joined: Sun Sep 10, 2006 6:40 pm
Location: Hillsboro, OR
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Apg » Wed Jul 02, 2008 3:31 pm

Laugh well what happens when its a white background, you use a black glow. So... black background white glow.

Method: Draw a box in a new layer, right click the layer and go blending options then drop shadow, all the stuff you need is in there colour size etc.
Apg
 
Reputation: 0
Posts: 9
Joined: Thu Jun 26, 2008 10:49 am
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby BamBam » Wed Jul 02, 2008 4:01 pm

Using outer-glow would not be as effective as using drop shadow :?
Image
BamBam
 
Reputation: 0
Posts: 215
Joined: Thu Apr 10, 2008 7:37 pm
Location: Hull, England
Highscores: 0
Arcade winning challenges: 0
0

Loading

Postby Etheryte » Wed Jul 02, 2008 4:17 pm

Rather than using a bright drop shadow, I would suggest making a separate layer with a bright low opacity outer glow and then add a dark outer glow and drop shadow to the main layer. Demo below.
Image
Image
Etheryte
 
Reputation: 0
Posts: 255
Joined: Sun Mar 16, 2008 1:21 pm
Highscores: 0
Arcade winning challenges: 0
^ Back to Top