Her

Home Photoshop Tutorials Web Layout Photorealistic Photo Buttons

Photorealistic Photo Buttons

Author: Al Ward Author's URL: www.planetphotoshop.com More by this author

Let's tackle a photorealistic pin button.

To begin, create a new image with the following settings:
• Name: Button
• Preset Size: 800x600 pixels
• Resolution: 100 dpi
• Mode: RGB
• Contents: White

On the bottom of the Layers palette, click the Create a new layer icon.

image 1

Select the Elliptical Marquee tool. Set the Feather to 0, Style to Fixed Aspect Ratio, Width to 6 and Height to 6.

Draw a large selection in the middle of the new layer.

Fill the selection with white.

image 2

Duplicate the layer in the Layers palette.

image 3

Hit 'D' to reset the foreground and background swatches.

image 4

Go to Edit>Stroke. Enter the following Stroke settings:
• Width: 8 px
• Color: Foreground/Black
• Location: Inside
• Mode: Normal
• Opacity: 100%
• Preserve Transparency: unchecked

image 5

Click OK.

Go to Filter>Blur>Gaussian Blur. Set the Blur Radius to 10 pixels and click OK.

image 6

We are going to create a displacement map to apply to the photo later. Hit Cmd/CTRL+C to copy the contents of the selection.

image 7

Go to Image>New. The new image dialog box will already have the correct dimensions to hold the copied layer contents, so name the new image button map and click OK.

Hit Cmd/CTRL+v to paste into the new image.

image 8

Merge the layers of the new image together.

image 9

Go to Image>Adjustments>Invert.

image 10

We need to brighten the white up a bit. Go to Image>Adjustments>Brightness/Contrast. Increase the contrast to +50 and click OK.

Photorealistic Photo Buttons

Save the image as a .psd file somewhere on your computer where you can find it again in a few minutes.



About the Author:

Click to Visit Author's Website Al Ward, a certified Photoshop Addict and Webmaster of Action FX Photoshop Resources (Actionfx.com) hails from Missoula, Montana. A former submariner in the U.S. Navy, Al now spends his time creating add-on software for Photoshop and writing on graphics related topics. Al has been a contributor to Photoshop User Magazine, a contributing writer for 'Inside Photoshop 6' and 'Special Edition Inside Photoshop 6' from New Riders Publishing, has co-authored 'Foundation Photoshop 6.0' from Friends of Ed Publishing, and writes for several Photoshop related websites. Al was also a panelist at the Photoshop World 2001 Los Angeles Conference, and contributes to the official NAPP website as the Actions area coordinator.
In his off time he enjoys his church, his family, fishing the great Northwestern United States and scouring the Web for Photoshop related topics.