How To Outline Shape In Photoshop

Read Time: 12 mins Languages:

In the post-obit tutorial, you lot'll learn how to make shapes in Photoshop.

Starting time, you'll learn how to draw shapes in Photoshop, and and then, we'll focus on each shape tool. You lot'll acquire how to use the Line Tool in Photoshop, how to outline a shape in Photoshop, and how to make custom shapes in Photoshop.

Once you've learned how to create shapes in Photoshop, make sure to check out Envato Elements, where you lot can find plenty of resources that will aid yous take your design to the next level. Here'southward a perfect instance of how you can use bones shapes to create catchy photo effects.

What You'll Larn 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 circle in Photoshop
• How to make a line in Photoshop
• How to make a directly line in Photoshop
• How to make custom shapes in Photoshop

i. How to Create Shapes in Photoshop

Step 1

To create a shape in Photoshop, you demand to select a shape tool from your toolbar. Click and hold the shape tools grouping to get access to all half-dozen shape tools: Rectangle, Ellipse, Triangle, Polygon, Line, or Custom Shape.

Printing the U hotkey to select the most recently used shape tool from your Toolbar. Press Shift-U to toggle between the half dozen shape tools.

Once you've selected 1, have a look in the Options bar (Window > Options), where you can:

1. Gear up the Shape manner: Shape, Path, or Pixels.
2. Fix the Fill color for your shape.
3. Set the Stroke color and settings.
4. Adjust the Width and Height of a shape.
5. Set the way your shapes interact with each other.
6. Marshal and distribute shapes.
7. Set up the stacking order for combined shapes.
8. Change the shape and path options—yous'll go familiarized with these settings in the next steps as you larn how to make a rectangle in Photoshop.

At present that you lot take a shape tool selected, simply click and elevate on the canvas to draw a shape. This will create a new shape layer in the Layers panel (Window > Layers).

Step 2

Let'south take a few moments to understand the other two shape modes that can exist set from the Options bar.

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

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

Stride 3

Before we focus on the beginning shape tool, let's learn 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 can set the width and the color for the onscreen outline of a shape.

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

Stride 1

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

Make sure that the Rectangle Tool is selected, and click that gear icon from the Options bar to open the additional options.

By default, Unconstrained will exist checked. Using this option, you take the freedom to create a rectangle of any size. Just click and drag on your canvas to create information technology. Check the From Center box, and the center of the rectangle volition be the signal where yous click.

Step 2

Check the Foursquare box to easily create a foursquare. Alternatively, you can keep the Unconstrained box checked and hold downwardly the Shift key as you click and drag to create a square.

Step 3

Check Fixed Size and fix the Width and Meridian values as you wish. Click and drag on your canvas to hands create a shape of that size.

Step 4

Bank check Proportional and prepare the Width and Elevation values every bit you lot wish. Click and drag on your sheet, and the new shape will respect those proportions.

Footstep v

Using the Rectangle Tool, yous tin can also create rectangles with rounded corners. Merely set the Corner Radius in the Options bar, then you can create your rounded rectangle.

Once you've created it, you lot can adjust the Radius values from the Properties panel (Window > Properties), or yous tin use the Path Option Tool. Focus on your shape, and you'll notice some circular icons in each corner. Click on one of these icons and drag to easily accommodate the roundness. Concord downwards the Alt key as yous click and elevate to adjust the roundness for a single corner.

3. How to Make a Rectangle in Photoshop: Method #2

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

Brand certain that the Rectangle Tool is selected and merely click on your canvas to open the Create Rectangle window. In this window, you lot can set the size of the shape, the Corner Radius, and you tin set this new shape to exist drawn From Center. One time you're done, click OK to create your shape.

Let'southward keep and larn how to draw a circle in Photoshop.

4. How to Create a Circle in Photoshop: Method #i

Select the Ellipse Tool, click that gear icon from the Options bar again, and yous'll go the same options that are bachelor for the Rectangle Tool.

Bank check Unconstrained whenever you need to create an ellipse of whatsoever size, check Circumvolve to create a perfect circle, cheque Stock-still Size to create an ellipse of a sure size, cheque Proportional to create proportional ellipses, and bank check From Center when you wish to set the center of the circle at the point where you lot click. Again, you tin keep the Unconstrained box checked and concur downwardly the Shift central as you lot click and drag to make a perfect circle in Photoshop.

5. How to Create a Circumvolve in Photoshop: Method #ii

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

Make sure that the Ellipse Tool is selected and but click on your sail to open the Create Ellipse window. You lot can easily set the size of the shape so click OK to create it.

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

6. How to Brand a Triangle in Photoshop: Method #ane

Step i

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

Cheque Unconstrained whenever y'all need to create a triangle of any size, check Equilateral to create a triangle with all the sides equal, check Fixed Size to create a triangle of a specific size, bank check Proportional to create proportional triangles, and check From Middle when you wish to ready the center of the triangle at the betoken where you click. Again, y'all can continue the Unconstrained box checked and hold down the Shift key as you click and drag to create an equilateral triangle.

Step 2

You tin can besides 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. Once you lot've created it, you tin accommodate the corner radius from the Properties panel or direct on the shape using the Path Selection Tool.

7. How to Make a Triangle in Photoshop: Method #2

Equally with the other tools, likewise the archetype click and drag technique, you lot can also create a triangle using the Create Triangle window.

Make certain that the Triangle Tool is selected and just click on your sheet 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 and so click OK to create the shape.

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

eight. How to Create a Polygon in Photoshop: Method #i

Step 1

Select the Polygon Tool, click that gear icon from the Options bar again, and you'll get the same options that tin can be used for the Rectangle Tool, the Ellipse Tool, and the Triangle Tool, along with some extra ones.

Check Unconstrained whenever you lot need to create a polygon of any size, check Symmetric to create a polygon with all the sides equal, cheque Fixed Size to create a polygon of a specific size, cheque Proportional to create proportional triangles, and check From Centre when you wish to set up the center of the polygon at the signal where you click. Alternatively, you lot tin keep the Unconstrained box checked and concord down the Shift key equally you click and drag to create a symmetrical polygon.

Step 2

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

Pace iii

Click that gear icon over again, and let's explore those actress 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 you outset clicked on the canvas.

Pace 4

Lower the Star Ratio below 100% to easily create a star shape.

Step 5

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

Footstep half-dozen

As with other polygons, y'all tin can also set up the Corner Radius for a star shape.

9. How to Create a Polygon in Photoshop: Method #2

As with the other tools, also the archetype click and elevate technique, y'all can also create a polygon using the Create Polygon window.

Make sure that the Polygon Tool is selected and but click on your canvas to open the Create Polygon window. You 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, only click OK to create the shape.

Let'due south continue and learn how to add lines in Photoshop.

10. How to Make a Line in Photoshop

Step i

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

Bank check the Live Shapes Controls and, after yous create a line, you'll get admission to transform controls that allow you to rotate and resize lines straight on the canvas.

Hold down the Shift key every bit you click and elevate to brand a directly line in Photoshop.

Step 2

Check the Kickoff and End boxes to add together arrowheads to a line.

Pace 3

Utilize the Width value to adapt the width of the arrowheads.

Step 4

Utilise the Length value to conform the length of the arrowheads.

Footstep five

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

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

11. How to Brand Custom Shapes in Photoshop

Step 1

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

Stride 2

Select a custom shape, click that gear icon from the Options bar once more, and permit'due south bank check out the boosted options.

Check Unconstrained whenever you need to create a custom shape of whatever size, cheque Defined 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 Stock-still Size to create a custom shape of a specific size, and check From Center when you wish to set the center of the polygon at the indicate where you click.

Alternatively, yous can continue the Unconstrained box checked and hold down the Shift central as you click and drag to create a custom shape that respects the predefined proportions.

Step 3

Equally with the other tools, besides the classic click and elevate technique, yous tin also create a custom shape using the Create Custom Shape window.

Brand certain that the Custom Shape Tool is selected and just click on your sail to open the Create Custom Shape window. Fix the size, check Preserve Proportions to utilise the predefined proportions, and then click OK to add together your custom shape.

Congratulations! You're Washed!

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

You tin can find some great sources of inspiration at Envato Elements, with interesting solutions on how to add shapes in Photoshop and make them role of a catchy design.

Popular Assets From Envato Elements

Envato Elements can be an fantabulous resource for inspiration. Here'south a short list of some of the most popular resource that y'all tin observe.

Double Paper Cutting Effect & Lettering (PSD, PNG)

Now that you lot know how to draw a circle in Photoshop, you can add together color, some thin lines, and some simple text to create a banner. Cheque out this template for some inspiration.

Duotone Geometric Shapes (PSD)

No need to know how to draw a triangle in Photoshop. This amazing addition gives y'all 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 lot tin easily apply a neon effect using this amazing layer style.

Sphere Maker Photoshop Action (ATN, HTML, PSD)

Forget about learning how to make a circle in Photoshop. Using this Photoshop activeness, you lot can comprise your photos in a perfect sphere.

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

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

Want to Learn More?

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

Did you detect this mail 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 graphic symbol designs and a lot of text effects. You can find all my tutorials at vforvectors.com and my entire portfolio at andreimarius.com.

How To Outline Shape In Photoshop,

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

Posted by: hubermals1979.blogspot.com

Share this post