Step 3. From the Import Shapes dialog box select the photoshop custom shapes file. CSH on your hard drive. If you need more photoshop shapes, get them on the Photoshop Custom Shapes page. The shape you just created will appear as the very last shape in the selection box. Simply click on it's little thumbnail to select it:.
With your Custom Shape selected, simply click inside the document and drag out the shape! To constrain the proportions of the shape as you drag so you don't accidentally distort the look of it, hold down your Shift key as you drag. If you need to reposition your shape as you're dragging, simply hold down your spacebar , drag the shape into its new location, then release your spacebar and continue dragging out the shape. When you're happy with the size and location of the shape, simply release your mouse button and Photoshop fills the shape with your current Foreground color mine happens to be set to black :.
We're going to finish things off by looking at how to change the color of our shape, along with how to resize and rotate it, next! There's no need to worry about the color of your shape when you're dragging it out and adding it to your document.
Photoshop will automatically fill the shape with whatever color you currently have selected as your Foreground color, but if you want to change the shape's color at any time, just double-click on the shape layer's thumbnail. Not the shape preview thumbnail on the right which is technically called a vector mask thumbnail.
You want the thumbnail on the left, the one that looks like a color swatch with a little slider bar underneath. Double-click on it to change the shape's color:. This will bring up Photoshop's Color Picker. Choose a new color for your shape with the Color Picker. I'm going to choose a brown color for my gingerbread man:. Click OK when you're done to exit out of the Color Picker, and the new color is applied to your shape:.
Color isn't the only thing you don't have to worry about with shapes. One of the great things about working with shapes in Photoshop is that they use vectors instead of pixels, which means you're free to change the size of them whenenever you want, as often as you want, without any loss of image quality!
Resize the shape by dragging any of the corner handles. Hold down Shift as you drag the handles to constrain the proportions of the shape, again so you don't accidentally distort the look of it. To rotate the shape, simply move your mouse anywhere outside of the Free Transform box, then click and drag your mouse to rotate it:.
You can add as many copies of your custom shape as you like to your document, changing the color, size and rotation of each one as needed. Each copy of the shape will appear as its own separate shape layer in the Layers palette.
Here, I've added several more copies of my Gingerbread Man shape to my document, each one set to a different color, size and angle. Notice how no matter what size you make them, they always retain their sharp, crisp edges:. And there we have it! We've created an initial shape by tracing around an object with the Pen Tool. We "cut out" little details in our shape using a combination of the Pen Tool and the Ellipse Tool, both set to the "Subtract from shape area" option in the Options Bar.
We then created a new Photoshop document, selected the "Custom Shape Tool", selected our shape from the Shape selection box, and dragged out our shape inside the document. Finally, we saw how to change the color, size and angle of the shape any time we want! That covers the basics of how to create and use Custom Shapes in Photoshop, and that brings us to the end of Part 1 of our "Custom Shapes For Digital Scrapbooking" tutorial.
In Part 2 , we'll look at how to gather up multiple shapes we've created and save them as Custom Shape sets! Visit our Photoshop Basics section for more Photoshop topics! The three icons in the Options Bar which allow us to select what we want to do with the Pen Tool.
Photoshop fills the shape with the Foreground color as you draw it, blocking the object from view. Lower the opacity of the shape layer using the Opacity option in the top right of the Layers palette. The object is now visible through the shape color after lowering the shape layer's opacity. In the Paths panel, select a path—either a vector mask for a shape layer, a work path, or a saved path. The new shape appears in the Shape pop-up panel in the options bar.
To save the new custom shape as part of a new library, select Save Shapes from the pop-up panel menu. For more information, see Work with the Preset Manager. From the toolbar, click and hold the shape tool group icon to bring up hidden shape tool options. Select the Polygon tool. Click anywhere on the canvas to bring up the Create Polygon dialog and set the following attributes:.
If you have used Legacy Custom Shapes from older versions of Photoshop and would like to add them to your current version, follow the steps below. In the top right corner of the Shapes panel, click on the menu icon and select Legacy Shapes and More. Buy Adobe Photoshop or start a Free Trial. Legal Notices Online Privacy Policy. Buy now. Draw and edit shapes Search. Make it. Draw shapes. Follow these quick steps to create shapes in Photoshop:. Select a shape tool From the toolbar, click and hold the Shape tool group icon to bring up the various shape tool options — Rectangle, Ellipse, Triangle, Polygon, Line, and Custom Shape.
Fill : Choose a color to fill your shape. Stroke : Choose the color, width, and type of your shape stroke. Path operations : Use path operations to set the way your shapes interact with each other. Path alignment : Use path alignment to align and distribute your shape components.
Path arrangement : Use path arrangement to set the stacking order of shapes you create. Also, make sure you wait until after you've started dragging before pressing and holding the Shift key or you may get unexpected results. I'll release my mouse button, then my Shift key, at which point Photoshop fills the shape with my chosen red color. This time, the heart looks much better:. Just remember to always release the keys after releasing your mouse button.
Once you've drawn your shape, you'll see its current width and height in the Width W and Height H boxes in the Options Bar. Here, we see that my shape was drawn px wide and px tall:. To resize the shape and keep it locked to the correct proportions, first click on the small link icon between the width and height fields, then enter a new width or height. With the link icon selected, Photoshop will automatically change the other value for you:.
If you haven't yet drawn your shape and you know the exact size you need, you can save time by letting Photoshop draw it for you. Simply click once inside your document. Photoshop will pop open the Create Custom Shape dialog box where you can enter in your width and height values. Click OK to close out of it and Photoshop will draw your shape with your chosen dimensions:. To add a stroke around the shape, click on the Stroke color swatch in the Options Bar. You can choose your stroke color and other stroke options which we'll look at in a moment either before or after you draw the shape:.
The options for choosing a stroke color are exactly the same as the fill color options. Along the top, we have the same four icons giving us a choice between No Color , Solid Color , Gradient , and Pattern :. The No Color option is selected by default which is why the stroke isn't visible. I'll select the Solid Color option, then I'll set my stroke color to black by clicking on the swatch. Just as with the fill color, if the color you need isn't found in any of the swatches, click the Color Picker icon to choose it manually:.
We can change the width of the stroke in the Options Bar. You'll find the current width displayed to the right of the Stroke color swatch. The default width is 3 pt.
If you look further to the right in the Options Bar, you'll see an option called Align Edges. By default, this option is turned on checked and you'll usually want to leave it on because it tells Photoshop to line up the edges of your shape with the pixel grid, which keeps them looking crisp and sharp:.
However, for the Align Edges option to work, not only does it need to be selected, but you also need to specify the width of your stroke in pixels px , not points pt. Since the default measurement type for the stroke width is points, I'll go back and enter a new width of 10 px :. There are other stroke options we can change as well by clicking the Stroke Options button in the Options Bar:. This opens the Stroke Options box. At the top, we can switch between having the stroke displayed as a solid line the default , a dashed line or a dotted line.
The Align option lets us choose whether the stroke should appear along the inside edges of the shape, the outside edges or centered along the edges. Clicking More Options at the bottom will open a more detailed dialog box with additional options for customizing the look of your stroke and for saving your custom settings as a preset:. Just as it does with the geometric shape tools Rectangle Tool, Ellipse Tool, etc. If we look in my Layers panel, we see my heart shape sitting on a Shape layer named "Shape 1":.
0コメント