draw 3d rectangle in photoshop

In this tutorial, we'll learn the essentials of how to draw vector shapes in Photoshop CS6 with its easy-to-use shape tools!

Nosotros'll start by learning how to draw basic geometric shapes using the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, and the Line Tool. We'll learn how to cull fill and stroke colors for the shapes, how to change the appearance of the stroke, how to edit the shapes later thank you to the flexibility of Shape layers, and more! There's a lot to cover, so this tutorial will focus on everything we need to know about these five geometric shape tools. In the next tutorial, we'll learn how to add more complex shapes to our documents using Photoshop'due south Custom Shape Tool!

This tutorial is for Photoshop CS6 users. If yous're using an older version of Photoshop, y'all'll want to cheque out the original Shapes And Shape Layers Essentials tutorial.

Almost people recollect of Photoshop equally a pixel-based image editor, and if you were to enquire someone to recommend a proficient vector-based drawing program, Adobe Illustrator would usually exist at the top of their listing. Information technology's true that Photoshop doesn't share all of Illustrator's features, but equally we'll see in this and other tutorials in this series, it's various shape tools make Photoshop more than than capable of adding elementary vector-based artwork to our designs and layouts!

If you're not sure what a vector shape is and how it differs from a pixel-based shape, exist sure to cheque out the previous tutorial in this series, Drawing Vector vs Pixel Shapes in Photoshop CS6.

Drawing Vector Shapes In Photoshop

The Shape Tools

Photoshop gives us six shape tools to choose from - the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, the Line Tool, and the Custom Shape Tool, and they're all nested together in the same spot in the Tools panel. By default, the Rectangle Tool is the 1 that's visible, only if nosotros click and concord on the tool's icon, a fly-out bill of fare appears showing united states the other tools we can choose from:

Clicking and holding on the Rectangle Tool icon reveals the other shape tools hiding behind it.

I'll starting time by selecting the first one in the list, the Rectangle Tool:

Selecting the Rectangle Tool.

Shapes, Pixels Or Paths

Before we draw any shapes, we first demand to tell Photoshop which kind of shape we desire to draw. That'south considering Photoshop actually lets united states draw three very different kinds of shapes. We can describe vector shapes, paths, or pixel shapes. We'll look more closely at the differences between the three in other tutorials, but equally we've already learned in the Drawing Vector vs Pixel Shapes tutorial, in near cases you'll want to be drawing vector shapes. Unlike pixels, vector shapes are flexible, scalable and resolution-independent, which ways we tin draw them any size we like, edit and scale them as much equally we desire, and even impress them at any size without any loss in quality! Whether we're viewing them on screen or in print, the edges of vector shapes always remain crisp and sharp.

To make sure yous're drawing vector shapes, not paths or pixels, select Shape from the Tool Mode option in the Options Bar along the top of the screen:

Setting the Tool Mode choice to Shape.

Filling The Shape With Color

The adjacent thing we'll ordinarily want to do is pick a color for the shape, and in Photoshop CS6, we do that past clicking on the Fill up color swatch in the Options Bar:

Clicking the Fill up color swatch.

This opens a box that lets us choose from iv different ways to fill the shape, each represented past one of four icons along the summit. Starting from the left, we accept the No Color icon (the i with the ruby diagonal line through information technology), the Solid Color icon, the Gradient icon, and the Pattern icon:

The four options for filling the shape (No Color, Solid Color, Gradient, and Pattern).

No Color

Every bit its name implies, selecting No Colour on the left will leave the shape completely empty. Why would you lot want to exit a shape empty? Well, in some cases, yous may want your shape to contain only a stroke outline. We'll see how to add a stroke in a few moments, but if you want your shape to comprise simply a stroke, with no fill color at all, select No Color:

The No Color choice will exit the shape empty.

Here's a quick example of what a shape with no fill colour looks like. All we're seeing is the basic outline of the shape, known as the path. The path is only visible in Photoshop, and then if you were to print your document or save your work in a format similar JPEG or PNG, the path would not exist visible. To make information technology visible, we'd need to add a stroke to it, which we'll be learning how to do after we've covered the Fill options:

Only the path of the shape is visible (and only in Photoshop) when Make full is set to No Color.

Solid Colour

To fill up your shape with a solid color, cull the Solid Color pick (second from left):

Clicking the Solid Color fill option.

With Solid Colour selected, choose a colour for the shape by clicking on one of the colour swatches. Colors y'all've used recently will appear in the Recently Used Colors row above the chief swatches:

Choosing a colour by clicking on a swatch.

If the color you lot demand is non found in whatever of the swatches, click the Colour Picker icon in the upper right of the box:

Clicking the Color Picker icon.

Then, cull the color y'all need from the Colour Picker. Click OK to shut out of the Color Picker when you lot're done:

Choosing a fill color for the shape from the Color Picker.

Here's the same shape equally before, this fourth dimension filled with a solid colour:

A basic shape filled with a solid color.

Gradient

To fill your shape with a slope, choose the Gradient option. Then, click on one of the thumbnails to select a preset gradient, or use the options below the thumbnails to create your own. We'll learn all most creating and editing gradients in a separate tutorial:

Choosing the Gradient option at the top, so selecting a preset gradient.

Hither's the same shape filled with a gradient:

The shape filled with one of Photoshop'south preset gradients.

Design

Finally, choosing the Blueprint option lets usa fill up the shape with a pattern. Click on ane of the thumbnails to select a preset blueprint. Photoshop doesn't give us many patterns to choose from initially, only if you've created your own or downloaded some off the cyberspace, yous can load them in by clicking on the small gear icon (below the Color Picker icon) and choosing Load Patterns from the menu:

Choosing the Pattern option, and so selecting a preset design.

Here's what the shape looks similar filled with one of Photoshop'southward preset patterns. To close out of the Fill color options box when you're done, press Enter (Win) / Render (Mac) on your keyboard, or click on an empty spot in the Options Bar. If y'all're not sure which colour, slope or pattern you demand for your shape, don't worry. Every bit we'll see, you tin ever come back and modify it later:

The shape filled with a preset pattern.

Adding A Stroke Around The Shape

By default, Photoshop will not add together a stroke around the edges of your shape, but calculation i is just as easy as adding a make full color. In fact, the options for Stroke and Fill in Photoshop CS6 are exactly the aforementioned, so y'all already know how to apply them!

To add together a stroke, click on the Stroke color swatch in the Options Bar:

Clicking the Stroke color swatch.

This opens a box giving usa the exact same options that we saw with the fill color, except this time nosotros're choosing a color for our stroke. Along the peak, we have the same four icons for choosing betwixt No Color, Solid Color, Gradient, or Pattern. By default, the No Color option is selected. I'll choose Solid Color, then I'll ready blackness every bit my stroke color by choosing information technology from the swatches. As with the fill up colour, if the color you need for your stroke is not plant in the swatches, click the Color Picker icon in the upper right to manually choose the colour you demand:

Selecting the Solid Color option for the stroke, and then choosing a color from the swatches.

Changing The Width Of The Stroke

To modify the width of the stroke, use the Stroke Width option straight to the right of the Stroke color swatch in the Options Bar. Past default, it'south gear up to three pt. To change the width, yous can either enter a specific value directly into the box (press Enter (Win) / Return (Mac) on your keyboard when you're done to take information technology), or click on the minor arrow to the correct of the value and drag the slider:

Irresolute the width of the stroke.

The Marshal Edges Option

If you look further to the right in the Options Bar, y'all'll run across an option chosen Align Edges. With this choice turned on (checked), Photoshop will brand sure the edges of you lot vector shape are aligned with the pixel grid, which keeps them looking crisp and precipitous:

You'll usually want to make sure Align Edges is checked.

However, for Align Edges to work, not merely does it need to be selected, just yous as well need to gear up the width of your stroke in pixels (px), not points (pt). Since my stroke width is currently using points (the default measurement type), I'll go back and enter a new width of 10 px:

For Marshal Edges to work, set your stroke width in pixels (px).

Here'due south an case of a black, ten px stroke applied to the shape:

A simple shape with a black stroke surrounding it.

At present that I've added a stroke, if I go dorsum and click on the Fill color swatch in the Options Bar and change the fill to No Colour, I'yard left with just the stroke outline. The within of the shape is empty. It looks like it'south filled with white simply considering the background of my document is white, so what nosotros're actually seeing is the certificate's background:

The same shape, now with Fill up set to No Color.

More Stroke Options

By default, Photoshop draws the stroke every bit a solid line, merely we can alter that by clicking the Stroke Options push in the Options Bar:

Clicking the Stroke Options button.

This opens the Stroke Options box. From here, nosotros can change the stroke type from a solid line to a dashed or dotted line. The Align option lets united states of america choose whether the stroke should fall inside the path outline, outside the path or be centered on the path. We can set the Caps option to Butt, Round or Square, and modify the Corners to either Miter, Round or Bevel. Clicking the More Options push button at the bottom will open a more detailed box where you lot tin can gear up specific dash and gap values, and even save your settings every bit a preset:

The Stroke options.

Hither's the aforementioned stroke as before, this fourth dimension equally a dashed rather than a solid line:

The stroke blazon changed from solid to dashed.

Shortcodes, Actions and Filters Plugin: Error in shortcode [ads-nuts-middle]

The Rectangle Tool

Now that nosotros know how to select Photoshop's various shape tools from the Tools panel, how to choose a fill up and stroke colour and how to change the appearance of the stroke, let's learn how to actually draw vector shapes! We'll start with the outset tool in the listing, the Rectangle Tool. I'll select it from the Tools console just equally I did earlier:

Selecting the Rectangle Tool.

The Rectangle Tool lets u.s.a. describe simple four-sided rectangular shapes. To draw 1, offset past clicking in the document to set a starting point for the shape. Then, continue your mouse button held down and elevate diagonally to draw the rest of the shape. As y'all drag, you'll see only a thin outline (known as the path) of what the shape volition look like:

Dragging out a rectangle shape. As you drag, only an outline of the shape appears.

When y'all release your mouse push, Photoshop fills the shape with the color you lot selected in the Options Bar:

Photoshop fills the shape with colour when you release your mouse button.

Resizing The Shape After You've Drawn It

Once y'all've drawn your initial shape, its current dimensions will appear in the Width (West) and Height (H) boxes in the Options Bar. Here, we meet that my shape was drawn 533 px wide and 292 px high:

The Options Bar showing the initial width and superlative of the shape.

If you need to resize the shape afterwards you lot've fatigued it (and this works for all the shape tools, not just the Rectangle Tool), but enter the dimensions you need into the Width (W) and Summit (H) fields. For example, permit's say what I actually needed was for my shape to exist exactly 500 px wide. All I need to do is change the width value to 500 px. I could besides enter a specific height if needed. If you want to change either the width or the height merely keep the original aspect ratio of your shape intact, first click on the modest link icon betwixt the width and summit values:

Utilize the link icon to maintain the attribute ratio of the shape when resizing it.

With the link icon selected, entering a new width or height tells Photoshop to automatically change the other 1 to maintain the aspect ratio. Here, I've manually entered a new width of 500 px, and because I had the link icon selected, Photoshop changed the height to 273 px:

Resizing the shape.

Choosing The Size Before Yous Draw The Shape

If you happen to know the exact width and height you need for your shape earlier y'all depict information technology, here's a trick. With your shape tool selected, only click inside your document. Photoshop will pop open a dialog box where you can enter in your width and height values. Click OK to shut out of the dialog box and Photoshop will automatically draw the shape for y'all:

Click once within the document to enter a width and height, then let Photoshop draw the shape.

Drawing A Shape From Its Center

Hither's a few simple yet very useful keyboard shortcuts. If you press and hold the Alt (Win) / Selection (Mac) key on your keyboard every bit you lot're dragging out the shape, you'll describe it from its center rather than from the corner. This works with any of Photoshop's shape tools, not just the Rectangle Tool. Information technology'south very important, though, that you wait until subsequently you've started dragging earlier pressing the Alt / Pick primal, and that you keep the cardinal held down until subsequently you've released your mouse button, otherwise information technology won't piece of work:

Press and hold Alt (Win) / Option (Mac) to describe a shape from its center.

Drawing Squares

To draw a perfect square with the Rectangle Tool, click inside the certificate to set a starting point and begin dragging as usual. In one case you've started dragging, press and hold the Shift key on your keyboard. This forces the rectangle into a perfect square. Once again, make certain you wait until after you've started dragging before pressing your Shift key, and keep information technology held downward until after you've released your mouse push or it won't work. You tin also combine these 2 keyboard shortcuts together by pressing and property Shift+Alt (Win) / Shift+Pick (Mac) as you drag with the Rectangle Tool, which will forcefulness the shape into a perfect foursquare and describe information technology out from the centre:

Printing and hold Shift equally y'all drag to draw a foursquare.

Once again, y'all'll see just a path outline of the square every bit you're dragging, only when yous release your mouse push, Photoshop fills information technology with your chosen colour:

Photoshop always waits until you release your mouse button before filling the shape with color.

The Shape Options

If you expect up in the Options Bar, to the left of the Align Edges option, you'll come across a gear icon. Clicking this icon opens a box with boosted options for whichever shape tool you currently have selected:

Clicking the gear icon.

Since I have the Rectangle Tool selected, clicking the gear icon shows me options for the Rectangle Tool. With the exception of the Polygon Tool and the Line Tool, both of which we'll look at later, you won't notice yourself using this menu very often considering we've already learned how to access nearly of these options from the keyboard. For example, the Unconstrained choice lets united states of america freely draw shapes at whatsoever dimensions nosotros need, but since information technology's the default beliefs of the shape tools, there'due south no need to select it. The Square choice allows u.s. to describe perfect squares with the Rectangle Tool, simply we tin can already do that by pressing and holding the Shift cardinal. And From Center will draw the shape from its eye, but again, we tin already practise that by pressing and holding Alt (Win) / Option (Mac).

If yous select either the Fixed Size or Proportional options and enter width and height values, they will bear on the side by side shape you describe, non one you've already drawn. Besides, yous'll demand to recollect to come up back and reselect the Unconstrained option when you're done, otherwise every shape you draw from that point on volition be set to the same size or proportions:

The options you lot see will depend on which shape tool is selected.

Editing Shape Layers

Before, nosotros learned that to depict vector shapes in Photoshop, we demand to make certain we have the Tool Mode option in the Options Bar set to Shapes (as opposed to Path or Pixels). When we draw a vector shape, Photoshop automatically places it on a special type of layer known equally a Shape layer. If we look in my Layers console, nosotros see that the shape I've fatigued with the Rectangle Tool is sitting on a shape layer named "Rectangle 1". The name of the layer volition change depending on which shape tool was used, so if I had drawn a shape with, say, the Ellipse Tool, it would be named "Ellipse i":

Each new vector shape yous draw appears on its own Shape layer.

An easy way to tell the departure between a Shape layer and a normal pixel layer is that Shape layers have a pocket-size shape icon in the lower correct corner of the preview thumbnail:

The icon in the preview thumbnail tells united states of america it's a Shape layer.

The master deviation betwixt a Shape layer and a normal pixel layer is that Shape layers remain fully editable. Back when nosotros were learning how to choose fill and stroke colors for our shapes, I mentioned that we can always come dorsum and change the colors afterward nosotros've drawn the shape. All we demand to do is brand sure we accept the Shape layer selected in the Layers panel, and that we still have our shape tool selected from the Tools panel. So, just click on either the Fill or Stroke color swatch in the Options Bar to choose a different color. You can likewise change the stroke width if needed, forth with the other stroke options. I'll click on my Fill colour swatch:

Clicking the Fill up color swatch with the Shape layer selected.

Then I'll choose a dissimilar colour for my shape from the swatches:

Clicking a bluish color swatch.

Every bit soon equally I click on the swatch, Photoshop instantly updates the shape with the new color:

The color of the shape has been inverse without needing to redraw it.

And, if we look again in the Layers panel, we see that the preview thumbnail for the Shape layer has too been updated with the new colour:

The shape preview in the Layers panel as well updates when we make changes.

The Rounded Rectangle Tool

Let's expect at the 2d of Photoshop'due south shape tools, the Rounded Rectangle Tool. I'll select it from the Tools panel:

Selecting the Rounded Rectangle Tool.

The Rounded Rectangle Tool is very like to the standard Rectangle Tool except that it lets us draw rectangles with rounded corners. We control the roundness of the corners using the Radius option in the Options Bar. The college the value, the more rounded the corners volition appear. You demand to set the Radius value before drawing your shape, so I'll set mine to 50 px:

Use the Radius option to control the roundness of the corners.

Once you've set your radius, drawing a rounded rectangle is exactly the same every bit cartoon a normal rectangle. Starting time past clicking inside the document to set a starting point for the shape, then keep your mouse push button held downward and drag diagonally to draw the rest of information technology. Just as we saw with the Rectangle Tool, Photoshop will display only the path outline of the shape as you're dragging:

Dragging out a rounded rectangle afterward setting the Radius value in the Options Bar.

When you release your mouse push button, Photoshop completes the shape and fills it with color:

The shape is filled with color when y'all release your mouse button.

Here's another example of a rounded rectangle, this time with my Radius value set to 150 px, big enough (in this case anyway) to make the unabridged left and right sides of the rectangle appear curved:

A higher Radius value produces more rounded corners.

And hither's a rectangle but with a much lower Radius value of but x px, giving me very small rounded corners:

A smaller Radius value gives united states less rounded corners.

Unfortunately, in Photoshop CS6, there's no way to preview how rounded the corners will appear with our chosen Radius value before we actually draw the rectangle. Too, we tin can't arrange the Radius value on the fly while we're drawing the shape, and Photoshop doesn't let us go dorsum and brand changes to the Radius value after information technology'due south been drawn. All of this means that drawing rounded rectangles is very much a "trial and fault" situation.

If you lot draw a rounded rectangle and make up one's mind yous're non happy with the roundness of the corners, all y'all can actually practice is go up to the Edit menu in the Menu Bar along the top of the screen and choose Disengage Rounded Rectangle Tool (or press Ctrl+Z (Win) / Command+Z (Mac) on your keyboard) which volition remove the rounded rectangle from the certificate. Then, enter a dissimilar Radius value into the Options Bar and effort over again:

Going to Edit > Undo Rounded Rectangle Tool.

The aforementioned keyboard shortcuts that we learned about for the standard Rectangle Tool also apply to the Rounded Rectangle Tool. To force the shape into a perfect square (with rounded corners), begin dragging out the shape, then printing and hold your Shift key. Release the Shift key only after y'all've released your mouse button.

To draw a rounded rectangle from its center rather than from the corner, begin dragging out the shape, then press and hold your Alt (Win) / Option (Mac) fundamental. Finally, pressing and belongings Shift+Alt (Win) / Shift+Option (Mac) will forcefulness the shape into a perfect square and depict it out from the center. Release the keys only after you've released your mouse push button.

The Ellipse Tool

Photoshop's Ellipse Tool lets us draw elliptical or round shapes. I'll select information technology from the Tools panel:

Selecting the Ellipse Tool.

Just equally with the other shape tools we've looked at, to draw an elliptical shape, click within the document to set a starting point, then continue your mouse push held downward and drag diagonally to draw the rest of it:

Cartoon an elliptical shape with the Ellipse Tool.

Release your mouse push button to consummate the shape and take Photoshop fill it with your called colour:

The color-filled shape.

To describe a perfect circle with the Ellipse Tool, begin dragging out the shape, so printing and hold your Shift key. To draw an elliptical shape out from its center, press and concur Alt (Win) / Pick (Mac) afterwards you start dragging. Pressing and property Shift+Alt (Win) / Shift+Pick (Mac) will draw a perfect circumvolve out from its middle. Every bit always, release the keys only afterward you've released your mouse push:

A circle drawn with the Ellipse Tool.

The Polygon Tool

The Polygon Tool is where things start to get interesting. I'll select information technology from the Tools console:

Selecting the Polygon Tool.

While Photoshop'due south Rectangle Tool is limited to drawing four-sided polygons, the Polygon Tool lets united states of america draw polygonal shapes with equally many sides equally we like! It fifty-fifty lets us draw stars, as we'll run across in a moment. To draw a shape with the Polygon Tool, first enter the number of sides you need into the Sides selection in the Options Bar. Yous can enter any number from 3 to 100. I'll leave mine prepare to the default value of v for now:

Enter the number of sides yous need into the Sides pick.

Once you lot've entered the number of sides, click in the certificate and drag out your shape. Photoshop e'er draws polygon shapes out from their eye so there'southward no need to agree downwardly your Alt (Win) / Pick (Mac) primal. Holding your Shift key down after you start dragging volition limit the number of angles at which the shape can exist drawn, which tin can help position the shape the way you need it:

A v-sided shape fatigued with the Polygon Tool.

Setting the Sides option to 3 in the Options Bar gives u.s.a. an easy way to depict a triangle:

A uncomplicated triangle fatigued with the Polygon Tool.

And here's a polygon shape with Sides set to 12. Like the Radius option for the Rounded Rectangle Tool, Photoshop does non let us change the number of sides in one case we've drawn our shape, so if you made a mistake, you'll need to go up to the Edit bill of fare at the top of the screen and choose Undo Polygon Tool (or printing Ctrl+Z (Win) / Command+Z (Mac)), then enter a different value into the Sides option and redraw the shape:

A twelve-sided polygon shape.

Drawing Stars With The Polygon Tool

To draw stars with the Polygon Tool, click on the gear icon in the Options Bar, and then select Star:

Clicking the gear icon and choosing Star.

Then, only click inside the document and elevate out a star shape. With Star selected, the Sides pick in the Options Bar controls the number of points in the star, so at its default value of v, nosotros become a 5-pointed star:

A v-pointed star drawn with the Polygon Tool.

Changing the Sides value to 8 gives u.s. an 8-pointed star:

Command the number of points with the Sides option.

Nosotros tin create a starburst shape by increasing the Indent Sides By selection beyond its default value of fifty%. I'll increase information technology to xc%. I'll too increase my Sides value to xvi:

Creating a starburst by increasing the Indent Sides By value.

And here'southward the outcome:

A starburst drawn with the Polygon Tool.

By default, stars have sharp corners on the ends of their points, merely we tin can make them rounded by choosing the Smoothen Corners choice:

Turning on Smooth Corners.

Here'southward a standard 5-pointed star with the Shine Corners option enabled:

The Smooth Corners pick gives stars a fun, friendly look to them.

We can polish the indents also and make them rounded by selecting the Smooth Indents option:

Turning on Shine Indents.

With both Shine Corners and Smooth Indents selected, we get more of a starfish shape:

A star with Smooth Corners and Smooth Indents turned on.

The Line Tool

The last of Photoshop'south bones geometric shape tools is the Line Tool. I'll select information technology from the Tools panel:

Selecting the Line Tool.

The Line Tool allows us to draw simple straight lines, but we can also use it to depict arrows. To depict a straight line, kickoff, fix the thickness of the line by inbound a value, in pixels, into the Weight field in the Options Bar. The default value is 1 px. I'll increase it to sixteen px:

The Weight option controls the thickness, or width, of the line.

So, as with the other shape tools, click inside the certificate and drag out your line. To make it easier to draw a horizontal or vertical line, agree downwards your Shift cardinal afterward you beginning dragging, then release the Shift key after you release your mouse button:

Hold Shift equally you drag to describe horizontal or vertical lines.

Cartoon Direction Arrows

To draw arrows, click on the gear icon in the Options Bar to open the Arrowheads options. Cull whether you want the arrowhead to appear at the outset of the line, the end, or both (if you desire the arrow to face up the aforementioned direction in which the line is being drawn, cull Finish):

Click the gear icon to access the Arrowhead options.

Here'south a line like to the i drawn previously, this time with an arrowhead on the end:

The Line Tool makes information technology piece of cake to draw direction arrows.

If the default size of the arrowhead doesn't work for y'all, you can adjust it by changing the Width and Length options. You lot can likewise make the arrowhead appear more concave by increasing the Concavity selection. I'll increase it from its default value of 0% to 50%:

Modify the shape of the arrowhead by increasing its concavity.

Here'south what the arrowhead now looks like. Make sure you lot change the Line Tool options before yous draw your shape since they can't be adjusted later on (if you lot need to make changes, yous'll need to undo the shape and start over):

An arrowhead with a Concavity value to 50%.

Hiding The Path Outline Around The Shape

Equally we've seen throughout this tutorial, whenever nosotros describe a shape using whatever of the shape tools, Photoshop displays merely the path outline while the shape is being drawn. When nosotros release our mouse button, that'southward when Photoshop completes the shape and fills it with color. Problem is, if you look closely after drawing the shape, you'll see that the path outline is still at that place surrounding information technology. Here, nosotros can see the thin blackness outline surrounding the shape. This isn't a big deal considering the outline volition not print or appear in any saved file format like JPEG or PNG, but information technology can nonetheless be annoying to look at while you're working.

The path outline is still visible even later the shape is drawn.

To hide the path outline in Photoshop CS6, only press Enter (Win) / Return (Mac) on your keyboard and it disappears:

Printing Enter (Win) / Return (Mac) and the outline is gone.

Where to get next...

And at that place nosotros have it! That's the essentials of drawing basic geometric vector shapes in Photoshop CS6 using the Rectangle Tool, The Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, and the Line Tool! In the next tutorial, nosotros'll larn how to add more complex and interesting shapes to your designs and layouts using Photoshop'southward Custom Shape Tool! Visit our Photoshop Nuts section to learn more than near Photoshop!

thorntonanscialtat.blogspot.com

Source: https://www.photoshopessentials.com/basics/how-to-draw-vector-shapes-in-photoshop-cs6/

Share this post