Greenish & fresh content box design

Greenish & fresh content box design

next thing is to duplicate the shape layer, choose the move tool (V) and drag the duplicated layer down.

then, you need to create clipping mask. this will be done this by holding CTRL+ALT+G (in the latest photoshop version - Photoshop cs3) or by going to ‘layer - create clipping mask.

this above action will work properly only if the following two terms will be done:

(1.) the duplicated layer will be selected on the layers box.

(2.) the duplicated layer will be above the original layer.

when its done, you need to change the duplicated layer’s effects to the following only (!) :

gradient overlay values (from #ECEDEA to #FFFFFF):

gradient overlay photoshop cs3

inner glow values (color is white #FFFFFF):

inner glow photoshop cs3

The result till this step should be generally like the following image:

content box result at this step

Next step is to choose the brush tool,

brush tool photoshop cs3

click on the ‘toggle the brushes palette’ icon on the top bar of the brush tool.

toggle the brushes palette

choose the ‘oil heavy flow dry edges’ brush from the list o the ‘Brush tip shape’ in the menu and copy the next values as well:

oil heavy flow dry edges

then, go to ‘Dual brush’ option from the menu, choose the ’sampled tip’ brush and copy the next values:

dual brush

after it’s done, open a new layer (still on the clipping mask): ‘layer - new - layer’.

change the foreground color to #85B302 and start brushing the bottom of the content box.

then, change the foreground color to darker green - about #6B9002 and brush again the bottom of the content box.

and for the last time, change the foreground color to darker green- about #4B6604 and brush again the bottom side of the box.

the result of the above 3 steps should be like this:

content box - result till now

then, duplicate the layer that contain the brushes, go to ‘edit - transform - rotate 180′.

go to ‘edit - transform - flip horizontal’. drag this layer to the top of the content box, change the layer’s mode to ‘multiply’ and set the opacity value to 80%.

the result should be like this:

content box - result without text

now, the final step is to add some image\s and text.

here’s my final result:

content box design

If you liked this tutorial, then please stumble and Digg this page.
Thanks, TutorialsHot admin.

8 Responses to “Greenish & fresh content box design”

That content box looks really nice. Kudos!

Comment by Adam on January 6, 2008 @7:31 pm

In fact double kudos as I’ve just followed the article for myself and it came out PERFECT!

Comment by Adam on January 7, 2008 @10:06 pm

Very nice tutorial. Thanks.

Comment by CFA Level 1 on January 14, 2008 @3:25 pm

Very Very good tutorial.Thanks.

Comment by himanshu on February 2, 2008 @9:58 am

Nice tut! Thanks

Comment by FaTFoX on March 5, 2008 @10:56 am

I love this tut. Im gonna use it in my project! :-)

Comment by agencja modelek on April 4, 2008 @3:40 am

what font did you use btw?

Comment by ekimbrell on May 17, 2008 @4:27 pm

very nice tutorial thank u it helped me lot

Comment by durga devi on May 31, 2008 @7:58 am

Leave a Reply