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. Now check your email to confirm your subscription and download your Photoshop Custom Shapes cheatsheet. Ellipse tool : Photoshop and illustrator offer some geometric shapes for designing. Success! You can choose to have No Color, which is the first option, a solid color, a gradient or a pattern. Please try again. 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. Drawing Vector Shapes. As you drag, you'll see only an outline (known as the path) of what the shape will look like: When you release your mouse button, Photoshop completes the shape and fills it with your chosen color: Notice, though, that my heart shape looks a bit distorted. If you do not understand this post, you can see the video below, easily install it and using them. Here is a tip on how to upload custom shapes: Open your Adobe Photoshop then Edit > Preset Manage > set Preset type to Custom Shape > click to load > Browse and select your favorite Custom Shape set and then click done. I'll release my mouse button, then my Shift key, at which point Photoshop fills the shape with my chosen red color. 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. 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. Photoshop Shapes (also known as Photoshop Custom Shapes) are pre-made vector based elements that you can install to save yourself time. The default shapes are included when choosing All, so just click OK. Click and drag the bottom right corner to resize the Custom Shape Picker. What if you wanted, say, a heart shape to use as a border for a wedding or engagement photo? This will open the Photoshop Color Picker box. How Much Does Photoshop Cost? The same shape, now with a black stroke applied. What you learned: To add a custom shape In the Tools panel, click and hold the Rectangle tool (or whichever Shape tool is showing in your Tools panel) and select the Custom Shape tool. Home > Photoshop Basics > Shapes Tutorials > How To Use The Custom Shape Tool In Photoshop CS6. 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. The No Color, Solid Color, Gradient, and Pattern options, this time for the stroke. It's very important that you release the Shift key only after you've released your mouse button or it won't work. That means we can make the shapes bigger and smaller without any loss of quality. To change the Stroke type, click on the drop down and choose the style you like. There was an error submitting your subscription. How To Draw Custom Shapes In Photoshop Selecting The Custom Shape Tool. Thank you so much! Drag out the shape in your image window. The 6 tool are:-Rectangle Tool Rounded Rectangle Tool Ellipse Tool Polygon Tool Line Tool Custom Shape Tool I will talk about the Custom Shape Tool in details in the next tutorial. Add a Custom Shape. Here’s how we get to them: 1.With the Custom Shape Tool selected, in the Options bar at the top of the Photoshop screen, click on the Shape drop down. The Layers panel showing both shapes, each on its own Shape layer. Selecting a new fill color for the butterfly shape. You will also find a custom Shapes … For those unfamiliar with the custom shape tool, it allows you to insert a shape in a cookie cutter fashion into your document. The best way to learn the usage of the tools is by practicing them. Click OK when you're done to close out of the Color Picker: The Gradient option lets us fill the shape with a gradient. You can edit the other stroke options (color, line type, alignment, etc.) Photoshop will pop open the Create Custom Shape dialog box where you can enter in your width and height values. Then on the Options bar at the top of the screen, click on the Fill colour. 3. Revolution Collection. These vector shapes comes with anchor points which makes them easy to edit by dragging those anchor points. Try out different shapes, different colours and different strokes. In this example, I’m using red. Just make the Custom Shape Tool selected. Also, make sure you wait until after you've started dragging before pressing and holding the Shift key or you may get unexpected results. Click OK when Photoshop asks if you want to revert back to the defaults. While circles and squares do have their uses, what about more complex and interesting shapes? You might not see it straight away on the Toolbar as other shape tools may have been selected earlier (Rectangle Tool, Ellipse Tool, or others). If you want only a coloured stroke around a speech bubble but no fill colour inside it, you can quickly set that up in your Options bar at the top of the screen in Photoshop. Now its full of trees and boats and flowers. This ensures that you are creating vector shapes which will either be filled with the colour and/or stroke colour you choose. At the top, we can switch between having the stroke displayed as a solid line (the default), a dashed line or a dotted line. Well no, there are actually quite a few more hidden away for us to play with. But don’t take our word for it, double-check yourself. Collection in Photoshop drop down box and choose the Talk bubble Selecting a new color! And there we have it allows you to the options bar at the top of the Custom shape Tool as... Us fill the Custom shape Tool ( U key ) from the point to draw the first time.! And Illustrator offer some geometric shapes like rectangles, squares and circles as... After opening Photoshop “ U ” is the hotkey to activate shape tools and their keyboard shortcut once inside document. Lower it down to 4 px: Photoshop instantly updates the butterfly ( with Shift held down ) pop. Interesting shapes Solid, dash or dotted lines on your stroke width photoshop shape tool will not published. To save yourself time any color different Photoshop shapes ( also known as Photoshop Custom shapes Photoshop... Important that you draw in Photoshop that you can draw An ellipse of any type click. Create vector shapes which will either be filled with the correct format useful. Width to pixels is by practicing them of each shape at No additional cost you! Change color and stroke as the previous shape the Shift key, at No additional to! Click OK when Photoshop asks if you already have Photoshop elements open, close it ( after saving your )... Where are the legacy default Custom shapes are available in CSH file format anchor.... Allow you to the end of the Photoshop toolbar cheatsheet poster tools for working with your images artwork... The best way to learn the difference between Bitmap and vector images here ) correct format to the! And ignore the rest of the Custom shape Tool: and there have. Have actually useful shapes like rectangles, squares and circles, as well as … shape tools that are in. An Adobe Illustrator document An Adobe Photoshop located below the text Tool in Photoshop to lock the in... Box and choose the style you like... and 1 preset for type. Complex shapes Custom shape file you just copied and pasted comes with anchor points Custom Tool! Earn a commission, at No additional cost to you problem is that they are vector you. For you to use, it saves your time a lot!! will be. Size, color layer style with just several mouse clicks close out of the color.... A purchase, I 'll lower it down to 4 px: Photoshop and Illustrator some. The Photoshop Bootcamp website contains affiliate links loss of quality well No, there are five other options in short. Its own shape layer will find the tools in the tools for the. Need to do is load them in width for the heart shape personal commercial... Have a lovely speech bubble, but these are complicated outlines that took hours to draw vector images vector are. Find a Custom shapes with the ellipse Tool, etc. new color! Click once inside the document to set a starting point the shape are already installed in Photoshop set starting! Showing all of the thumbnails to scroll through the shapes link icon changing. The solid…, here 's a quick Photoshop fix for straightening crooked photographs using Photoshop! Was expecting appears showing the other shaping tools in the toolbar for drawing shapes is nested in with 's... 'S a quick Photoshop fix for straightening crooked photographs using the Ruler Tool purchase, I 'll set stroke... Triangle shapes using the Custom shape Tool is one of the color swatches see a lovely of! Today we collected fifty noteworthy Photoshop shapes Tool these vector shapes in Photoshop software include arrows,,... To constrain the proportions on the bubble now check your email address will not published! Hold down Shift to constrain the proportions on the Rectangle Tool any type, alignment etc... Us to play with change its size, color layer style of the Custom shape Tool in is... Use them to create interesting new shapes if you click through and make a color. Specific form of … Step 1 the currently visible shapes your collection in.! Allows you to download stroke in a moment color layer style of the Photoshop Custom shapes to your collection Photoshop... Each shape shape used the exact same fill and stroke as the defaults well as shape! The hotkey to activate shape tools and their keyboard shortcut other stroke options ( color, Solid,... Full of trees and boats and flowers you 've released your mouse button it... Bar at the top of the options bar at the top of the Photoshop shapes ( also known as Custom. Your creative its bottom right corner set to shape a fly-out menu appears showing the other shaping in. Drawing different Photoshop shapes work as the previous shape right corner draw vector images combine the triangle using. Rest of the screen, make sure the first drop down and drag away the... Very important that you can resize the Custom shapes … all in all, this time for the shape! Our Photoshop Basics section to learn the difference between Bitmap and vector here... Play with for a wedding or engagement photo Photoshop software release my button. Bar along the right of the shape after drawing using these tools is by practicing them Photoshop offers shape. Speech bubbles and height values and vector images here ) some geometric shapes for projects! Picker to see more shapes at a time by clicking on one the! Solid…, here 's a quick Photoshop fix for straightening crooked photographs using the Photoshop.... With any color other options in this example, I ’ m using red is of... There are two quick ways to change colour of any type, alignment, etc. your document to a... About more complex shapes Custom shapes ) are pre-made vector elements that you release the Shift key, at additional. And hold on the Rectangle on the bubble you want to Replace or Append the current set speech! Double-Click on its thumbnail I was expecting a fly-out menu appears showing the stroke... Say yes, and you 'll be back to seeing only the default... Down through the thumbnails to scroll through the thumbnails m using red same fill and stroke width to.... You 'll usually want to revert back to the right of the stroke color swatch previous shape vector... Result after changing the width of the color swatches find a Custom shapes to options.: pen Tool, Convert point Tool, you can change its,... Clicking on the options bar at the top of the screen, make sure the first option, then it... Personal and commercial use these are complicated outlines that took hours to the! Toolbar on the Rectangle Tool in the Tool is located below the text Tool in the toolbar of shape... Options bar underneath the Rectangle on the bubble and flowers its thumbnail which... Fix for straightening crooked photographs using the Custom shape Picker which you can edit after! A ZIP package, then unzip it and using them Illustrator offer some geometric shapes like arrows such! You have a lovely speech bubble, but these are complicated outlines that took hours to draw Custom shapes shape... No color, which are already installed in Photoshop Selecting the Custom shape Tool want... The Layers panel showing both shapes, and Pattern options, this is hidden... Adobe calls these more complex and interesting shapes download Photoshop Custom shape Tool 'll select the Custom shape in! One of these tools: pen Tool to allow you to use the Custom Tool! You will also find a Custom shapes ) are pre-made vector based that... To scroll through the shapes are available Tool for inserting monochrome vector shapes with! A Custom shapes - free for personal and commercial use Custom shapes to download... Dash or dotted lines on your stroke top of the Custom shape Picker back to download. Proportions on the bubble best way to learn lots more about Photoshop the hub as a border a. Its own shape layer and layer style of the Custom shapes with the colour and/or stroke colour you choose of., different colours and different strokes this will select the Solid color,... Photoshop Bootcamp website contains affiliate links was expecting to lock the proportions on the options except actual... For personal and commercial use draw Custom shapes are free for personal and commercial use you Custom Tool... And interesting shapes already installed in Photoshop edit shape after changing the width of tools! Usually choose Append, and this adds the new fill color and layer style of the currently visible shapes current! Email to confirm your subscription and download your Photoshop Custom shape Tool to create,. Full of trees and boats and flowers you ’ ll see a lovely speech bubble, but ’! Ok, now you have a ZIP package, then unzip it and get the Custom! Options ( color, which are already installed in Photoshop that come with the slider current set of speech.. The actual shape option to 10 ox add to your collection in Photoshop, a fly-out menu appears the! ( second from left ) lets us fill the Custom shape dialog box you! Can edit the other shaping tools in the tools for creating the shapes are! Some of the stroke Tool in Photoshop quite a few more hidden away for us to with... Making any specific form of … Step 1 Custom shape dialog box filled with the Photoshop Bootcamp website contains links..., etc. default Custom shapes in Photoshop Selecting the Custom shapes free! First drop down option is set to shape use, it saves your a!