JOIN DEVPPL

It looks like you are new here. If you want to get involved, click on Join below!



How to "lift" the picture off the page.


Y

keyboard_arrow_up
0
keyboard_arrow_down


First Post Mark as Spam yoni
Posts: 1 - Registered: 2008-07-01 21:23:56

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




J

keyboard_arrow_up
0
keyboard_arrow_down


Reply #1 Mark as Spam Johnathan
Posts: 1207 - Registered: 2007-05-31 10:28:14

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 .




R

keyboard_arrow_up
0
keyboard_arrow_down


Reply #2 Mark as Spam rexburg22re
Posts: 74 - Registered: 2008-04-22 18:07:47

Quoted text
They want a black background.
They want the pictures to have a "shadow"


tell them to put down the hookah ...

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.




Z

keyboard_arrow_up
0
keyboard_arrow_down


Reply #3 Mark as Spam zipykido
Posts: 41 - Registered: 2008-04-25 09:30:55

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.




J

keyboard_arrow_up
0
keyboard_arrow_down


Reply #4 Mark as Spam Johnathan
Posts: 1207 - Registered: 2007-05-31 10:28:14

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.




J

keyboard_arrow_up
0
keyboard_arrow_down


Reply #5 Mark as Spam Johnathan
Posts: 1207 - Registered: 2007-05-31 10:28:14

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.




F

keyboard_arrow_up
0
keyboard_arrow_down


Reply #6 Mark as Spam FuzzBox
Posts: 1 - Registered: 2008-05-17 08:56:16

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.




A

keyboard_arrow_up
0
keyboard_arrow_down


Reply #7 Mark as Spam apg1985
Posts: 9 - Registered: 2008-06-26 04:49:22

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.




B

keyboard_arrow_up
0
keyboard_arrow_down


Reply #8 Mark as Spam BamBam
Posts: 215 - Registered: 2008-04-10 13:37:11

Using outer-glow would not be as effective as using drop shadow




E

keyboard_arrow_up
0
keyboard_arrow_down


Reply #9 Mark as Spam Etheryte
Posts: 255 - Registered: 2008-03-16 07:21:56

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.
http://img104.imageshack.us/img104/2055/pspreviewtc9.png






JOIN DEVPPL

It looks like you are new here. If you want to get involved, click on Join below!




MENU
Advertising