Marte Multimedia - Custom WordPress Theme

Before starting, make sure you have Auto-Select On and set to Layer. (Top-left)

Let’s Begin:

Start Photoshop CS5 and make a new document, let’s say 960 x 900 Px.

Step 1:

Draw a rectangular shape by pressing the letter ” U ” and then just hold and drag your cursor to make the shape:

Step 2:

Now using the same process, make a new shape like the picture below (make sure to change the color):

Step 3:

Now press the letter ” P ” on your keyboard and like in the picture, above, make a triangle shape.

(To deselect a layer,  just press ” V “)
In order to do this, just click once where the shape begins and then, by holding shift, click again where the black shape intersects the blue one and down below for like 1 cm. All you need now is to unite the 1st point with your last. . (Notice that when you close the shape a little circle appears over your cursor).

Step 4:

While still having the Pen (P) selected right click inside the newly made shape (the triangle) and select ” Make Selection”.

Step 5:

Make a new layer (bottom right, near the trash icon) and then select the bucket (G) and fill the selection with a Dark-Grey (2f2f2f ). Now deselect using CTRL+D Step 6 – Rounded Corner:

Hide the triangle and let’s start with the rounded corner:
Draw an ellipse by holding shift while holding and drag the circle.

Now just drag the circle layer just above the background.

Step: 7:

Select the black/rectangle layer and press ” A “. You will notice that some anchors appear on the corners.
We will use these anchors to modify the shape.
Now press P (without deselecting the shape) and make a new anchor point like in the above picture.
Also do the same to the top (parallel to the newly created anchor)

Step 8:

Press A and while holding down shift, drag the anchor (shown in the above picture) down to just below the middle  of the circle. Do the same to the top.

Step 9:

You will notice that you have modified the shape but you don’t have yet perfect rounded corners. In order to achieve that (while having A selected) drag the little handle until you achieve your desired level of accurateness.

Conclusion:

Now you can start using this technique on your sites, have fun!
Also if you have any trouble, don’t hesitate to drop a comment.