Design a Creative Portfolio Web Design Layout In Photoshop

Just sharing. In this tutorial I’ll be using Photoshop CS6 to design portfolio page creative and interesting. Enjoy and thanks for watching!

Follow At :
Facebook :
Twitter :
Web :

Photo Credits :
Empire State building by Alexandre André
Coworkers by Alper Çuğun

Music Credit :
How it Begins oleh Kevin MacLeod berlisensi Creative Commons Attribution (
isrc=USUAN1100200 Artis:

Photoshop Tutorial Web Design :
Video Rating: / 5

Please check my other videos at
Learn How to design a Website Header in Photoshop CS6/CC. Header is the first things which visitors notice upon arriving at your website is the header. Check out the most creative website headers in this video.

First of all open website and download psd file.
All modern monitors (mostly wide-screen) support at least 1280 x 1024 pixel resolution. So we will use this a base for our design.

Now we need one big image for our website header from This website gives free images for commercial use. search with your keyword and download high resolution image.

A website header is the portion of the image which runs across the top of all the webpages in your website. Focus of header is to promote your company name and provide the links to navigate your website.

In this tutorial, You will learn how to design a beautiful header in Photoshop.

Follow us


Google Plus

Subscribe our channel and Don’t forget to press the bell

Please watch: “How to Design Cool Website Header in Photoshop | Web Design Tutorials”


20 Comments+ Add Comment

  • BG music is awesome!! can u share me BG music link

  • I am watching third video from your channel, and his music gives me sick xdd
    Please change it if you can ^_^
    Stay warm!

  • how can i make this in 20:16

  • Brother . do you like to make a tutorial with full instruction i=and voice also.!

  • very nice work

  • Thanks Mir Rom

  • It has a good layout, but it has several points that can improve and study a little more, like the right way to use grids, golden ratio for typography, and a little knowledge in CSS and HTML to be able to think about responsive layouts

  • niceee

  • i have a question sir… can this be convert into html 🤔

  • amaaaaaaaaaaazing video as always

  • Great job man, do you share your PSD files somewhere?

  • would you then just export this as an image then code the content onto it?

  • suppper bRo keep it up❤

  • For a web developer, this is a nightmare -.-

  • your PC amazing smoothly 🙁

  • Owe some. Can you make an video about how to mix or choose colors in design?
    Thank you.

  • Nice bro. Go ahead

  • plz. give me the psd.

  • do you have template for this?

  • Its amazing good job but this thing is impossible in html and css i am talking about the effects and background