علومي
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Create dark wordpress theme

Go down

Create dark wordpress theme Empty Create dark wordpress theme

Post by 3loomi Fri Nov 12, 2010 1:47 am

Create dark wordpress theme





Create dark wordpress theme

April 18th, 2009 by ART-D Posted in Adobe Photoshop, Web Layout google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);

  • google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);


In this tutorial I will show you how to create interesting blog layout, you can use this layout like wordpress theme.

Start working by creating a new file (File>New) of 1280×1400 px and 72 dpi. Choose then the Paint Bucket Tool (G) to fill the new created file with the color #252525

Create dark wordpress theme 1

Next we’ll use the Line Tool (U) to mark out the borders of the blog’s sections to be. This time we’ll use the white color.

Create dark wordpress theme 2

Now download a set of ready to use brushes for Adobe Photoshop, named Scratchygrunge_drowningheart_stock.
Create a new layer and apply on it the mentioned brush. The lines representing the blog’s markings should be erased. The brush’s color is #252525

Create dark wordpress theme 3

Create dark wordpress theme 4

Next we’ll represent the search panel on the right part of the blog’s header. In this case we’ll use the Line Tool (U) and the color #A8A8A8

Create dark wordpress theme 5

Insert the blog’s title and the header’s menu, keeping the next shown demands (I used this font from dafont.com):

Create dark wordpress theme 6

MYBLOG

Create dark wordpress theme 7

the titles for the menu’s buttons:

Create dark wordpress theme 8

Next we’ll create a new layeron which we shall apply the already known brush -Scratchygrunge_____drowningheart_stock to process the site’s logo. Thebrush’s color is the same - #252525.
Create dark wordpress theme 9

Let’s entitle the blog’s section:

Create dark wordpress theme 10

25

Create dark wordpress theme 11

sep

Create dark wordpress theme 12

My New Post

Create dark wordpress theme 13

Combine in a group all the layers composing the titles of the sections (press Ctrl button to mark out the necessary layers and hold on the left mouse’s button to take down the marked layers on Create a new group option). We’ll make three copies of the got group and then apply the Free Transform option to place the copies the same way demonstrated below:

Create dark wordpress theme 14

Fill the posts entry with the appropriate text:

Create dark wordpress theme 15

Create dark wordpress theme 16

Insert a link on the bottom part of the post:

Create dark wordpress theme 17

Read more…

Create dark wordpress theme 18

We’ll represent an icon on the left part of the link, choosing the Ellipse Tool (U).

Create dark wordpress theme 19

The layer’s parameters: Fill 0%, Blending Options>Gradient Overlay

Create dark wordpress theme 20

Gradient’s parameters:

Create dark wordpress theme 21

Create dark wordpress theme 22

On the made icon we must introduce a arrow chosen out of the next table - Custom Shape.

Create dark wordpress theme 23

Create dark wordpress theme 24



:@:
3loomi
3loomi

الجنس : Female

عدد المساهمات : 826
النقاط : 54399
التقييم : 10
تاريخ التسجيل : 2010-09-01

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum