PSDFan Extra

  • FanExtra Network
  • PSDFan Extra
  • BlogsFan Extra
Members Area Tutorial: Design a Heavily Textured Portfolio Website

FanExtra Membership:

Sign up today for a FanExtra membership, and get access to hundreds of PSDFAN tutorial source files, weekly members-only tutorials, vectors, icons and design-related discounts.

>> Sign up to FanExtra Today

Promote this Post:

We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.

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.

FanExtra Membership:

Sign up today for a FanExtra membership, and get access to hundreds of PSDFAN tutorial source files, weekly members-only tutorials, vectors, icons and design-related discounts.

>> Sign up to FanExtra Today

Promote this Post:

We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.

Related Posts

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:

FanExtra Membership

Join our FanExtra membership community today expand your learning. Just $9 for access to advanced members-only tutorials and thousands of design resources.

Learn more & Signup Login

Write For Us:

Are you a talented writer or designer? We’re always on the look out for quality authors, and we pay great money for any articles or tutorials accepted! Please get in touch if you’d like to join the FanExtra team.

Sticker Mule