Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Photorealistic Photo Buttons

Photorealistic Photo Buttons


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.

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.

Duplicate the layer in the Layers palette.

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

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

Click OK.

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

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.

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.

Merge the layers of the new image together.

Go to Image>Adjustments>Invert.

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 Tutorial: Final Result

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.
Author's URL: Al Ward
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Photorealistic Photo Buttons"

Only registered users can write comment

No comments yet...