{"id":1874,"date":"2013-09-06T12:48:59","date_gmt":"2013-09-06T12:48:59","guid":{"rendered":"http:\/\/www.wordpressintegration.com\/blog\/?p=1874"},"modified":"2023-09-19T11:56:07","modified_gmt":"2023-09-19T11:56:07","slug":"create-a-custom-shape-and-custom-brush-in-photoshop-cs6-in-20-minutes","status":"publish","type":"post","link":"https:\/\/www.wordpressintegration.com\/blog\/create-a-custom-shape-and-custom-brush-in-photoshop-cs6-in-20-minutes\/","title":{"rendered":"Create a Custom Shape and Custom Brush in Photoshop CS6 in 20 Minutes"},"content":{"rendered":"

If you are familier with Photoshop working tools, you would be aware of the default custom shapes and custom brushes that comes with it. However, many a times the default shapes and brushes may not suit to your requirements. But to overcome this kind of situations, you can create your own custom shapes and custom brushes, which you can also use in future projects. In addition to this, once you create a custom shape or custom brush for a particular element, you\u2019ll be able to save a lot of time as you won\u2019t need to create them again for the same element.<\/p>\n

Here is a tutorial through which you\u2019ll learn how to create a custom shape and custom brush in Photoshop CS6. So before you try to search and download shapes and brushes from the internet, won\u2019t it be a good idea to create them on your own.<\/p>\n

So let\u2019s get started!<\/p>\n

\"psd-to-wordpress-Wordpressintegration\"<\/a><\/p>\n

Create and Define a Custom Shape<\/strong><\/h2>\n

Custom Shapes play a very important role in Photoshop. Working with custom shapes can save your precious time, that you can utilize on other aspects of web design, development, marketing, etc. Once you\u2019ve created a custom shape, you can generate a new copy of that shape in any color, size, and also give it some unique style.<\/p>\n

In this tutorial, we\u2019ll be creating an Apple iPad Shape<\/strong>, and then define that iPad shape as a custom shape. So let\u2019s understand the entire process from the beginning till the end step-by-step.<\/p>\n

Step 1: Create a New Photoshop File<\/h2>\n

Create a new 2000 x 1500 pixels Photoshop file to design and define your custom shape. Now select the shape tool from the tool pallete, and change the \u201cShape<\/strong>\u201d parameter to \u201cPath<\/strong>\u201d parameter in the option bar provided just below the menu bar. Remember, this is the most crucial step for creating a custom shape, so don\u2019t miss that.<\/p>\n

\"photoshop-shape-tool\"<\/p>\n

Step 2: Draw a Rounded Rectangle<\/h2>\n

Now pick the \u2018rounded rectangle tool\u2019 from the \u201cshape tool\u201d and draw a rounded rectangle path.<\/p>\n

\"photoshop-rectangle-tool\"<\/p>\n

Step 3: Draw a Rectangle inside Rounded Rectangle<\/h2>\n

After that, select the \u2018rectangle tool\u2019 and draw a rectanglular path inside the path that we just created in the previous step.<\/p>\n

\"inside-rounded-rectangle-photoshop\"<\/p>\n

Step 4: Draw Home Button with Ellipse Tool<\/h2>\n

Now, take the center of the shape path (here, you can take the help of rulers\/guides) that we just created, and draw a circular home button on the lower part of the iPad shape path, by selecting the \u2018ellipse tool\u2019 from the shape tool, between rectangle and rounded rectangle.<\/p>\n

\"photoshop-ellipse-tool\"<\/p>\n

Step 5: Draw a Small Rectangle in the Center of the Home Button<\/h2>\n

After drawing the home button, select the rectangle tool and draw a small rectangle inside the home button of iPad.<\/p>\n

\"photoshop-tool-rectangle\"<\/p>\n

Step 6: Draw the Camera<\/h2>\n

Now using the ellipse tool, draw a small camera path in the center of the upper part of the iPad shape path, between the Rounded Rectangle and Rectangle. And, we are almost done!<\/p>\n

\"photoshop-draw-the-camera\"<\/p>\n

Step 7: Define Custom Shape<\/h2>\n

As you can see, we are done with the iPad shape path, we now need to define it as the custom shape. So go ahead and right click on the iPad shape path and select \u201cDefine Custom Shape\u201d. You can also find \u201cDefine Custom Shape\u201d inside the Edit <\/strong>option available in the Main Menu bar<\/strong>.<\/p>\n

\"photoshop-define-custom-shape\"<\/p>\n

Step 8: Name It Whatever You Want<\/h2>\n

After clicking on \u201cDefine Custom Shape\u201d, a window will popup, where you can name your custom shape as well as see its preview. Here, we have named it as an \u201cApple iPad\u201d, but you are free to keep it whatever you like.<\/p>\n

\"photoshop-Tutorial-Step8\"<\/p>\n

Step 9: Open a New File and Play with Your New Custom Shape<\/h2>\n

Now create a new Photoshop document and select the \u201cCustom Shape Tool\u201d located inside the shape tool. Then go into the \u201cShape Panel\u201d, where you’ll find your new custom shape. Select your iPad shape, and make an iPad of any size, color, and also add some layer style to make it look like a real iPad.<\/p>\n

A Quick Tip<\/strong>: Draw the shape while holding down the Shift key as it\u2019ll keep the shape in proportion.<\/p>\n

\"photoshop-new-custom-shape\"<\/p>\n

That\u2019s all about creating and defining new custom shapes.<\/p>\n

Create and Define a Custom Brush<\/strong><\/h2>\n

After learning how to create custom shapes, now let\u2019s move ahead, and learn how to create custom brushes in Photoshop CS6. By default Photoshop contains a lot of brushes, but sometimes none of the preset brushes offer what you exactly require.<\/p>\n

A lot of people think that it\u2019s very hard to create your own custom brush in PS, but the fact is entirely opposite to the notion. That\u2019s because, any image or other graphical element can be used to create a custom brush. Photoshop allows to save a custom brush in the \u201cBrush Presets\u201d section, which you can use whenever required.<\/p>\n

Now to make a custom brush, we\u2019ll create an Apple Logo and define it as our custom brush preset.<\/p>\n

Let\u2019s see how it\u2019s done.<\/p>\n

Step1: Create a New File and Set the Rulers<\/h2>\n

Create a new 1000 x 1000 pixels Photoshop document and set the vertical and horizontal rulers in the middle of it. Here, we have set the rulers at 500 px, both horizontally and vertically. By setting the rulers, you\u2019ll be able to recognize the center of the file and produce a better shape.<\/p>\n

\"photoshop-custom-brush-tutorial\"<\/p>\n

Step 2: Draw a Vertical Egg Shape with the Help of Ellipse Tool<\/h2>\n

After setting the rulers, select the \u2018ellipse tool\u2019 from the \u2018shape tools\u2019 and draw a vertical egg like shape at the center. Also remember that you can move your shape by pressing \u2018Shift + a\u2019 on your keyboard.<\/p>\n

\"Photoshop<\/p>\n

Step 3: Select \u201cWarp\u201d Option<\/h2>\n

Now select the egg like shape by pressing Ctrl + t (Windows) \/ Command + t (Mac), and right click on it and select the \u201cWarp<\/strong>\u201d option.<\/p>\n

\"photoshop-custom-brush-tutorial-Step3\"<\/p>\n

After selecting Warp, stretch the shape from its left and right sides of the upper part.<\/p>\n

\"Photoshop<\/p>\n

Step 4: Select \u201cPerspective\u201d Option<\/h2>\n

Again press Ctrl + t \/ Command + t. Right click on the shape and select \u201cPerspective\u201d option.<\/p>\n

\"photoshop-custom-brush-tutorial-perspective\"<\/p>\n

Now stretch the shape from the upper and lower sides.<\/p>\n

\"photoshop-custom-brush-tutorial-step5\"<\/p>\n

Step 5: Create a Duplicate Layer of Edited Shape<\/h2>\n

After stretching the shape, create a duplicate layer of it by going up the Layer Menu<\/strong> in the Menu Bar<\/strong> and choosing Duplicate Layer<\/strong>.<\/p>\n

\"photoshop-custom-Brush-Tutorial-Step5\"<\/p>\n

Then move that duplicate layer to the right to form an apple like shape.<\/p>\n

\"photoshop-custom-brush-tutorial-duplicate-layer\"<\/p>\n

Step 6: Disable Background Layer Visibility and Merge Both Shapes<\/h2>\n

After getting an apple like shape, disable the background layer visibility.<\/p>\n

\"photoshop-disable-background-layer\"<\/p>\n

After that, select both original and duplicate layer in the layer pallete by pressing Ctrl or Command key. Right click and choose \u201cMerge Layer\u201d option. It\u2019ll combine both images into a single image.<\/p>\n

\"photoshop-custom-brush-tutorial-Step6\"<\/p>\n

Step 7: Select \u201cPerspective\u201d Option<\/h2>\n

After merging both the shapes into one, enable background layer visibility. Right click on the new shape and select \u201cPerspective<\/strong>\u201d.<\/p>\n

\"photoshop-perspective-option\"<\/p>\n

And elongate its shape from the upper and lower sides to get an apple shape as shown in the screenshot given below.<\/p>\n

\"photoshop-custom-brush-tutorial-step7\"<\/p>\n

Step 8: Draw a Leaf Shape<\/h2>\n

Create a small leaf shape with the help of ellipse tool, just above the upper side of the apple shape.<\/p>\n

\"photoshop-draw-a-leaf-shape\"<\/p>\n

And rotate the leaf shape to the right side, as shown below in the screenshot.<\/p>\n

\"photoshop-custom-brush-tutorial-step8\"<\/p>\n

Step 9: Cut the Apple Shape from its Right Side<\/h2>\n

Now use the \u201cElliptical Marquee Tool<\/strong>\u201d on the right side of the apple shape as displayed in the screenshot given below:<\/p>\n

\"photoshop-custom-brush-tutorial-apple-shape\"<\/p>\n

And then fill the elliptical marquee with white color, using the paint tool. Doing this will make the apple shape look like as if it has been cut from that side.<\/p>\n

\"photoshop-custom-brush-tutorial-step9\"<\/p>\n

Congrats! You\u2019ve just made your \u201cApple Logo<\/strong>\u201d<\/p>\n

\"Photoshop-Apple-Logo-Tutorial-Step9\"<\/p>\n

Step 10: Define Custom Brush<\/h2>\n

Now go to edit menu and select the \u201cDefine Brush Preset<\/strong>\u201d option.<\/p>\n

\"photoshop-tutorial-define-brush-preset\"<\/p>\n

Photoshop will popup a dialog box asking you to name your new brush. It\u2019ll also show you a preview of how your brush will look and the default pixel size of the brush.<\/p>\n

\"Photoshop<\/p>\n

Step 11: Play With Your New Custom Brush!<\/h2>\n

Finally, you can find your new brush inside the brush presents by going up the Window Menu<\/strong> in the Menu Bar<\/strong>.<\/p>\n

\"Photoshop<\/p>\n

And there we have it!<\/p>\n

\"Photoshop<\/p>\n

So, these are the basics of creating your own custom shapes and brushes. No doubt, these are huge time savers!<\/p>\n

Hope you\u2019ll enjoy while creating your own custom shapes and brushes. If you have any suggestion, query or any other tips related to creating custom shapes and brushes, you can leave them in the comment section given below.<\/p>\n","protected":false},"excerpt":{"rendered":"

If you are familier with Photoshop working tools, you would be aware of the default custom shapes and custom brushes that comes with…<\/p>\n","protected":false},"author":14,"featured_media":1908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[234],"tags":[551,552,553,550],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/1874"}],"collection":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/comments?post=1874"}],"version-history":[{"count":3,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/1874\/revisions"}],"predecessor-version":[{"id":5871,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/posts\/1874\/revisions\/5871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/media\/1908"}],"wp:attachment":[{"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/media?parent=1874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/categories?post=1874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wordpressintegration.com\/blog\/wp-json\/wp\/v2\/tags?post=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}