Shape Tool in Photoshop

Shapes can be created in 2 ways in Photoshop:

1. Shape Tool

2. Pen Tool


let's discuss each one by one.


1. Shape Tool

To draw a shape in Photoshop, select Shape Tool. We have various tools available to draw shapes.

Shape Tool in Photoshop.PNG

(a) Rectangular Tool

Let’s start with the first one ‘Rectangular Tool’ .

When we select this tool, we have various options available in option bar.

Rectangular Tool option bar.PNG

Let’s draw the shape on the canvas. Drag the cursor in rectangular shape and it creates a shape as shown below. Here we have set the stoke to 16 point.

Create rectangular shape.PNG

Now select the option Combine Shapes as shown below.

Combine shapes.PNG

Draw a new shape over the existing one, such that some portion of the corner of underlying shape is overlapped by new shape. See how the two shapes are combined with the option we selected above.

Overlap one shape with other.PNG

Let’s add more shapes at rest of the corner.

Add more shapes.PNG

We can fill pattern in stroke. For this click on stroke thumbnail appearing in option bar. One drop down box appears with various stroke options, which includes, fill with plain color, fill with gradient option and fill with pattern option. Select fill with pattern option and fill the stroke with pattern.

Stroke shape with a pattern.PNG

For shape Fill also, we have various options which includes, fill with plain color, fill with gradient option and fill with pattern option. Select fill with pattern option and fill the shape with pattern as shown below.

Fill shape with pattern.PNG

We can also set the style of shape layer. Right click on the shape layer and select Blending options and set the layer style to apply some effect on the shape layer. Finally, we get below image.

Style on Shape.PNG

Hence, we can design beautiful frames using the rectangular shape tool.


Output: Rectangular Tool

Output of rectangular tool.PNG

(b) Rounded Rectangular Tool

It is an advanced version of Rectangular tool.

The only difference is that we can get rounded corner in the rectangular shape with this tool. We can control the Radius of rounded corner by setting the Radius in option bar.

Rounded Rectangular Tool option bar.PNG Create Rounded Rectangular shape.PNG

Draw another shape with the tool and overlap upper part. Two shapes will be combined as shown below:

Combine shapes 2.PNG

Output: Rounded Rectangular Tool

Output of Rounded rectangular tool.PNG

(c) Elliptical Tool

By using Elliptical tool, we can draw elliptical or circular shapes. Below is the option bar setting for Elliptical tool.

Elliptical tool option bar.PNG

Draw an elliptical shape as shown below:

Create an Elliptical shape.PNG

Now set some pattern in the stroke as shown below:

Set pattern in stroke.PNG

Now right click on the shape layer. Select blending options and then set the Layer style to get the output as shown below.

Set Layer style on elliptical shape.PNG

Output – Elliptical Tool

Output of Elliptical tool.PNG

(d) Polygon Tool

By using polygon tool, we can draw polygon shapes. We can control the number of sides of polygon in option bar.

Polygon tool option bar.PNG Create a Polygon shape.PNG Fill Polygon shape with pattern.PNG

Output – Polygon Tool

Output of Polygon tool.PNG

(e) Line Tool

By using Line tool, we can draw Line shapes. We can control width of line in option bar.

(f) Custom shapes Tool

By using Custom shapes tool, we can draw different shapes available in option bar.

Custom shapes tool.PNG

Select heart shape and draw it on the canvas.

Select heat shapes.PNG

Now apply some pattern stroke and shape Fill as white.


Custom Shape tool output:

Custom shapes tool output.PNG

Custom shape tool Example- 2: Logo Design

We can use Custom shape tool to design logo or other kind of graphics. Draw a shape as shown below:

Custom shapes tool Example Logo Design.PNG

Now set the layer style as shown below:

Set Layer style on custom shape.PNG Set Layer style on custom shape 2.PNG Set Layer style on custom shape 3.PNG Set Layer style on custom shape 4.PNG Set Layer style on custom shape 5.PNG

After applying all the layer styles, it looks like below:

After applying custom shapes styles.PNG

Custom Shape tool output:

Custom shapes tool output.PNG

2. Pen Tool

In Pen Tool also, we get the option to create shapes out of the structure that we draw on the canvas using Pen tool.

To see this, first select the Pen tool and draw something on the canvas. Then click “Shape” option in option bar. It makes a new shape layer.

Draw shapes with Pen tool.PNG

Below is how the shape looks like.

New shape by Pen tool.PNG

Apply some stroke and vlayer style to get the below shape.


Pen tool output:

Shape by Pen tool output.PNG





Copyright © Go4photoshop.com, 2018. Copyright notice