Step 1:
Create a new document, roughly about 500 px by 500 pixels, with white or transparent background. Fill the layer with #3c3c3c color.

Step 2:
Right click first layer and select “duplicate layer”. This will create a duplicate layer of first layer. Set foreground color to #b7b7b7.

Now Select “Ellipse Tool” with “Fill pixels”.

and draw a large circular shape.

change layer mode to “Multiply” and set opacity to 30%. Now it looks like this.

Right click the layer and apply following layer style.

That’s it, you’ve done it. This is how background looks now:

I hope you like the tutorial.

• Difficulty Level: Easy
• Estimated Completion Time: 10 minutes

Below is the preview of final image.

Step 1:
Create a new document in Adobe Photoshop (File >> New).


Create a new layer (Layer >> New >> Layer). Select paint bucket tool.


Fill the layer with #981300 color.

Step 2:
Select “Rounded Rectangular Tool” with radius 8px and #000000 color


Draw a navigation bar and change opacity to 50%

Step 3:
Create a new layer (Layer >> New Layer). Select “Rectangle tool”. Set color to #b84208 and draw a shape as shown in below image.

Step 4:
Create a new layer. Select “Ellipse tool” and color to black. Draw a ellipse shape as shown in below image.

Right click the layer and select Rasterize Layer. Now go to Filter >> Blur >> Gaussian Blur and apply following.


Select rectangular marquee tool and select top 50% of the ellipse shape and press delete key.


Change opacity to 65% It will now look like this.

Step 5:
Now we will create bottom shadow. Right click the top ellipse shape and select “Duplicate Layer”. This will create duplicate shape of top shadow. Drag the shape to bottom. Now go to Edit >> Transform >> Flip Vertical

Our Navigation bar will now look like this.

Step 6:
Create a new layer, select “text tool” and type menu links with #FFFFFF color.


I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!
Download PSD file

Step 1:
Create a new document (File >> New)

Step 2:
Select “paint bucket tool”

Fill the layer with color #2a2a2a

Step 3:
Select “Line tool”.

Set weight to 1px and color to #000000
Create a new layer, press and hold shift key and draw a horizontal line.

Step 4:
Right click line layer and select “Blending Options”

Apply following layer style.

Now it looks like this:

Step 5:
Create a new layer. Select “rectangular marquee tool”

select a area just above line and of about 50px height.

Select gradient tool.

Set foreground color to #ffffff and following settings.

Press and hold shift key and drag mouse from bottom to top.

Step 6:
Create a new layer. Select marquee tool, drag the marquee selection just below the line.

Select gradient tool and set foreground color to #000000
Press and hold shift key and drag mouse from top to bottom of marquee selection.

Press ctrl+D to deselect marquee selection. Press ctrl key and select all layer except background. Now right click any layers and select “merge layers”.

Now our image looks like this:

Step 7:
Select “rectangular marquee tool” and select area covering line and both gradients.

Right click and select “select inverse”.

Again right click and select “Feather” and set to 10px.

Press delete key 5-6 times. Your image is ready.

Liked my tutorial
Follow me on Twitter.
Subscribed by Email

Download
You are free to use it for personal and commercial use. But you cannot sell it. You cannot also distribute it on your name. If you distribute it for free on your website, you must mention our website link as source.

Download PSD file of the tutorial

Final Image of the Tutorial

Step: 1

Create a new document (File >> New)

You may use different size.

Step: 2

Select “Paint Bucket Tool”.

Paint bucket tool

Fill the layer with any color you with to have as background. I am using #b13f01 color to fill the layer.

Step: 3

Create a New layer (Layer >> New >> Layer..) and select “Line tool”.

Set foreground color to black.

Press and hold shift key and draw a straight line.

Step: 4

Right click Line Layer, and select “Blending options”

Apply following layer style.

Your inset line is ready.