content box

Tutorials Shared by the Internet Community


  Top Tutorials     New Tutorials     Submit     Login     Register  

content box

How to make a stylish mac inspired content box with adobe photoshop.
  • Total Hits: 15085

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating


  • Total Votes: 144 votes

  • Category: Photoshop/Web Graphics

  • Submitted on: 2008-04-20 09:41:12

  • Submitted By: Devesh Khanna

  • Set as Favorite


In this Adobe Photoshop tutorial I will show you how to make this stylish content box as I used as part of a web user interface in a project I'm working on and now I want to share it with you.

First start by dragging a rounded rectangle shape to the stage, in the layers panel right click and choose rasterize layer, then double click the layer to get in to the styles panel and give it the following settings.    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 38.19%  55
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.42%  15
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.81%  17
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 11.11%  16
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.47%  41

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.