Syndicate

Feed

drop shadow

Mar
29

DIY Advanced Paper Shadow in Photoshop

I have an idea for a tutorial.

The following Photoshop tutorial shows how to apply realistic drop shadows to photos. Once satisfied with your result, you can slice your image up and, using CSS rules, apply creative shadows, hence 3d effect, to any image, Drupal block, Drupal box, etc. Read more →

One file is attached to this posting. Login or register to download this file.


Apr
30

I have an idea

I have an idea for a tutorial.

My idea is to write a Photoshop tutorial, my first one, that would show how to apply realistic drop shadows to photos. Once you get desired result, you can slice your image up and, using CSS rules, apply creative shadows, hence 3d effect, to any image, Drupal block, Drupal box, etc. Similar tutorials are all over the web — well, not exactly, but there are quite a few of them. However, I had difficulty understanding the best of them. I clarified the whole process for myself, and have decided to dump it here. Lovely photo. Attached is my Photoshop CS2 file. The remaining step is to slice the image, of course. (If you examine the above image, you'll notice that I still have work to do to achieve truly realistic results. For example, the color of the 'white' outline is not realistic at the bottom.)

The tutorial is here.

One file is attached to this posting. Login or register to download this file.


Feb
26

Drop shadow revisited, without float

Revisited as in “wait a minute, what if the methods for CSS drop shadow generally proposed on the web and in books by clique & all — Standards Village People — were just... convoluted ?” Yes, I have read CSS Mastery by Andy Budd & all. Read more →

One file is attached to this posting. Login or register to download this file.


Feed