 |
 |
| This Photoshop tutorial will show you how to create a Stylish White Layout. Click on the Image to Enlarge. |
|
 |
|
|
|
| To start off, make a new Photoshop document, with dimensions of 560x420 and a black background. Create a large, round, grey (7F7D7D) cicrle in the top left corner, using the elliptical marquee tool on a new layer. Feather (selection > feather) the selection by 10, contract (select > modify > contract) it by 15 and then fill the selection with light grey (F5F5F5). Createa smaller grey (C8C7C7) circle on a new layer and in the center of the large one (image c). |
 |
| a) Click to Enlarge |
|
b) |
|
c) |
 |
|
 |
|
 |
|
| |
|
| Make another smaller, darker grey (8B8B8B) circle. Contract the selection by 3 pixels, set the foreground color to light grey (F5F5F5) and the background color to a darker tone (A4A4A4). Choose the gradient tool, set it to radial gradient and then drag from the center to the edge of the selection to create the gradient (image b). Duplicate the layer of the circular shapes so that you have 4. Move 1 to each corner of the document and then create a light grey rounded rectangle, with a radius of 70 (image c), |
|
| a) |
|
b) |
|
c) Click to Enlarge |
 |
|
 |
|
 |
|
| |
|
| Rasterize the rounded rectangle and then make a selection using it. Set the foreground color set to light grey (FDFDFD) and the background to dark (8A8A8A), Set the gradient tool to reflected gradient and then drag from the center to the left edge of the selection to create the gradient. Set the opacity of the layer to 80% and then create a white rounded rectangle, with a radius of 50. |
|
| a) Click to Enlarge |
|
b) |
|
c) Click to Enlarge |
 |
|
 |
|
 |
|
|
| Change the opacity of the white rounded rectangle to 80% and then go to [ Part 2 ] of this Photoshop tutorial. |
|
|
|
|
|
|
|
|
|
 |
