How made a Close button with Photoshop

Just a simple button

Ok i'll try to be the most clear possible. But I'm French and my Photoshop is in this language thus at each step see the picture (Click on each to see the full picture in a other window) and make/set all like in them when you will finished the button you could in future make your own

First picture to show what i talk about

Free Image Hosting at www.ImageShack.us

Create a new file 30 px per 28 px; transparent

Free Image Hosting at www.ImageShack.us

select selection tool and select all the layer, right click on the layer and select borders, choose a color here true blue at 60% of luminosity, and press ok

Free Image Hosting at www.ImageShack.us

Now you get this

Free Image Hosting at www.ImageShack.us

Make the same with a more clear color, Now make a range between first color of border and this same color but at 100% of luminosity (see following picture)

Free Image Hosting at www.ImageShack.us

Ok now select the top half of the range, create a new layer

Free Image Hosting at www.ImageShack.us

and made an other range between white (FFFFFF) and transparency.

Free Image Hosting at www.ImageShack.us

Set the opacity of this layer at 25%

Free Image Hosting at www.ImageShack.us

Fusion the two layer, and select one pixel at each corner.

Free Image Hosting at www.ImageShack.us

Cut them and select the form tool (see the picture on right), and set it like in bottom of picture.

Free Image Hosting at www.ImageShack.us

Select all the picture with this tool and select the pen tool.

Free Image Hosting at www.ImageShack.us

Free Image Hosting at www.ImageShack.us

Right click with it in selection and select "create a Vectorial Mask".

Free Image Hosting at www.ImageShack.us

Create a new layer and select the Pencil

Free Image Hosting at www.ImageShack.us

Draw a cross in white on new layer and select his transparency

Free Image Hosting at www.ImageShack.us

take the selection tool

Free Image Hosting at www.ImageShack.us

Right click on the selection, choose borders

Free Image Hosting at www.ImageShack.us

Set opacity at 50% and choose the first color of borders.

Free Image Hosting at www.ImageShack.us

Save as .PNG

Free Image Hosting at www.ImageShack.us

Free Image Hosting at www.ImageShack.us

Open this .png and set the Opacity at 80%

Free Image Hosting at www.ImageShack.us

Save as .PNG. Now you know how make a close button, and it's the same for others
I hope all of that is clear, feel free to ask or comment.
4,702 views 0 replies