Subscribe to our rss feed

Web Hosting Layout Tutorial

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

Now I will add the prices in a larger font the prices are Verdana 24pt bold and the word month is 11pt.
Web Hosting Layout Photoshop Tutorial

For the last step we will add the Order button. Create a new layer. Using the rounded rectangle tool with a 10px radius draw a rectangle like below.
Web Hosting Layout Photoshop Tutorial

Apply these blending options.

Drop Shadow
Web Hosting Layout Photoshop Tutorial

Gradient Overlay
Web Hosting Layout Photoshop Tutorial

Here is the gradient
Web Hosting Layout Photoshop Tutorial

Now add the words “Order Now” using Impact 24pt and color #2D2D2D.
Web Hosting Layout Photoshop Tutorial

Now Duplicate the layers and move them to the other squares. The finished product should look like this.
Web Hosting Layout Photoshop Tutorial

Popularity: 27% [?]

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