Quick Web 2.0 Banner

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

Quick Web 2.0 Banner

Learn useful text effects and how to properly use gradients.
  • Total Hits: 17870

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating


  • Total Votes: 146 votes

  • Category: Photoshop/Web Graphics

  • Submitted on: 2008-04-20 09:55:49

  • Submitted By: Devesh Khanna

  • Set as Favorite


Open up Photoshop and create a new "800x80" image with a white background.

Use the Text tool to type the first word of your banner, i.e. mud.

We're going to be using, 70pt, Myriad Pro, Regular style, with Sharp Aliasing settings.

After you've done your first word, select the text tool and make sure in a new text layer you type the rest of your banner.    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 37.67%  55
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.27%  15
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.64%  17
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 10.96%  16
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 29.45%  43

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.