How can I create a simple banner lay-out like this

[sjoerdlos]

Hello Everyone,

I am trying to create a banner as you see in the attachment. (I only have this in a GIF which I cannot use and want an other size, thats why I want to make a complete new banner).

But I do not know how to create this shape and the border around it. Also when I use the gradient tool the shape goes back to normal.. I'm doing all wrong.

Please, if anyone could help me out and explain step by step how to create it, would be great!

I really appreciate all of your kind help!

Best regards,
Sjoerd, the Netherlands

 

[dv8_fx]

What are we supposed to see in the attachment? Is there an image in it?

Or do you mean to create something with that size?

 

[dv8_fx]

Oh.... and welcome to the forum, sjoerdlos.....

 

[sjoerdlos]

Excuse me, I posted a new, better example.

Thx for the reply

 

[sjoerdlos]

Anybody please?

It's making that shape, the border around it and than gradient it..

 

[chrisatlemon]

This is very easy:

1) use the rounded rectangle tool, corner radius 5px, and simply draw your rectangle above the sample screenshot you posted

2) double-click the layer with the rectangle to pull up the layer properties. Choose: stroke - one pixel width colour #dfdfdf

3) still in the layer properties choose gradient overlay. Left to right, white or grey, the grey being #f0f0f0

done!

Please see the attached photo shop file. You will see your screenshot and the rounded rectangle created by me above it.

Cheers

Chris

View attachment round-corner-rectangle.psd

 

[sjoerdlos]

Many thanks for your help! Working it all through

 

[Mircea Iancu]

yesm just gradient with specific colors