RSS link icon

.

Playing with shapes in Photoshop


In this Adobe Photoshop tutorial I will play with shapes, and merge them together into one button or other web graphic which you can easliy apply styles, gradient etc to.

 

shape merge photoshop tutorial

 

Start by drawing a rectangle with the rounded rectangle tool on the stage as shown below.

 

shape merge photoshop tutorial

 

In the layers panel right click our rectangle and choose rasterize layer.

With the elliptical selecion tool, select and delete one half of our rectangle as shown below.

 

shape merge photoshop tutorial

 

Now locate the fire shape within Photoshop custom shape tab an draw it on the stage too.

 

shape merge photoshop tutorial

 

Draw a couple of them and place them on top of our rectangle so they looks like spikes on the shape, you might want to rotate them a bit to follow the angle of our cut rectangle.

 

shape merge photoshop tutorial

 

 

shape merge photoshop tutorial

 

In the layers panel select all the layers we just made, except the background layer of cause. Now right click and choose merge layers, so now we have one layer with our custom made shape.

 

Double click the shape layer in the layers panel to get to the layers style panel and give it settings as shown below.

 

shape merge photoshop tutorial

 

shape merge photoshop tutorial

 

shape merge photoshop tutorial

 

 

Now you can put in yet another one of those fire custom shapes from the custom shapes panel, make it white, place it and rotate it as I did below.

 

shape merge photoshop tutorial

 

Go to the layers styles panel and give it settings as below, then we should be done.

 

shape merge photoshop tutorial

 

shape merge photoshop tutorial

 


datka says: 2008-05-04

can you make tutorials on georgian language please

Admin bob says: 2008-03-13

Hi jonas, why would you do that is it to keep them as vector, if so, I wouldnt use photoshop to deal with a lot of vector, use illustrator or something like that, it works much better.

jonas says: 2008-03-12

Is there any way to merge vector shapes in Photoshop without turning them into rasters

pramod says: 2008-02-20

yes it good

Marina says: 2008-02-07

Thanks. It is very smart tutor. I hope to see more and more tutorials from you)