• home
  • forum
  • my
  • kt
  • download
  • Wordpress theme web design

    Author: 2009-02-18 11:31:57 From:

    Learn how to create a clean and simple wordpress design that can attract anyone's eyes!

    Start working by creating a new file (File>New), having 1200x1000 px and 72 dpi.
    Next we抣l select the Rectangle Tool (U) to represent the basis for the site抯 header.

    Create a clean wordpress theme in Photoshop CS3

    Set the next indicated parameters by making a mouse click on the layer we work with on the layers?panel. Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Create a new layer and select the Rectangular Marquee Tool (M) to mark out the demonstrated below zone which must be painted after that with white color, choosing for this operation the Paint Bucket Tool (G)

    Create a clean wordpress theme in Photoshop CS3

    Apply for this layer the selection from here - Filter>Noise>Add Noise

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Opacity 50%, Fill 3%
    Blending mode-Dissolve

    Create a clean wordpress theme in Photoshop CS3

    Create a new layer above the last made one and put them both together. Press Ctrl button to mark out the corresponding layers and then press Ctrl+E. Make a mouse click on the same layer on the bottom part of the layers?panel on Add a Mask solution. Then choose the Brush Tool (B) (Opacity 20%) of black color to erase a little the background of the header.

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Now it抯 time to insert several rays on the site抯 header, applying the Custom Shape Tool (U) and the color #000E11

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Opacity 50%, Fill 0%
    Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Make a mouse click on the same layer on the bottom part of the layers?panel on Add a Mask solution. Select the standard brush of black color to erase the rays on their middle part.

    Create a clean wordpress theme in Photoshop CS3

    Create a new layer where we抣l mark out the indicated zone under the site抯 header. The marked zone may be filled with the color #000E11, applying the Paint Bucket Tool (G).

    Create a clean wordpress theme in Photoshop CS3

    Using the Rectangle Tool (U), try to put some limits on the bottom part. The layer抯 color is #001118

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Blending Options>Inner Shadow

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Using the Rectangle Tool (U), try to draw the panel reserved for the menu's buttons, situated on the top part of the site抯 header.

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Fill 0%
    Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Using the Line Tool (U), try to represent several vertical dividing lines, marking the borders of the menu抯 buttons. The lines?color is black.

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Write the buttons?titles on the site抯 header, keeping the next demonstrated demands:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Next we have to insert the border between the header and the rest of the site抯 page. In this case we抣l select the Line Tool (U) (Weight 2 px) and the color is #121F25

    Create a clean wordpress theme in Photoshop CS3

    Insert the site抯 title on the middle part of the page:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Next we must represent the section reserved for the search, situated on the left part of the site抯 title. In this case we抣l select the Rounded Rectangle Tool (U) (radius of 5 px).

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Next step includes introducing a button on the right part of the search window, applying the previous tool Rounded Rectangle Tool (U) (radius of 5 px).

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Insert the inscriptions on the button and on the search window, keeping the next demonstrated demands:

    Create a clean wordpress theme in Photoshop CS3

    the inscriptions on the button:

    Create a clean wordpress theme in Photoshop CS3

    the inscription in the search window:

    Create a clean wordpress theme in Photoshop CS3

    Give a title for posts section:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Insert below the date and whom the news belongs to:

    Create a clean wordpress theme in Photoshop CS3 

    Thersday, 12 September 2008

    Create a clean wordpress theme in Photoshop CS3

    Written by Administrator

    Create a clean wordpress theme in Photoshop CS3

    Now we抣l insert the body text in the section:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Below the body text, we抣l represent one more button, applying the Rounded Rectangle Tool (U) (radius of 5 px)

    Create a clean wordpress theme in Photoshop CS3

    The layer抯 parameters: Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Let抯 introduce the title for this button too:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Applying the Rectangle Tool (U), make the panel on the right side, reserved for the Categories menu, Login form etc. The color is #06151C

    Create a clean wordpress theme in Photoshop CS3

    Insert the title of the lateral menu:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Represent a small dot on the bottom part of the title, choosing the Pencil Tool (B) (brush of 1 px).

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Make seven copies of the layer containing the dot and then select the Free Transform option to place the copies the same way indicated below:

    Create a clean wordpress theme in Photoshop CS3

    Insert the categories?titles on the right part of the dots:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    On the last stage we抣l represent a kind of radiance on the logotype. Create a new layer in this case and select the Rectangular Marquee Tool (M) (the circle option) to draw a white ray. Incline a little the marking, making a right click on Transform Selection. The marked zone should be painted with the Paint Bucket Tool (G).

    Create a clean wordpress theme in Photoshop CS3

    Make a copy of the layer containing the ray and select the Free Transform option to turn the copy around its axe.

    Create a clean wordpress theme in Photoshop CS3

    Try to represent the same way two more rays of smaller size:

    Create a clean wordpress theme in Photoshop CS3

    Merge down all the layers containing the rays into a single one. Press Ctrl button to mark out the necessary layers and then press Ctrl+E. The new layer that we抳e got must have the next indicated parameters: Fill 0%
    Blending Options>Gradient Overlay

    Create a clean wordpress theme in Photoshop CS3

    Gradient抯 parameters:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Create a new layer and use a standard brush of white color to give some brightness to the rays:

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    Create a clean wordpress theme in Photoshop CS3

    The final result!

    discuss this topic to forum

    relation tutorial

    No information

    Category

      Abstracts (109)
      Effects (579)
      Animation (239)
      Photo Effects (959)
      Automation (21)
      Photo Retouch (363)
      Basics (470)
      Photography (343)
      Brushes (54)
      Scripting (6)
      Buttons (203)
      Text Effects (809)
      Color (86)
      Textures and Patterns (189)
      Digital Art (208)
      Web Graphics (770)
      Drawing (888)
      Web Layouts (226)

    New

    Hot