Subscribe now to get a free printable poster showing all of the Photoshop tools and their keyboard shortcut. Success! This time, the heart looks much better: Along with pressing and holding Shift while dragging to draw the shape with the correct proportions, you can press and hold your Alt (Win) / Option (Mac) key while dragging to draw the shape out from its center rather than from a corner. Photoshop fills the shape only after you release your mouse button. We won't send you spam. Click on the bubble you want to draw and then click and drag out the shape on the image window. I’ve added a special cheatsheet to this post – a three page PDF which includes a Custom Shape Quickstart and a visual guide to all of Photoshop’s Custom Shapes. 4. 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. That's because, by default, Photoshop lets us freely draw custom shapes to any size or proportions we like. Click the link icon before changing the width or height to lock the proportions in place. You’ll notice that the nice thing about shape layers is, when you double-click on their thumbnail to change colour, you can try out lots of colours before clicking OK as the changes will happen as you move around the colour picker. You should see the name of the custom shape file you just copied and pasted. Photoshop offers basic shape tools for creating the shapes for your creative. Then click on the sub-menu (it looks like a cog wheel) and choose Talk Bubbles.eval(ez_write_tag([[250,250],'photoshop_bootcamp_com-large-leaderboard-2','ezslot_1',110,'0','0']));eval(ez_write_tag([[250,250],'photoshop_bootcamp_com-large-leaderboard-2','ezslot_2',110,'0','1'])); 2. 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: Earlier, we learned how to load other shape sets into the Custom Shape Picker. Revolution Collection. The Solid Color option (second from left) lets us fill the custom shape with a single color. First, we are going to make a new … If you have any questions please put it in the comments below and I’ll do my best to answer it.eval(ez_write_tag([[580,400],'photoshop_bootcamp_com-leader-1','ezslot_11',111,'0','0'])); I hope you’ve found this Photoshop’s tutorial useful and I would be really grateful if you would share it. By default, the solid color is selected and when you choose one of the swatches below, it will instantly change to that colour. The shapes that are displayed initially are the default set, but looking through the list, we see that we have lots of other interesting sets, like Animals, Music, Nature, and so on. Colors you've used recently appear in the Recently Used Colors row above the main swatches: If the color you need is not found in any of the swatches, click on the Color Picker icon in the upper right: Then, choose your color manually from the Color Picker. Photoshop also comes has the Custom Shape Tool which allows us to create more interesting and complex shapes such as snowflakes, pawprints, light bulbs and … speech bubbles. As I mentioned at the beginning of the tutorial, only a handful of shapes are available initially, but there's many more that we can choose from. Click on the Fill colour and set it to No Color (as shown above), then click on the Stroke option and choose the color you want using either the Swatches in the drop-down box or the Color Picker as above.eval(ez_write_tag([[580,400],'photoshop_bootcamp_com-banner-1','ezslot_10',109,'0','0'])); 2.Change the width of the stroke by clicking on the drop-down menu and dragging the slider to the right to increase the thickness and to the left to decrease the thickness. Click OK when Photoshop asks if you want to revert back to the defaults. 3. Photoshop comes with five basic shape tools – the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, and the Line Tool. A dialog box will open asking if you want to Replace or Append the current set of Shapes. How To Use The Custom Shape Tool In Photoshop CS6. 2,800+ Photoshop Custom Shapes. Ellipse tool is one of them. To load one of these sets, simply choose it from the list. Photoshop fills the shape with color, but look what's happened; it used the same fill color (red) that I chose for my previous shape. Today we collected fifty noteworthy Photoshop shapes for you to download. Select the Custom Shape Tool from the bottom of the list: With the Custom Shape Tool selected, the next thing we want to do is make sure we're drawing vector shapes, not paths or pixel-based shapes. I'll undo my shape by going up to the Edit menu in the Menu Bar along the top of the screen and choosing Undo Custom Shape Tool. Well no, there are actually quite a few more hidden away for us to play with. We learned the important difference between vector shapes and pixel shapes in the Drawing Vector vs Pixel Shapes 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. There are two quick ways to change colour of any vector shape that you draw in Photoshop. Click and hold on the Rectangle on the toolbar and you’ll see the full set of vector drawing tools appear. How to Use the Custom Shape Tool in Photoshop. From the Photoshop toolbar select the Custom Shape Tool 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. As Photoshop brushes, custom shapes save you a lot of time and energy when you’re in the middle of the creation process.Besides the ability to insert a good-looking object into our designs instantly, they can be used in any size as they are vectorized. In this case, because I'm choosing All (which includes the default shapes as part of the collection), I'm going to click OK. At the end of the tutorial, we'll learn how to reset the shapes back to the defaults: With all of the shapes now loaded in, we have far more to choose from. 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: To complete the shape, I'll release my mouse button, then release my Shift key. Add a Custom Shape. These let us add simple geometric shapes like rectangles, squares and circles, as well as stars, starbursts and direction arrows, to our images. Step 1. Try out different shapes, different colours and different strokes. Drawing Vector Shapes. We can set the Caps option to either Butt, Round or Square, and change the Corners to either Miter, Round or Bevel. I hope you’ve found this useful. Here are the instructions for creating a triangle using the Polygon Tool: Open Photoshop … 1. The only problem is that, by default, only a handful of these custom shapes are available to us. This was…, The Sponge Tool is one of Photoshop's image retouching tools. Visit our Photoshop Basics section to learn lots more about Photoshop! The solid…, Here's a quick Photoshop fix for straightening crooked photographs using the Ruler tool. Rectangles, rectangles with rounded corners (rounded rectangles), circles and ovals, multisided polygons, straight lines and arrows, and a whole boatload of special custom shapes are all at your command with a simple click-drag. Custom Shape Tool in Photoshop is pre-created vector artwork elements, which are already installed in Photoshop software. Click here to the settings icon and click load shapes go to shapes folder and load shapes. To make the line on the work area. How about shapes of flowers or leaves, snowflakes, music notes, or even a copyright symbol to add to your images? How Much Does Photoshop Cost? The new shape used the exact same fill and stroke as the previous shape. Changing the width of the stroke for the heart shape. When everything is ready, you can add custom shapes to your collection in Photoshop. Please try again. In this example, I’m using red. I'll release my mouse button, then my Shift key, at which point Photoshop fills the shape with my chosen red color. The best way to learn the usage of the tools is by practicing them. I could also just press Ctrl+Z (Win) / Command+Z (Mac) on my keyboard. If we look again in my Layers panel, we see that the butterfly shape was placed on its own Shape layer named "Shape 2" above the heart shape: With the butterfly layer selected, I'll click on the Fill color swatch in the Options Bar and choose a different color from the swatches, maybe a nice magenta: I'm also going to lower the width of the stroke in the Options Bar, since 10 px seems too thick. Choose a color by clicking on one of the color swatches. The tool is located below the text tool in the tool menu bar. Leave the Stroke colour as empty and ignore the rest of the options except the actual Shape option. To close out of the color options box when you're done, press Enter (Win) / Return (Mac) on your keyboard, or just click on an empty area of the Options Bar: Shortcodes, Actions and Filters Plugin: Error in shortcode [ad-members-2], Shortcodes, Actions and Filters Plugin: Error in shortcode [ads-basics-middle-2]. If you do not understand this post, you can see the video below, easily install it and using them. Get all of our Photoshop tutorials as PDFs. Photoshop Custom Shapes are pre-made vector elements that you can install and use. Also, make sure you wait until after you've started dragging before pressing and holding the Shift key or you may get unexpected results. Adobe calls these more complex shapes custom shapes, and we draw them using the Custom Shape Tool. Or the shape of a dog or cat to add to a pet store logo? 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. This will snap the shape to its correct proportions and lock them in place: When you're happy with the size of the shape, release your mouse button, then release your Shift key. Most of the shapes are free for personal and commercial use. 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: Just like that, Photoshop adds the black stroke around the shape: We can change the width of the stroke in the Options Bar. Add anchor point Tool, you can choose to have No color, Gradient, and Pattern options this... Icon, a Solid colour layer asks if you click and drag away from the Photoshop tools their! Standard Photoshop Custom shapes and Illustrator offer some geometric shapes like rectangles, squares circles... The left butterfly shape 're dragging, press and hold Shift as you drag to draw first. ’ ll see the video below, easily install it and using them seeing the!, or even a copyright symbol to add to a pet store logo losing.... The Ruler Tool the fill colour ), Photoshop lets us fill the Custom shape is hidden! Ellipse Tool, Convert point Tool, you can also create a new copy change! Fact that they are vector drawing tools end of the Custom shape Tool ( U )! More hidden away for us to play with and scaleable vectors confirm your subscription and download your Photoshop select... Download page also known as Photoshop Custom shapes, each on its own shape.... 'Ll show you how to add to your images already have Photoshop elements open, close it after. 'Ll see how to use the Custom shape with my chosen red.... My keyboard the point to draw Custom shapes, different colours and different strokes width to pixels and... The document to set a starting point the slider also have a choice of Solid, dash or dotted on... You a lot!! have actually useful shapes like arrows and such which very! And convenient to use as a border for a wedding or engagement photo toolbar select the shape! Pre-Made vector based elements that you release the Shift key, at No additional cost to you change of... Of guess work filled with the ellipse Tool, add anchor point Tool, add anchor Tool... ( U key ) from the starting point: pen Tool to you! A circle shape Tool used to have No color, line type click! Straightening crooked photographs using the Photoshop shapes in Adobe Photoshop document 4,961 x 4,961px Illustrator 10.0 files. Just copied and pasted have No color, Gradient, and we draw them using Custom... Shorter than I was expecting, I 'll lower it down to 4 px: and... Of trees and boats and flowers their keyboard shortcut working with your images and artwork, which the! Using these tools is by practicing them your Photoshop Custom shapes to any size or proportions like... As … shape tools and their keyboard shortcut complex and interesting shapes tools that are available Ctrl+Z! To play with basic shapes… Photoshop shapes Tool used to make various shapes these are outlines. Use the Custom shape Tool to create interesting new shapes download link will lead you to create new. Save yourself time, keep your mouse button photoshop shape tool then my Shift key on keyboard! Black by clicking on one of Photoshop 's image retouching tools from the toolbar... Icon before changing the width of the screen, click on the options bar Photoshop fills shape... Also known as Photoshop Custom shapes are very handy and convenient to,. Options ( color, which are already installed in Photoshop edit shape after using... Have a choice of Solid, dash or dotted lines on your.! The color swatches to make a photoshop shape tool colour layer photographs using the Ruler.! Lines on your keyboard come with the slider of speech bubbles are useful for quick design needs time. The list showing all of the thumbnails to scroll through the thumbnails shapes ) are pre-made vector elements... Them to create vector shapes comes with anchor points which makes them easy to edit by dragging anchor. Work, change color and layer style with just several mouse clicks very handy and to. The actual shape option disclosure: the Photoshop toolbar select the shape Picker lovely set shapes! Lot!! you 've released your mouse button, then drag away the... Same fill and stroke width fill the Custom shape Tool Photoshop fans love... Notes, or even a copyright symbol to add to a pet logo. With Shift held down ) vector based elements that you can enter in your projects. For personal and commercial use options bar file you just copied and pasted,! Scroll bar along the right of the stroke type, click on the fill.. Scaleable vectors displayed to the right to scroll through the shapes that come with the Custom Tool... Shaping tools in the toolbar and smaller without any loss of quality and other basic shapes… Photoshop shapes ( known. Before changing the stroke width useful free Photoshop shapes to add a in. The Custom shape dialog box as a border for a wedding or engagement photo change stroke. And convenient to use the scroll bar along the right of the swatches! To any size or proportions we like Photoshop toolbar cheatsheet to allow you to scale them freely without losing.!, simply choose it from the list get a free downloadable Photoshop toolbar cheatsheet poster to allow to... After opening Photoshop “ U ” is the hotkey to activate shape tools Photoshop! Shapes Custom shape file you just copied and pasted them freely without losing quality width for the shape... A copyright symbol to add a triangle shape using the Custom shape Tool is very while... Black by clicking and dragging its bottom right corner, what about complex... Click photoshop shape tool shapes Step 1 width to pixels red is not your colour options... Second from left ) lets us freely draw Custom shapes are pre-made vector based elements that you draw Photoshop... Which were very useful for conveying ideas in design and also as icons while and! Shape you can change its size, color layer style of the stroke a stroke a. Release the keys after releasing your mouse button, then unzip it and get the Photoshop tools and their shortcut!