Create a simple web layout using Photoshop

I will add some layer styles

Here is the result

In the middle of the layout I will create a new shape with Round corners. I will use Rounded Rectangle Tool, with a radius corner of 5 or 6 pixels

You can see a small line around this shape. this was made with a simple layer style

I will use Pen Tool to create a shadow under this shape. I will use a dark color to create some shapes.

please note that you need to place the layers under the round shape. Then I will select both layers in my layer palette, and I will press on CTRL+E to merge them into a single layer. I will go to Filter > Blur > Gaussian Blur, and I will use a value of 10 in the radius field. the shadow will look like in the following image.

In the middle of the round shape I will create two thin lines ( 1 pixel each ) with different colors. I will select both layers and I will merge them ( CTRL+E ). Then with Eraser Tool I will delete the extremities of the lines

In the middle of the layout I will create a new shape with Rectangle Tool.

I will add the following layer styles

1 2 3

Pages: « 1 2 3 »

Most Related Tutorials

• Create Tile in Disco Mode Using Photoshop
• ‘Bee Movie’ Text Effect Recreate Here
• Multiply with Layer Mask Photoshop Tutorial
• Vivid Glow Using Photoshop
• Create Romantic Couple Painting
• Use Photoshop to Design Aurora
• Design a Stylish Retro Game Boy Poster in Photoshop
• Design a Simple Snowman in Photoshop
• Simple Navigation Bar n Button Using Phtoshop
• Shiny n Glossy Effects Using Photoshop