>
Rectangles Layout

Rectangles Web Layout Photoshop TutorialCreate a great looking rectangled web layout.

1. Open the image you want to use for background.

Rectangles Web Layout Photoshop Tutorial

2. Now switch to channel view(in the Layers Pallete, click on the Channels tab) and create a new channel.

Rectangles Web Layout Photoshop Tutorial

3. Select the Rounded Rectangular Tool.

Rectangles Web Layout Photoshop Tutorial

4. Now make a selection and then select the new created channel, hold Ctrl and click on the channel. This will select the rectangle.

Rectangles Web Layout Photoshop Tutorial

5. Now select the Move Tool, hold Ctrl+Shift+Alt and then, holding the left-mouse button move the rectangle to the right. Release the mouse button. You should get something like this:

Rectangles Web Layout Photoshop Tutorial

Pages: 1 2

 
Photoshop Tutorial
Photoshop Tutorial
Photoshop Tutorial
Tutorial category: Web Graphics and Layouts