May
21

Tip: Better shadows in Photoshop

By

Shadows are great ways to jazz up your newspaper layouts. Today, you can even make decent looking shadows in InDesign — you don’t even need to use Photoshop. But with Photoshop, you can make a few adjustments that make the shadow more realistic. Here’s one option. It makes the corners of an element appear higher off the paper than the centers of the edges. I use it to create photographic prints. Let’s make one.

First, open a Photoshop document in whatever size is needed to contain the element you want to draw. Create a new Layer — you don’t even have to name it. You can use the Layers panel or the Layer drop down menu.

layer

Draw the rectangle or square and select Layer > Layer Style > Drop shadow. You’ll get a dialog box with some choices, and you can certainly experiment with these. We’ll use Distance of 4, Spread of 0 and Size of 16. You can make the size larger, but you might need to feather it a bit. Let’s forget it. You can probably leave the other settings as they are.

layerstyle

Next, right-click or go to the Layer command and change layer into a Smart Object and then Rasterize it (again, Layers menu or right click).

Now we want to make the shadow thinner along the middle of each edge so it appears the corners are lifted. Easy. Click on the Section Ellipse tool (hold down the Selection Rectangle tool to switch it) and draw a thin ellipse wider than the edge. After it’s drawn, you can use your arrow keys to nudge it up or down, left or right.

ellipse

When you have it where you want it, hit Delete to get ride of what’s inside the ellipse, then Deselect it (Select > Deselect or Ctrl-D). Then do the same on all four sides. I prefer a more radical ellipse and cut on the top and bottom than on the sides, but that’s taste. The larger shadows at the corners make them appear lifted.

empty

Then place a photo in it, and it looks like a real print. If you angle it a bit, it looks even more real.

nikaYou can have some fun with this by making the shadows bigger (mine are pretty subtle) or “curl” the corners more by making the ellipse rounder.

E-mail  (bobatnewsdesignschooldotcom)   me if you have questions or need assistance. Check out my InDesign tips

Categories : InDesign

Leave a Reply

Note

Posts to this blog may contain images and excerpts for the use of which I have not sought prior authorization. Wherever possible I endeavor to provide credit and accurate attribution to authors, artists and copyright holders. All material on this blog is made available for the purpose of analysis and critique, as well as to advance the understanding of design, typography and other design characteristics. The “fair use” of such material is provided for under U.S. Copyright Law. In accordance with U.S. Code Title 17, Section 107, material on this site (along with credit links and attributions to original sources) is viewable for educational and intellectual purposes.
More in color, design critique (1 of 3 articles)