Draw a Custom Circle in Photoshop

Read Fourth dimension: 12 mins Languages:

In the following tutorial, you'll larn how to make shapes in Photoshop.

First, y'all'll learn how to depict shapes in Photoshop, and then, we'll focus on each shape tool. You'll learn how to utilize the Line Tool in Photoshop, how to outline a shape in Photoshop, and how to make custom shapes in Photoshop.

In one case you lot've learned how to create shapes in Photoshop, make sure to check out Envato Elements, where you can find plenty of resources that volition help you accept your design to the next level. Here's a perfect example of how yous tin can use basic shapes to create tricky photo effects.

What You'll Learn in This Photoshop Shapes Tutorial

• How to make a rectangle in Photoshop
• How to make a triangle in Photoshop
• How to make a circle in Photoshop
• How to make a perfect circumvolve in Photoshop
• How to make a line in Photoshop
• How to make a straight line in Photoshop
• How to make custom shapes in Photoshop

i. How to Create Shapes in Photoshop

Pace 1

To create a shape in Photoshop, you demand to select a shape tool from your toolbar. Click and concord the shape tools group to become access to all six shape tools: Rectangle, Ellipse, Triangle, Polygon, Line, or Custom Shape.

Press the U hotkey to select the well-nigh recently used shape tool from your Toolbar. Printing Shift-U to toggle between the six shape tools.

Once you've selected i, have a expect in the Options bar (Window > Options), where yous can:

1. Ready the Shape mode: Shape, Path, or Pixels.
2. Gear up the Fill color for your shape.
3. Set the Stroke colour and settings.
4. Suit the Width and Elevation of a shape.
5. Set the way your shapes interact with each other.
6. Align and distribute shapes.
7. Set the stacking order for combined shapes.
8. Change the shape and path options—you'll get familiarized with these settings in the next steps every bit yous learn how to make a rectangle in Photoshop.

Now that yous have a shape tool selected, simply click and drag on the canvas to draw a shape. This will create a new shape layer in the Layers panel (Window > Layers).

Step 2

Permit's take a few moments to understand the other 2 shape modes that can be set from the Options bar.

Select Path to create but a path that'south added in the Paths panel (Window > Paths).

Select Pixels to create a raster shape. In this case, you will need to have a layer selected. Go on in mind that this shape will be filled with the foreground color.

Step 3

Before we focus on the first shape tool, let'southward acquire how to outline a shape in Photoshop. Click that gear icon from the Options bar and focus on the Path Options. Using the Thickness and Colour settings, y'all tin set the width and the color for the onscreen outline of a shape.

2. How to Brand a Rectangle in Photoshop: Method #1

Step i

At present that we've covered the full general settings, let's concentrate on the offset shape tool and learn how to add shapes in Photoshop.

Brand certain that the Rectangle Tool is selected, and click that gear icon from the Options bar to open the boosted options.

By default, Unconstrained will be checked. Using this selection, you have the freedom to create a rectangle of any size. Just click and drag on your canvass to create information technology. Cheque the From Center box, and the centre of the rectangle will be the point where you click.

Step 2

Check the Square box to easily create a foursquare. Alternatively, you can continue the Unconstrained box checked and agree downward the Shift primal as yous click and drag to create a square.

Step 3

Bank check Fixed Size and set the Width and Pinnacle values every bit you wish. Click and drag on your canvas to hands create a shape of that size.

Stride 4

Check Proportional and set the Width and Height values every bit you lot wish. Click and drag on your canvass, and the new shape will respect those proportions.

Step v

Using the Rectangle Tool, you can also create rectangles with rounded corners. Just set the Corner Radius in the Options bar, and so you can create your rounded rectangle.

Once you've created it, you can accommodate the Radius values from the Properties panel (Window > Properties), or y'all tin use the Path Selection Tool. Focus on your shape, and you'll notice some circular icons in each corner. Click on 1 of these icons and elevate to easily adjust the roundness. Concord downward the Alt primal equally you click and drag to adjust the roundness for a single corner.

three. How to Make a Rectangle in Photoshop: Method #two

Besides the classic click and drag technique, yous can also create a rectangle using the Create Rectangle window.

Make sure that the Rectangle Tool is selected and just click on your sheet to open the Create Rectangle window. In this window, you tin can set up the size of the shape, the Corner Radius, and you can set this new shape to exist drawn From Eye. One time you're done, click OK to create your shape.

Permit's go on and learn how to draw a circumvolve in Photoshop.

iv. How to Create a Circle in Photoshop: Method #1

Select the Ellipse Tool, click that gear icon from the Options bar again, and you'll get the same options that are available for the Rectangle Tool.

Check Unconstrained whenever you lot need to create an ellipse of any size, check Circle to create a perfect circle, check Fixed Size to create an ellipse of a sure size, check Proportional to create proportional ellipses, and check From Middle when you wish to ready the center of the circumvolve at the point where you click. Once again, you tin can keep the Unconstrained box checked and concur downwardly the Shift cardinal equally you click and drag to make a perfect circumvolve in Photoshop.

5. How to Create a Circle in Photoshop: Method #2

As with the other tools, too the classic click and drag technique, y'all can too create an ellipse using the Create Ellipse window.

Make sure that the Ellipse Tool is selected and just click on your canvas to open up the Create Ellipse window. Yous tin can hands set the size of the shape and then click OK to create it.

Let's continue and learn how to draw a triangle in Photoshop.

6. How to Make a Triangle in Photoshop: Method #1

Step one

Select the Triangle Tool, click that gear icon from the Options bar again, and you lot'll become the same options that can be too used for the Rectangle Tool and the Ellipse Tool.

Check Unconstrained whenever you need to create a triangle of any size, bank check Equilateral to create a triangle with all the sides equal, check Fixed Size to create a triangle of a specific size, check Proportional to create proportional triangles, and cheque From Center when you wish to gear up the center of the triangle at the betoken where yous click. Once more, yous can keep the Unconstrained box checked and concur downwards the Shift key as you click and elevate to create an equilateral triangle.

Step 2

You lot tin can also create triangles with rounded corners. Adjust the Corner Radius from the Options bar and just click and drag to make your triangle with rounded corners. One time you've created it, you tin adjust the corner radius from the Properties panel or directly on the shape using the Path Selection Tool.

vii. How to Brand a Triangle in Photoshop: Method #2

Every bit with the other tools, besides the archetype click and drag technique, you can too create a triangle using the Create Triangle window.

Make sure that the Triangle Tool is selected and but click on your canvas to open up the Create Triangle window. Set the size and the corner radius, check the Equilateral box if you need an equilateral triangle, and so click OK to create the shape.

Let'southward continue and larn how to create polygons in Photoshop.

8. How to Create a Polygon in Photoshop: Method #1

Footstep 1

Select the Polygon Tool, click that gear icon from the Options bar once more, and you'll go the aforementioned options that can be used for the Rectangle Tool, the Ellipse Tool, and the Triangle Tool, along with some extra ones.

Cheque Unconstrained whenever y'all need to create a polygon of any size, cheque Symmetric to create a polygon with all the sides equal, check Fixed Size to create a polygon of a specific size, check Proportional to create proportional triangles, and check From Eye when yous wish to set the center of the polygon at the signal where y'all click. Alternatively, y'all can keep the Unconstrained box checked and hold down the Shift key as yous click and drag to create a symmetrical polygon.

Step 2

Focus on the Options bar to set the number of sides or the corner radius for whatever polygon shape that you wish to create.

Step 3

Click that gear icon over again, and permit's explore those extra options. Check Freeform and set the Radius for your polygon, and then you lot'll be able to rotate the new shape around the point where y'all first clicked on the sail.

Step four

Lower the Star Ratio beneath 100% to hands create a star shape.

Footstep 5

Check the Smooth Star Indents box to add some roundness to the star indents.

Step vi

As with other polygons, you can also set the Corner Radius for a star shape.

nine. How to Create a Polygon in Photoshop: Method #ii

Equally with the other tools, besides the classic click and drag technique, y'all tin as well create a polygon using the Create Polygon window.

Make sure that the Polygon Tool is selected and just click on your canvass to open up the Create Polygon window. You lot tin can set the size, Number of Sides, Corner Radius, Star Ratio, check the Symmetric box when y'all demand a symmetric polygon, or check the Smooth Star Indents to add roundness to the star indents. Once you're done, just click OK to create the shape.

Permit'south continue and larn how to add together lines in Photoshop.

ten. How to Brand a Line in Photoshop

Step 1

Select the Line Tool and focus on the Options bar. Using the Weight setting, you tin set the thickness of the line. Click that gear icon to open up the boosted options.

Cheque the Alive Shapes Controls and, afterward you create a line, yous'll get admission to transform controls that permit you to rotate and resize lines straight on the canvas.

Hold downward the Shift key every bit you click and drag to make a straight line in Photoshop.

Step two

Check the Commencement and End boxes to add arrowheads to a line.

Step 3

Use the Width value to suit the width of the arrowheads.

Step 4

Use the Length value to arrange the length of the arrowheads.

Step 5

Use the Concavity value to adjust the concavity of the arrowheads.

For more than tips and tricks on how to depict a line in Photoshop, check out this tutorial and video from Monika Zagrobelna: How to Depict a Line in Photoshop.

11. How to Make Custom Shapes in Photoshop

Step 1

Select the Custom Shape Tool, focus on the Options bar, and click the Shape thumbnail to open the listing of available custom shapes.

Footstep two

Select a custom shape, click that gear icon from the Options bar again, and let's check out the boosted options.

Check Unconstrained whenever you lot need to create a custom shape of whatsoever size, bank check Divers Proportions to create a custom shape that uses predefined proportions, check Defined Size to create a custom shape that uses the original size of the shape, check Fixed Size to create a custom shape of a specific size, and check From Centre when you wish to ready the middle of the polygon at the point where you click.

Alternatively, yous can keep the Unconstrained box checked and concord downward the Shift fundamental as you click and drag to create a custom shape that respects the predefined proportions.

Step 3

As with the other tools, besides the classic click and elevate technique, you can besides create a custom shape using the Create Custom Shape window.

Make sure that the Custom Shape Tool is selected and merely click on your canvas to open the Create Custom Shape window. Set the size, bank check Preserve Proportions to use the predefined proportions, and and then click OK to add your custom shape.

Congratulations! You lot're Done!

Now you know how to draw shapes in Photoshop. I hope you've enjoyed this tutorial and can apply these techniques in your future projects.

You can detect some great sources of inspiration at Envato Elements, with interesting solutions on how to add shapes in Photoshop and make them function of a catchy pattern.

Pop Avails From Envato Elements

Envato Elements tin be an excellent resources for inspiration. Here'southward a short listing of some of the most popular resources that you lot tin discover.

Double Newspaper Cut Effect & Lettering (PSD, PNG)

Now that y'all know how to describe a circle in Photoshop, yous tin can add color, some thin lines, and some simple text to create a imprint. Cheque out this template for some inspiration.

Duotone Geometric Shapes (PSD)

No need to know how to draw a triangle in Photoshop. This amazing add-on gives you the possibility to create superb effects for your images.

Neon Layer Styles (ASL, PSD)

Now that you know how to add lines in Photoshop, you can easily apply a neon consequence using this astonishing layer fashion.

Sphere Maker Photoshop Action (ATN, HTML, PSD)

Forget about learning how to make a circumvolve in Photoshop. Using this Photoshop activity, you can contain your photos in a perfect sphere.

Textile Kingdom Photoshop Edition (EPS, PNG, PSD, ASL, ATN, ABR)

Once you lot learn how to make shapes in Photoshop, y'all'll probably want to stylize them and put together a design. This creative pack might requite you some ideas on how yous can

Want to Acquire More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

Did y'all find this post useful?

I'm a self-taught graphic designer and a vector fanatic. I spend most of my time working on all sorts of designs in Illustrator, Photoshop, XD, Figma or Sketch. Everything from illustrations to UI designs and interfaces, icons, charts, infographics and diagrams, logos and badges, patterns, a few character designs and a lot of text effects. You lot tin can detect all my tutorials at vforvectors.com and my unabridged portfolio at andreimarius.com.

nobleoxectirce.blogspot.com

Source: https://design.tutsplus.com/tutorials/how-to-make-shapes-in-photoshop--cms-38702