Page 1

Page 1  |  Page 2

Photoshop Tips

Basic Interface
The basis of this tutorial is not showing how to make the coolest interface, but to show how to use the copy/duplicate commands you need to whip things out quick rather then having 20 duplicate layers and always having your objects paste off alignment, I'll show how to fix that. We will be using Gradients, as it enables us to do this a lot faster. You can see, making a control pad does take a little time and there are a lot more steps to do, I've tried to make it as short as possible.

1.gif (235 bytes) Make a new RGB image, 200 wide by 300 height. Fill the background layer with a dark color.

2.gif (225 bytes) Make a New Layer and name it "Buttons". Choose the Rectangular Marquee tool. Hold down the shift key and make a square marquee, this will be your button so don’t go too crazy on the height.

3.gif (235 bytes) Now choose the "Angle gradient tool". You will need to click and hold the mouse on the gradient icon on the tool bar, then select it from the pop out.

Now Press "D" and then "X" on the keyboard to set the foreground and background color, white and black. Also make sure your gradient settings is on "Foreground to Background". Hold down the shift key and click on the Top right corner of the marquee, try to click right on the corner if you can. Now drag at an angle to the Bottom left corner like I have shown. Now release the mouse button first, then the shift key.

5.gif (222 bytes) Contract the selection: Selection>Modify>Contract. Enter 2 and click OK. Fill the center with a light or medium gray. Deselect Ctrl.-D (Mac: Command-D).

6.gif (241 bytes)  Select half your object with the Rectangular marquee like shown. Hold down Alt-Ctrl-Shift (Mac: Option-Command-Shift) While holding down the keys, Tap the Right arrow key on the keyboard, keep tapping it until you have a nice size button. Deselect: Ctrl-D (Mac: Command-D) when you are done.

Next Page

 

Home | Site Map | Search | Tips | Store | Free | Resources | Community | About | Email
Designs By Mark.com. © 1997 - 2000 Mark Monciardini All Rights Reserved.