PSDFan Extra

Members Area Tutorial: Design a Heavily Textured Portfolio Website

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 350 design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more!

Members Area Tutorial: Design a Heavily Textured Portfolio Website

Final Image

The result of this tutorial is shown below:

What You Will Learn

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

  • Learn to create a rich, textured background by blending multiple images seamlessly.
  • Learn to manipulate and work with textures in order to add depth and detail to your designs.
  • Learn to integrate awesome lighting effects to really make your layout pop!
  • Learn to photo-manipulate various elements and combine them to create a unique interface.
  • Learn to work with a complex combination of masks, blending options and adjustment layers.
  • & Much More!


Learn to seamlessly connect textures to construct a cool background, and then add correct lighting for emphasis.


Learn how to build up subtle lighting effects to make each element in your layout really stand out.


Learn how to manipulate photographic elements in order to construct a unique and realistic interface. In the example above you’ll learn how to turn an ordinary photo of some rope into a hanging billboard area.


Get more of our great design content direct to your inbox
Join our newsletter and receive our best weekly content by email. Also get access to hundreds of free design resources via your Designer Toolkit area.

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. Nitos says:

    Looks awesome!
    Too bad I’m not a paid member =/

  2. Not impressed says:

    Well…considering one can learn everything from basics to -and including advanced HTML, CSS, and more for free, if you only bother to do a proper google search, this is not very impressive.
    Why pay when you can learn it for free?

    Design comes first, then you’d have to do the coding anyway in order to get the looks you’re after.

  3. Deepetch says:

    Simple and wonderful design..thanks for sharing this wonderful design…

  4. love your share and many thanks

Leave a Comment:

Related Posts

Subscribe to PSDFAN and Get Your Free Designer Toolkit

Have every post delivered to your inbox and get access to hundreds of useful design freebies.

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