Subscribe to our rss feed

Clean Portfolio Layout Tutorial

Posted in Photoshop Tutorials, Web Layouts by John Ward on the August 23rd, 2007

Now we will add the website footer. Find the two layers for the black bar. CTRL+Click on both of them to select both the layers in the layers palette. The right click on them and select duplicate layers.
Photoshop Portfolio Layout Tutorial

Click ok if a box pops up asking you if you want to duplicate the layer. Now select your duplicate layers and, select the Move tool to move both layers to the bottom of the layout. It should look like this.
Photoshop Portfolio Layout Tutorial

Apply your footer text using Arial Black 22 point.
Photoshop Portfolio Layout Tutorial

Now open the blending options window. We are going to apply the blue style that we saved earlier. Select styles on the left. Then select the style you saved and hit OK.
Photoshop Portfolio Layout Tutorial

Now you can add your final text to the page using the text tool bar. The final layout should end up looking like this
Photoshop Portfolio Layout Tutorial

Popularity: 41% [?]

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • BlogMemes
  • Fark
  • Furl
  • Live
  • NewsVine
  • Reddit
  • Slashdot
  • StumbleUpon
  • TwitThis
  • YahooMyWeb

Pages: 1 2 3 4


Go Daddy $1.99 Domains

3 Responses to 'Clean Portfolio Layout Tutorial'

Subscribe to comments with RSS or TrackBack to 'Clean Portfolio Layout Tutorial'.

  1. Sunite said,

    on November 28th, 2007 at 3:07 pm

    WOw Nice man cool :D

  2. Daniel said,

    on January 30th, 2008 at 2:08 am

    Good one

    Regards Daniel


  3. on June 7th, 2008 at 4:09 pm

    Pretty basic, but usefull for those who want to learn how to use gradients :)

Leave a Comment