How to make a drop shadow frame for a photo

BrettBrett Registered Users Posts: 218 Major grins
edited July 5, 2010 in Finishing School
I'm in the process of redoing my photography website and I'm adding the shadows and border on them to add a more professional look. I'm having a problem getting this particular one to get the shadowing because of the white on the cat. It makes a shadow around its chest. I need someone to fix this problem I'm having. Big thanks to anyone who can fix my problem:thumb .

Shadowing info:
Blend- Multiply
Opacity- 75%
Angle- 130
D- 15
S- 15
S- 25

DSC04111.th.jpg
Challenge 26 Winner "In Your House" :deal

Comments

  • DJ-S1DJ-S1 Registered Users Posts: 2,303 Major grins
    edited November 30, 2004
  • mercphotomercphoto Registered Users Posts: 4,550 Major grins
    edited November 30, 2004
    Cool
    I can't help you with Photoshop, but that is a really cool picture of that cat.
    Bill Jurasz - Mercury Photography - Cedar Park, TX
    A former sports shooter
    Follow me at: https://www.flickr.com/photos/bjurasz/
    My Etsy store: https://www.etsy.com/shop/mercphoto?ref=hdr_shop_menu
  • BrettBrett Registered Users Posts: 218 Major grins
    edited November 30, 2004
    thanks alot, could you do this one too, same shadowing details


    DSC002342.th.jpg
    Challenge 26 Winner "In Your House" :deal
  • BrettBrett Registered Users Posts: 218 Major grins
    edited November 30, 2004
    sorry this one too, if you dont feel like doing them, could you explain how to make it so it doeesnt get the white in the picture please?

    DSC04242.th.jpg
    Challenge 26 Winner "In Your House" :deal
  • dkappdkapp Registered Users Posts: 985 Major grins
    edited November 30, 2004
    This is the tutorial I use to create this look.

    http://www.dgrin.com/showpost.php?p=3441&postcount=7

    Dave
  • DJ-S1DJ-S1 Registered Users Posts: 2,303 Major grins
    edited November 30, 2004
    Sorry, the 1st one is free, any more are $50/hour.


    Er, yah. So let's teach you how to fish, as it were. Dave is right with his tutorial, that's a great way to do it. But in these examples, there is pure white (or close to it) running off the edge, so the magic wand won't select the proper area. Here's my hack way of just getting the rectangular area.

    I zoom up max on the upper left corner of the image. Then I drag a guide from the top ruler down to the edge of where the image meets the border. Do the same from the left ruler. (by the way, make sure you turn the rulers on) Then zoom in on the lower right edge and repeat the process.

    This gives you 4 blue guides in the perfect shape to select. Just zoom out to the full canvas and use the rectangular selection tool to select the image area. You'll notice that the marqee snaps to the guides so you don't have to be precise anymore. Now that it's selected, CTRL-X to cut it out, and CTRL-V to paste back in. It will automatically create a new layer, and you can add your drop shadow.

    It took me about 40 seconds to do the 1st one, piece of cake. Have fun!
  • BrettBrett Registered Users Posts: 218 Major grins
    edited November 30, 2004
    Wow, thank you dkapp and DJ-S1 for all the help. I really appreciate it.
    Challenge 26 Winner "In Your House" :deal
  • pathfinderpathfinder Super Moderators Posts: 14,694 moderator
    edited November 30, 2004
    dkapp wrote:
    This is the tutorial I use to create this look.

    http://www.dgrin.com/showpost.php?p=3441&postcount=7

    Dave
    Dave and everyone....

    I wrote that original thread for a drop shadow for Humongous last spring. But I use a slightly different technique now that avoids the frustration with selecting with the magic wand. I use PS CS, but this will work in 5, 6 or PS 7. There are simpler ways to do it in PS Elements directly, but someone else will have to report on that.

    The method I use now - the preferred method - is to create a duplicate layer of your image first. To do this hit ctrl-J ( Apple-J for us Mac fans - sorry- had to be inclusive)

    Now, look at the layers palette, and you will see a background layer and a layer above it that is highlighted. 12096243-M.jpg

    Click on the background layer box in the layers palette to select it. It will turn from white to blue showing that it has been selected.
    12096245-M.jpg

    Once the background layer is selected, hit Image>Canvas Size and a dialog box comes up that looks something like this...
    12096891-M.jpg

    If your Photoshop is configured in centimeters rather than inches ( Hail to the Aussies and the Europeans here ) it will say centimeters - but we colonials here in America still use inches. Click to the right of the "inches" on the little blue arrows until you get the choice of pixels ( This step is not necessary as the canvas can be enlarged by inches, cm or pixels but it is easier for me to calculate a 10% increase in canvas size by using pixels) - here we are... Enlarge the canvas size by some amount - I usually use about 10% eg: 1/10 to the total pixel width of the image
    12096898-M.jpg and change the canvas extension color to white ( or whatever color you desire) and click OK
    12096890-M.jpg Note that the 200 pixels is approx 1/10th of 2048 - or whatever your image size is...

    Now you have created a layered image with the copied image in Layer 1, and the original image - the BACKGROUND image with a larger white border on the lower layer.

    Go back to the layer palette and click on the upper layer - It should look like this again...
    12096243-M.jpg

    Now - click on Layer > Layer Style > Drop Shadow and you will see this dialog box....
    12097653-M.jpg

    Play with the sliders until you get a drop shadow that you favor
    12097654-M.jpg
    And click OK.

    Voila - you've done it - you've learned a little about layers, and layer styles, and created a nice drop shadow without using the magic wand to select anything. This is a better and more precise technique and should replace the present version in the hall of fame as it was rather lame ( I wrote it, so I can say that!! Eh What??)
    12097655-M.jpg

    Questions? Comments?? Cletus probably has a simpler method - he taught me all I know. bowdown.gif
    deal.gifD clap.gifclap.gifclap.gif

    Addendum --- The drop shadow does not necessarily have to be black either...

    12104215-L.jpg
    Pathfinder - www.pathfinder.smugmug.com

    Moderator of the Technique Forum and Finishing School on Dgrin
  • cletuscletus Registered Users Posts: 1,930 Major grins
    edited December 1, 2004
    pathfinder wrote:
    Questions? Comments?? Cletus probably has a simpler method - he taught me all I know. bowdown.gif
    deal.gifD clap.gifclap.gifclap.gif
    rolleyes1.gifroflrolleyes1.gif
    pathfinder wrote:
    12104215-S.jpg
    Very nice thumb.gif

    Thanks for the great tutorial!
  • DJ-S1DJ-S1 Registered Users Posts: 2,303 Major grins
    edited December 1, 2004
    Cool Path, as I said that was my "hack" method! :D I have actually used something similar to your method to make an action for a specific-size thing I was doing for a calendar. Then I promptly forgot it... rolleyes1.gifthumb.gif
  • BrettBrett Registered Users Posts: 218 Major grins
    edited December 1, 2004
    thanks alot for the new technique, simple enough to followthumb.gif
    Challenge 26 Winner "In Your House" :deal
  • wxwaxwxwax Registered Users Posts: 15,471 Major grins
    edited December 1, 2004
    Hall of Wisdom, baby!
    Sid.
    Catapultam habeo. Nisi pecuniam omnem mihi dabis, ad caput tuum saxum immane mittam
    http://www.mcneel.com/users/jb/foghorn/ill_shut_up.au
  • PerezDesignGroupPerezDesignGroup Registered Users Posts: 395 Major grins
    edited December 2, 2004
    I created an action for those of you that are into the "Automated Way". I do it a different way though.

    Here's the action.
    http://www.perezdesigngroup.com/downloads/Drop-Border.zip

    Lemme know if you have any problems with it. It creates a 30 pixel border. If you want more, you'll need to extend the canvas size.

    -Jesus
    Canon Digital Rebel | Canon EOS 35mm | Yashica Electro GSN | Fed5B | Holga 35 MF

  • pathfinderpathfinder Super Moderators Posts: 14,694 moderator
    edited December 2, 2004
    I created an action for those of you that are into the "Automated Way". I do it a different way though.

    Here's the action.
    http://www.perezdesigngroup.com/downloads/Drop-Border.zip

    Lemme know if you have any problems with it. It creates a 30 pixel border. If you want more, you'll need to extend the canvas size.

    -Jesus


    30 pixels is a pretty small border. Probably only good for on-line posts, not for 8 x10 prints. The action needs to increase the border size about 10% of the image size. I just do it on the fly, because I vary it a little bit, depending on image size. And like I showed above, sometimes I don't want a black drop shadow but a colored one. ne_nau.gif
    Pathfinder - www.pathfinder.smugmug.com

    Moderator of the Technique Forum and Finishing School on Dgrin
  • ChrisBlazeChrisBlaze Registered Users Posts: 54 Big grins
    edited January 19, 2007
    2 years later, it still helps people!

    Thanks a million!
    Visit my gallery

    www.chrisblaze.net
  • Viffer06Viffer06 Registered Users Posts: 35 Big grins
    edited July 5, 2008
    ChrisBlaze wrote:
    2 years later, it still helps people!

    Thanks a million!

    I couldn't agree more. In fact, I used this tutorial 10 minutes ago. Here's the sample.

    Thanks a million!

    325925335_jb4km-M.jpg
  • pathfinderpathfinder Super Moderators Posts: 14,694 moderator
    edited July 5, 2008
    We need to see that picture much larger to properly evaluate the drop shadow technique you used......







    :hide
    Pathfinder - www.pathfinder.smugmug.com

    Moderator of the Technique Forum and Finishing School on Dgrin
  • Bayer-Z28Bayer-Z28 Registered Users Posts: 392 Major grins
    edited July 5, 2008
    This is a vid I used..
    http://www.youtube.com/watch?v=vinaST1A08g
    It'll help with the background.. Then just use your Blending Options.. Right click on the layer, and just adjust DROP SHADOW..

    ................. I'm pretty sure..
    Auto enthusiast. I drive a 2000 Camaro Z28. LOADED w/ mods.

    Camera: Nikon D80, 18-55 f3.5 stocker & 18-200 Nikon VR.... with a small collection of filters..


    My Smugmug.. STILL Under construction.
    http://bayer-Z28.smugmug.com
  • maxammaxam Registered Users Posts: 1 Beginner grinner
    edited December 31, 2008
    beginner trying
    Hi, Thanks for writing stuff like this for all of us. I have been trying to follow your directions but I need my drop shadow on a dark background. I have made one successfully on a white BG, but when I try to color the BG dark blue, it just colors over the drop shadow. I am using Photoshop 7 but the layers seem different?
    I would think it is very easy once you know how, but a most used procedure like drop shadow should be simple, even to a Dummie book referer like me! lol. I am trying to learn PS7 one step at a time and think I will use drop shadow a lot.
    Windows Vista etc.

    memories.htmpicture is the old postcard from Grandma about 1/2 way down the page at http etc - caterwauls.ca/memories.htm .

    NEVER MIND! Thanks for looking at my post but I have got it working for white BG - doesn't work or isn't good looking on colored BG anyway!
  • pathfinderpathfinder Super Moderators Posts: 14,694 moderator
    edited December 31, 2008
    The third image in my post about creating a drop shadow, says to expand the canvas of the background layer (that the shadow is to fall upon).

    That expanded canvas does not have to be white, it can be any color you want just by using the drop down menu at the bottom of the dialogue box show, and also posted here below. The width controls the amount of canvas extension in inches, pixels, %. The color drop down box allows you to choose different colors of new background for your shadow to fall upon. This will not color your shadow at all.


    12096891-M.jpg
    Pathfinder - www.pathfinder.smugmug.com

    Moderator of the Technique Forum and Finishing School on Dgrin
  • Antonio CorreiaAntonio Correia Registered Users Posts: 6,241 Major grins
    edited August 20, 2009
    pathfinder wrote:
    Dave and everyone.......
    12097655-S.jpg
    Questions? Comments??...

    I know Jim that this thread is a very old one but only now I was able to find it :cry
    Without following your steps I came to the result you have already seen in my images and you can see now in these two images here.
    The very same results were obtained following your steps. I tried them but I am not posting.

    And what is wrong but I can't overcome ?
    :cry The size of the canvas depends on the crop factor. :cry
    This leads to a non uniform presentation of the photos. :cry
    If we see them in a book for example the difference of size in the canvas is very obvious if they are on the same page (or not).
    I would like to overcome this small problem with an Action.
    Better yet: I would make it to become a Droplet and export the photo directly from LR.
    I have tried to resize the images before applying the canvas but that is not the solution.

    I think the solution is the Julieanne Kost's video, if I have understood correctly.mwink.gif
    She has a magnificent accent BTW :D
    Can you please give me a tip ? bowdown.gifbowdown.gifbowdown.gif:D
    625544336_asSCo-L.jpg . 625547772_dGryV-L.jpg
    All the best ! ... António Correia - Facebook
  • pathfinderpathfinder Super Moderators Posts: 14,694 moderator
    edited August 20, 2009
    Hi Antonio,

    Like I said in the post immediately above your post, the background can be enlarged to any amount, by pixels, inches OR PERCENTAGE.


    12096891-M.jpg

    I think if you try percentage, instead of pixels or inches, your problem is solved, if I understand it correctly.

    In Kost's video she does say that you must use only landscape images or only portrait styled images separately. You cannot run the action for both landscape and portrait aspect ratioed images at the same time. SHe had two separate actions for landscape and portrait style images.

    She also is dropping her image into an already created image file with edges already created. So she resizes her image to match her previously created edge file, where as my technique for adding a drop shadow can be done on any size image.
    Pathfinder - www.pathfinder.smugmug.com

    Moderator of the Technique Forum and Finishing School on Dgrin
  • Antonio CorreiaAntonio Correia Registered Users Posts: 6,241 Major grins
    edited August 21, 2009
    pathfinder wrote:
    Hi Antonio... She also is dropping her image into an already created image file with edges already created. So she resizes her image to match her previously created edge file, where as my technique for adding a drop shadow can be done on any size image.

    bowdown.gif Jim.:D
    :D
    All the best ! ... António Correia - Facebook
  • ZanottiZanotti Registered Users Posts: 1,411 Major grins
    edited July 5, 2010
    Still using these tricks to improve my photos!

    Z
    It is the purpose of life that each of us strives to become actually what he is potentially. We should be obsessed with stretching towards that goal through the world we inhabit.
Sign In or Register to comment.