If you select either the Fixed Size or Proportional options and enter width and height values, they will affect the next shape you draw, not one you've already drawn.The box-shadow property in CSS is for putting shadows on elements (sometimes referred to as “drop shadows”, ala Photoshop/Figma). And From Center will draw the shape from its center, but again, we can already do that by pressing and holding Alt (Win) / Option (Mac). The Square option allows us to draw perfect squares with the Rectangle Tool, but we can already do that by pressing and holding the Shift key. For example, the Unconstrained option lets us freely draw shapes at any dimensions we need, but since it's the default behavior of the shape tools, there's no need to select it. With the exception of the Polygon Tool and the Line Tool, both of which we'll look at later, you won't find yourself using this menu very often because we've already learned how to access most of these options from the keyboard. Since I have the Rectangle Tool selected, clicking the gear icon shows me options for the Rectangle Tool. By default, the Rectangle Tool is the one that's visible, but if we click and hold on the tool's icon, a fly-out menu appears showing us the other tools we can choose from: 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. Then click and drag in the document to set the position, width, and height. Get all of our tutorials as print-ready PDFs! Drawing Vector Shapes In Photoshop The Shape Tools To create a new rounded rectangle in Photoshop CC, select the Rounded Rectangle Tool (located under the Rectangle Tool), and use the settings in the Options bar to chose a fill, stroke, and corner radius. If you're not sure what a vector shape is and how it differs from a pixel-based shape, be sure to check out the previous tutorial in this series, Drawing Vector vs Pixel Shapes in Photoshop CS6. Whatever is in there is the current default value. Before you create your next rounded corner rectangle, look in the options bar and see what the value is for rounded corner radius. It's true that Photoshop doesn't share all of Illustrator's features, but as we'll see in this and other tutorials in this series, it's various shape tools make Photoshop more than capable of adding simple vector-based artwork to our designs and layouts! This is a really subtle thing resulting from how they updated rounded corners for the Rectangle tool. Most people think of Photoshop as a pixel-based image editor, and if you were to ask someone to recommend a good vector-based drawing program, Adobe Illustrator would usually be at the top of their list. If you're using an older version of Photoshop, you'll want to check out the original Shapes And Shape Layers Essentials tutorial. This tutorial is for Photoshop CS6 users.

In the next tutorial, we'll learn how to add more complex shapes to our documents using Photoshop's Custom Shape Tool!

We'll learn how to choose fill and stroke colors for the shapes, how to change the appearance of the stroke, how to edit the shapes later thanks 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. We'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. In this tutorial, we'll learn the essentials of how to draw vector shapes in Photoshop CS6 with its easy-to-use shape tools!

Rounded rectangle photoshop