Categories

Partners
 
  • Photoshop Templates

  • Website Templates

  • Web Templates

  • Flash Web Sites

  • WordPress Templates

  • Free Ringtones

  • Free Stock Photos and Images

  • Photoshop

  • St. Louis LASIK | LASIK info

  • Load Cells

  • osCommerce Templates

  • Web Hosting


  • Website Templates
    Search


    Advanced Search


    Design studio - web page layout
    Published  09/5/2008 | Web Layout
       
    Design studio - web page layout - part 2


    Next create a new layer and select the Paths option on the layers' palette, make a double click on it and press OK. After that make a right click on the made layer, choosing the option indicated next image:

    Create a professional design studio layout in Photoshop CS3

    As a result we'll get the next line:

    Create a professional design studio layout in Photoshop CS3

    Get back to the layers and select the Blending Options>Outer Glow on the line's layer:

    Create a professional design studio layout in Photoshop CS3 

    Blending Options>Gradient Overlay

    Create a professional design studio layout in Photoshop CS3

    Gradient Editor

    Create a professional design studio layout in Photoshop CS3

    In this case we'll obtain a rainbowed line.

    Create a professional design studio layout in Photoshop CS3

    This way we can draw several small lines more, without Blending Options.

    Create a professional design studio layout in Photoshop CS3

    Place the layers on our picture under the rectangles, made earlier. Using the Rectangle Tool (U), try to make a thin line on the bottom part of our site, choosing the color #262B31

    Create a professional design studio layout in Photoshop CS3

    Create a new file of 5x5 px and 72 dpi. Applying the Pencil Tool (B), try to put on the new file a diagonal line.

    Create a professional design studio layout in Photoshop CS3

    Select on the main menu Edit>Define Pattern…. Our pattern is saved now. Get back on the first file and select there Edit>Fill and find our saved pattern in the Custom Pattern option, pressing OK here. This operation should be done on a new layer.

    Create a professional design studio layout in Photoshop CS3

    Take the Rectangular Marquee Tool (M) and the Eraser Tool (E) to erase the unnecessary elements, placing this layer under the rectangles. Select on the layers' palette the option Fill 10% and in this case we must get the same thing from below:

    Create a professional design studio layout in Photoshop CS3

    Next we need to create an orange line, having the color's code #C53300. Later we'll represent a grey one on the bottom part.

    Create a professional design studio layout in Photoshop CS3

    Start inserting the logo.

    Create a professional design studio layout in Photoshop CS3

    Create a professional design studio layout in Photoshop CS3 Design studio - web page layout
    Create a professional design studio layout with easy and detailed instructions.


    PSDTUTS+ Photoshop Tutorials and More