PSDFan Extra

Members Area Tutorial: Design a Super Sleek Web Layout

Members Only Tutorial

This tutorial is available exclusively to our FanExtra members. In order to read the tutorial and download it’s original .psd source file you must sign up as a FanExtra member.

If you sign up today you get access to over 550 design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more! You can also access our huge collection of .psd website interfaces such as this one.

Members Area Tutorial: Design a Super Sleek Web Layout

Final Image

The result of this tutorial is shown below:

What You Will Learn

This tutorial is very in depth, and covers the design techniques listed below:

  • Learn how to construct a simple, but super effective web layout to promote yourself.
  • Learn how to master the details of great design, including subtle lighting, definitions and flourishes.
  • Learn to work with visual hierarchy, as well as simply but stunning typography.
  • Learn how to work with masking, and how to use blending options correctly.
  • & Much More!


Learn how to master the details of great design, including subtle lighting, definitions and flourishes.


Learn to work with visual hierarchy, as well as simply but stunning typography.


Learn how to construct a simple, but super effective web layout to promote yourself.


About the Author:

Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

Leave a comment

5 Comments:

  1. Hence Wijaya says:

    I’ve logged in but cannot find this tutorial. Member area needs improvement in search function and member navigation

    • Tom says:

      Hi Hence. I’m uploading this tutorial today, so you’ll be able to follow it really soon. Also as stated in the members area we’re working on search functions, and have added a temporary categories option to help find tutorials. Thankyou for your feedback though, we’re working hard to improve FanExtra.

      • Hence Wijaya says:

        Thanks Tom! I am a big fan of your tutorial especially web layout stuff. I’d love to learn if you can introduce the combination of home page and inner page layout tutorial as well. But the homepage itself is invaluable.

        • Tom says:

          Thanks a lot Hence, I’m planning on doing several more web layout tutorials soon. I’ll be sure to include inner pages in my next layout tutorial :) . Please let me know if you’d like a specific type of layout designing.

  2. Hence says:

    Hi Tom, some ideas:
    - Corporate/ Business design with minimalist layout and slideshow on homepage.
    - eCommerce web design that includes: homepage, product list design, product detail, shopping cart or checkout page (can become another series tutorial :) )
    Thanks!

Leave a Comment:

Cancel reply

Related Posts

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY