website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Basic Shapes in 3D
rss

Basic Shapes in 3D

Author: Colin Smith More by this author


1. Start with a blank transparent layer.

Here we have begun to draw our basic shape using the marquee tools.

To add to the selection hold the shift key. To subtract, hold down the Ctrl/Cmd key.

image 1

2. Fill the selection with black.

We still want to play around with the shape, so keep drawing selections and filling with black, or deleting until you get a shape you like.

image 2

3. Use the polygon lasso tool, its really cool, just click, then click again, it will draw a straight line between the 2 points. You will have to click back to the beginning point, you will see a little circle when the pointer is over the start, then click to complete the shape.

image 3

4. Cut out some circles and stuff, we will add buttons and gizmos here later.

Everything should still be on one layer.

Load the selection by holding Ctrl/Cmd and clicking on the thumbnail picture in the layers palette.

image 4

5. Switch to the Channels palette.

Click on the "save selection to a channel" button. The new channel is called Alpha channel.

image 5

6. Press Ctrl/Cmd+D to turn off the selection. (You cannot affect the pixels outside of a selection)

Filter>Blur>Gaussian blur. The larger the blur, the more rounded the corners will be.

image 6

7. Open the Adjust>Levels control. Move the sliders closer together to tighten up the edges a bit. Click ok.

image 7

8. Go back to the layers palette, click on our layer and select the object again (Ctrl/Cmd click) This time fill with gray.

Filter>Render>Lighting effects. Load alpha 1, add a blue colored ambient light.

Click ok.

image 8

9. This is roughly what you should have now. Notice that there are little extra corners? We will get rid of the and clean it up a bit.

image 9

10. Switch to the channels palette and ctrl/cmd click on the Channel thumbnail. This will load the channel selection.

image 10

11. Ctrl/Cmd+Shift+I to invert the selection.

Press delete and you now have a cleaned up image. But it still doesn't look like metal.

image 11

12. Open the curves box. Adjust>Curves.

Make a similar shape and watch your image suddenly become shiny metal!

Interfaces, Basic Shapes in 3D Tutorial: Final Result

13. Here is another example showing the result of this same technique. This time I used a smaller ambient light.

image 13

image 14

image 15



About the Author:

Click to Visit Author's Website

Colin Smith is a best-selling author, trainer, and award-winning new-media designer who has caused a stir in the design community with his stunning photorealistic illustrations composed entirely in Photoshop. He is founder of the world's most popular Photoshop resource site, PhotoshopCAFE.com, which boasts more than two million visitors.

With over 10 years of experience in the design industry, Colin was formerly Senior Editor and Art Director for VOICE magazine. He is a regular columnist for Photoshop User magazine, PlanetPhotoshop.com, and the official site of the National Association for Photoshop Professionals. He also contributes to a number of other graphic art publications and Web sites, such as Mac Design magazine, Web Designer magazine and Computer Arts Magazine.

Colin's graphic design work has been recognized with numerous awards, including the Guru awards at Photoshop World 2001 and 2002, for his work in both Illustration and Web Design. He's authored or co-authored more than ten books on Photoshop, including the best-selling How to Do Everything with Photoshop CS (McGraw-Hill/Osborne, 2003) and award-winning Photoshop Most Wanted: Effects and Design Tips (A Press/Friends Of Ed, 2002). Colin is also creator of the Photoshop Secrets Video training series (PhotoshopCD.com). He is in high demand across the United States as a lecturer, presenting his Photoshop techniques to Web designers and other graphics professionals across the nation.



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Basic Shapes in 3D"