When you click and hold on the icon, a fly-out menu appears showing the other shape tools that are available. Download this freebie and spread the word if you like my work. And there we have it! So in this tutorial, we'll learn everything we need to know about drawing shapes with the Custom Shape Tool, including how to access every custom shape that Photoshop has to offer! What if you wanted to add, say, a heart shape to a wedding or engagement photo, or the shape of a dog or a cat to a pet store logo? How about shapes of flowers or leaves, snowflakes, music notes, or even a copyright symbol to add to your images? These tick custom shapes are a great starting point for those who want to create tick icons or tick graphics. You'll find the current width displayed to the right of the Stroke color swatch. As you're dragging, press and hold the Shift key on your keyboard. If you happen to know which set contains the shape s you need, you can select it by clicking on its name in the list.
Changing The Fill And Stroke Of Existing Shapes Just as it does with the Rectangle Tool, Ellipse Tool, etc. We can also draw paths, which are just outlines of shapes, or we can draw pixel-based shapes where Photoshop fills the shape with colored pixels. Each of these sets is a collection of shapes that share a common theme, like Animals, Music, Nature, and so on. Drawing A Shape With The Correct Proportions Notice, though, that my heart shape looks a bit distorted. Align Edges If you look further to the right in the Options Bar, you'll see an option called Align Edges. Since I chose a heart shape, I'll select the Solid Color option and choose red for my fill color by clicking on the red swatch. Or the shape of a dog or cat to add to a pet store logo? In most cases, we want to be drawing vector shapes, and to do that, we need to have the Shape Layers option selected in the Options Bar.
You can resize the Custom Shape Picker to see more shapes at a time by clicking and dragging its bottom right corner. Simple link chain shapes icons made in Adobe Photoshop. And get exclusive bonus content! Adobe calls these more complex shapes custom shapes, and we draw them using the Custom Shape Tool. The Custom Shape Tool is the last icon on the right it's the icon that looks like a blob : If another Shape tool is already active, the Custom Shape Tool can be selected from the Options Bar. When you're happy with the size of the shape, release your mouse button, then release your Shift key. Loading Additional Shape Sets As I mentioned, Photoshop comes with more custom shapes for us to choose from than the handful we're given to start with.
By default, the Rectangle Tool is the tool that's displayed, but if you click on it and hold your mouse button down, a fly-out menu will appear listing the other tools that are available in that spot. Today i tried many them and i saw perfect results. In that tutorial, we learned how to add simple rectangles and ellipses, as well as stars, starbursts and direction arrows, to a document using Photoshop's five geometric Shape tools - the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, and the Line Tool. Then, I'll use the scroll bar along the right of the thumbnails to scroll through the shapes. Simply click once inside your document.
The default width is 3 pt. Letting Photoshop Draw The Shape 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. Finally, choose the Pattern option if you want to fill your custom shape with a pattern. Resizing The Custom Shape Picker With all of the shapes now loaded in, we have far more to choose from. That window that pops up shows your currently loaded shapes. To draw the music notes, I'll click inside the document to set a starting point and, with my mouse button held down, I'll begin dragging away from the starting point.
The Custom Shape Tool You'll find the Custom Shape Tool nested in with Photoshop's other Shape tools in the same spot in the Tools panel. Having tools that allow us to easily draw circles and squares is great, but what about more interesting shapes? It's very important that you release the Shift key only after you've released your mouse button or it won't work. Resizing The Shape 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. You should see the shape. If you click the Append button, rather than replacing the current shapes with the new shapes, it tells Photoshop to keep the existing shapes and simply add the new ones below them. And there we have it! The Solid Color option second from left lets us fill the custom shape with a single color.
As long as you have the correct shape layer selected in the Layers panel, and the shape tool still active, you can make whatever changes you need: The result after changing the stroke width for the heart shape. In the previous tutorial, we learned the essentials of working with. That's because by default, Photoshop makes no attempt to keep the correct proportions or aspect ratio of the shape as we're drawing it. You can choose one of the preset gradients by clicking on its thumbnail use the scroll bar along the right to scroll through the thumbnails or use the options below the thumbnails to create or edit your own gradient. Just remember to always release the keys after releasing your mouse button. We learned the important difference between vector shapes and pixel shapes in the tutorial, but in short, vector shapes are flexible, editable, and resolution-independent, meaning we can edit and scale them as much as we want, and even print them any size we need, and the edges of vector shapes will always remain crisp and sharp.
A valuable addition to your design tool box! We covered the Fill and Stroke color options in detail in the previous tutorial but I'll cover them again here as a refresher: The No Color, Solid Color, Gradient, and Pattern fill options. At the top, we can switch between having the stroke displayed as a solid line the default , a dashed line or a dotted line. I'll select the Solid Color option, then I'll set my stroke color to black by clicking on the swatch. This will open the Shape Picker which displays all of the shapes we currently have to choose from. This will snap the shape to its correct proportions and lock them in place: Press and hold Shift as you drag to draw the shape with the correct proportions.
What if you wanted, say, a heart shape to use as a border for a wedding or engagement photo? The thumbnail displays the custom shape that's currently selected: The preview thumbnail displays the currently selected custom shape. To draw the butterfly with the correct proportions, I'll wait until I've started dragging, then I'll press and hold my Shift key and continue dragging: Clicking and dragging to draw the butterfly with Shift held down. Adding A Stroke To add a stroke around the shape, click on the Stroke color swatch in the Options Bar. This time, the heart looks much better: You'll usually want to draw custom shapes with the correct proportions. To choose a shape, double-click on its thumbnail. I'll choose the heart shape by double-clicking on it: Clicking the Fill color swatch.