Flash Games
 FAQ   Search   Memberlist   Usergroups   Register  Profile   Log in to check your private messages   Log in 


How to "lift" the picture off the page.



 

Post new topic   Reply to topic  
   DEVPPL Forum Index -> Photoshop Forum
View previous topic :: View next topic  
Author Message
yoni



Joined: 02 Jul 2008
Posts: 1

PostPosted: Wed Jul 02, 2008 3:26 am    Post subject: How to "lift" the picture off the page. Reply with quote

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
Back to top
View user's profile Send private message
Johnathan
500+ Club


Joined: 31 May 2007
Posts: 940
Location: Belfast, Northen Ireland

PostPosted: Wed Jul 02, 2008 4:35 am    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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 Smile.
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
rexburg22re
50+ Club


Joined: 23 Apr 2008
Posts: 73
Location: SE Idaho

PostPosted: Wed Jul 02, 2008 5:57 am    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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


tell them to put down the hookah ... Shocked

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
zipykido



Joined: 25 Apr 2008
Posts: 30

PostPosted: Wed Jul 02, 2008 6:37 am    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Back to top
View user's profile Send private message
Johnathan
500+ Club


Joined: 31 May 2007
Posts: 940
Location: Belfast, Northen Ireland

PostPosted: Wed Jul 02, 2008 6:47 am    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Johnathan
500+ Club


Joined: 31 May 2007
Posts: 940
Location: Belfast, Northen Ireland

PostPosted: Wed Jul 02, 2008 6:47 am    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Medley
500+ Club


Joined: 10 Sep 2006
Posts: 687
Location: Hillsboro, OR

PostPosted: Wed Jul 02, 2008 1:58 pm    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Back to top
View user's profile Send private message
apg1985



Joined: 26 Jun 2008
Posts: 9

PostPosted: Wed Jul 02, 2008 3:31 pm    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Back to top
View user's profile Send private message
BamBam
100+ Club


Joined: 10 Apr 2008
Posts: 183
Location: Hull, England

PostPosted: Wed Jul 02, 2008 4:01 pm    Post subject: Re: How to "lift" the picture off the page. Reply with quote

Using outer-glow would not be as effective as using drop shadow Confused
Back to top
View user's profile Send private message Send e-mail Visit poster's website MSN Messenger
Etheryte
100+ Club


Joined: 16 Mar 2008
Posts: 181
Location: Estonia

PostPosted: Wed Jul 02, 2008 4:17 pm    Post subject: Re: How to "lift" the picture off the page. Reply with quote

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.
Click to view this image at its original size
Click on the image to view it at its original size
Back to top
View user's profile Send private message Send e-mail
Display posts from previous:   
Post new topic   Reply to topic    DEVPPL Forum Index -> Photoshop Forum All times are GMT + 1 Hour
Page 1 of 1

 
 
Welcome to DEVPPL.com
You are not logged in, which means that you can't post in the forums.
Click here to Register

If you are a current member here on DEVPPL, please login below:

User: Pass:
Log me on automatically each visit:

 


Powered by phpBB © 2001, 2005 phpBB Group - Modified by DEVPPL

Flash Games - Sitemap