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


    Professional Modern Web Layout
    Published  05/10/2007 | Web Layout
       
    Professional Modern Web Layout - part 1


    This tutorial will show you how to create a modern web portfolio layout.

    Create a new file (File>New) having 800x700 px and 72 dpi. Apply now the Paint Bucket Tool (G) to fill the background with color #131313

    Create Professional Modern Web Layout in Photoshop CS

    Using the Ellipse Tool (U), try to represent an element reserved for the site’s header to be that would have the white color.

    Create Professional Modern Web Layout in Photoshop CS

    The layer’s parameters:
    Blending Options>Outer Glow

    Create Professional Modern Web Layout in Photoshop CS

    Create Professional Modern Web Layout in Photoshop CS

    Applying the previous instrument, try to make the next layer belonging to the site’s header, which corrections can be made with Convert Point Tool.

    Create Professional Modern Web Layout in Photoshop CS

    The layer’s parameters:
    Blending Options>Inner Glow

    Create Professional Modern Web Layout in Photoshop CS

    Blending Options>Gradient Overlay

    Create Professional Modern Web Layout in Photoshop CS

    Create Professional Modern Web Layout in Photoshop CS Professional Modern Web Layout
    This tutorial will show you how to create a modern web portfolio layout.


    PSDTUTS+ Photoshop Tutorials and More