Subscribe to our rss feed

Web Hosting Layout Tutorial

Posted in Photoshop Tutorials, Web Layouts by John Ward on the October 16th, 2007

Now go to Edit > Scale and scale the picture so it is just slightly bigger than our rounded box.
Web Hosting Layout Photoshop Tutorial

Now CTR+Click on the layer with the rounded rectangle to select it. Then click on the layer for our call center picture. Your selection should look like this.
Web Hosting Layout Photoshop Tutorial

On the Photoshop Menu go to Select > Inverse and then press the delete key. You image should now look like this.
Web Hosting Layout Photoshop Tutorial

Now use the eraser tool with a 100px soft brush and fade the edges of the image so that it looks like this.
Web Hosting Layout Photoshop Tutorial

Now ad the server picture and scale it like we did above. Also ctrl + click on the rounded rectangle layer and select inverse and delete the rest. Then use the eraser to fad the picture so that you get something like the picture below.
Web Hosting Layout Photoshop Tutorial

Now add the Cable image. You will want to rotate it 90 degrees clockwise. On the Photoshop menu go to Edit > Transform > Rotate 90 CW. Then Scale your image.
Web Hosting Layout Photoshop Tutorial

Now use the Magic Wand with tolerance set to 25, make a selection on the blue area of the cable picture.
Web Hosting Layout Photoshop Tutorial

Popularity: 28% [?]

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 5


Go Daddy $1.99 Domains

2 Responses to 'Web Hosting Layout Tutorial'

Subscribe to comments with RSS or TrackBack to 'Web Hosting Layout Tutorial'.

  1. Daniel said,

    on January 29th, 2008 at 11:43 pm

    Really thank u a lot for providing this tutorials with images even, No one use to give tutorials with images………..

    Hats off

    Daniel

  2. Pierce said,

    on February 12th, 2008 at 8:42 am

    This tutorial is simply one of the best I’ve come across so far. Excellent - Thanks

Leave a Comment