EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Custom Shape Tool in Photoshop

Home » Design » Design Tutorials » Photoshop Tutorial » Custom Shape Tool in Photoshop

Custom Shape Tool in Photoshop

Introduction of Custom Shape Tool in Photoshop

Custom Shape Tool in Photoshop is pre-created vector artwork elements, which are already installed in Photoshop software. These custom shapes are very handy and convenient to use, it saves your time a lot !!. Photoshop custom shape tool is very helpful while making any specific form of shapes/complex design. Just in case if you do not have a suitable brush, then you can use predefined custom shapes present. These Custom shapes differ from brushes. You can smoothly scale the size of shapes smaller to bigger vice versa, without compromising its resolution. This gives you more opportunity to explore the complexity of the designs.

Introduction to Photoshop

Photoshop is widely used by many professional photographers, editors, and designers for various tasks like retouching or editing and manipulating. Along with these, Photoshop also does color correction, photo restoration, clipping path, damage expert of old photographs and this task looks minor in changes but it has a major impact for editing/designing.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

These features provided by Photoshop are lifesavers, as it takes very less time to do and works super efficiently for those who are editing loads of photographs in a day.

Tools provided by photoshop software is convenient and befitted for various graphic design programs, and that is the reason Photoshop has become very popular and is being used as a prevalent editing program by everyone in a professional and personal level, who would like to pursue this as a profession or hobby.

How to Use Custom Shape in Photoshop?

Let’s take a look at the custom shapes available in Photoshop:

Let’s see how to select a custom shape tool. In the toolbox, rectangle shape is available if you drag the cursor you can find various shape tools are looped beneath it.

Drag down over the rectangle shape, you can select whichever tool you would like to use. In the control bar, you would see different settings of shapes. If you click on the little arrow pointing downwards, you can see the full pallet of shapes. You can make your own custom built shapes for your personal use/project.

Popular Course in this category
Photoshop Training (9 Courses, 12+ Projects)9 Online Courses | 12 Hands-on Projects | 78+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (7,079 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

In the control bar, few settings need to be taken into consideration, Photoshop allows us to draw three different kinds of shapes. 1) vector shape 2) Path outline of shape 3) Pixel based shape, where Photoshop will fill color to it.

In most cases, vector artwork will prefer for that select shape layers option from the control bar.

custom shape -1

custom shape -2

A Custom Selection of Shapes From ToolBox

Shapes toolbox

Custom Shapes in Photoshop for Creative Application

Step by step guide on how to start using Custom shapes in Photoshop for creative application.

Step 1 – Image is shown above is the actual/previous image.

Step 2 – Create another document for the web.

Step 3 – Select the custom shape which you would like to proceed for your creative artwork.

custom shape -5

Step 4 – Click on the selection of custom shape, which you would like to proceed.

Here I selected a butterfly custom shape with fill black color no stroke.

Step 5 – Drag an image that you would like to place in the custom shape of your choice.

custom shape -7

Now we are going to place this image in our butterfly custom shape.

custom shape -8

In the Layer panel, we can see three layers topmost is our image which we are going to use after that is our custom shape and the bottom layer is the background layer.

 Layer panel

In this step, we are going to make a clipping mask to our topmost layer, which is the city landscape Image. Forget this Layer-Clipping Mask, Once we hit the clipping mask command we will get a result something like shown below:

Layer-Clipping Mask

But now our landscape image cannot see properly through the custom shape, to fix this Edit- FreeTansform-adjust the image by hitting the handles you can adjust the view of your image, once you are happy with the clipped mask Hit Enter.

clipped mask

This is our end result after using the clipping mask to a custom shape.

In this last step, we changed the background color of our base layer. By double-clicking, it unlocks the background layer and fills color into the layer with your preference. If you wish you can select the color from the image also by Eyedropper tool.

I used the Eyedropper tool, by clicking on the image and selected purple color.

Eyedropper tool

Conclusion

Photoshop has become one of the popular software in the graphics industry. Its applications in the designing world are outstanding, that is the reason it is loaded with powerful features for designing or editing any images or photographs. I hope you understood the custom shape tool very well and get detailed knowledge from the above information, it is easy to use and you can do a lot of new experiments by using this tool for the different creative graphic artwork.

Recommended Articles

This has been a guide to Custom Shape Tool in Photoshop. Here we discuss how to use Custom Shape Tool in Photoshop and the steps to custom an image. You can also go through our other suggested articles to learn more –

  1. What are 2D and 3D Shapes?
  2. Transform Tool Photoshop
  3. Tutorials on Adobe Illustrator Tools
  4. Shape Layers in After Effects

Photoshop Training (9 Courses, 12+ Projects)

9 Online Courses

12 Hands-on Projects

78+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

1 Shares
Share
Tweet
Share
Primary Sidebar
Photoshop Tutorial
  • Tools
    • Adobe Photoshop Tools
    • Clone Stamp Tool in Photoshop
    • Eraser Tool in Photoshop
    • Selection Tool in Photoshop
    • Blur Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Move Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Patch Tool in Photoshop
    • Pencil Tool in Photoshop
    • Line Tool in Photoshop
    • Color Replacement Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Burn Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Quick Selection Tool in Photoshop
    • Red Eye Tool in Photoshop
    • Ruler Tool in Photoshop
    • Sharpen Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Lasso Tool in Photoshop
    • Adobe Photoshop Elements tools
    • Photoshop Mixer Brush Tool
    • Watercolor Brushes in Photoshop
    • Artboard in Photoshop
    • Crop Tool in Photoshop
    • Healing Brush Tool in Photoshop
    • Transform Tool Photoshop
  • Basic
    • Introduction to Photoshop
    • What is Photoshop
    • Career in Photoshop
    • Install Adobe Photoshop
    • Plugins in Photoshop
    • Photoshop Versions
    • Uses Of Photoshop
    • Adobe Photoshop Shortcut Keys
    • Adobe Photoshop Commands
    • Adobe Photoshop
    • Is Photoshop Free
    • Top 10 Features in Adobe Photoshop
    • Layers in Photoshop
    • 10 Free UI Kits For to Download
    • Smart Objects in Photoshop
  • Effects
    • Text Effects in Photoshop
    • Metal Text Effect in Photoshop
    • Reflection Effect in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Motion Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Plastic Effect in Photoshop
    • Rain Effect in Photoshop
    • Gold Text Effect in Photoshop
    • 3D Text in Photoshop
    • 3D Text Effect in Photoshop
    • Clipping Mask in Photoshop
    • Fill Color in Photoshop
    • Delete Background in Photoshop
    • Transparent Text in Photoshop
    • Make Logo in Photoshop
    • Blend Images in Photoshop
    • Website Layout in Photoshop
    • Change Hair Color in Photoshop
    • Change Color in Photoshop
    • Highlight Text in Photoshop
    • Change Text Color in Photoshop
    • Change Shirt Color in Photoshop
    • Filters in Photoshop
    • Portrait Effect in Photoshop
    • Fire Effect in Photoshop
    • Ice Effect in Photoshop
    • Metallic Effect Photoshop
    • Photoshop Font Effects
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • Shiny Effect Photoshop
    • Morphing in Photoshop
    • Dispersion Effect in Photoshop
    • Photoshop Distort Effect
    • Typography in Photoshop
    • Photoshop Cinemagraph
    • Glitch Effect in Photoshop
    • Photoshop Straighten Image
    • Stamp Effect in Photoshop
    • Warp Image Photoshop
    • Fix Perspective in Photoshop
    • Vanishing Point in Photoshop
    • Fisheye Effect in Photoshop
    • Distortion Effect Photoshop
    • Resize Object in Photoshop
    • How to Paint in Photoshop?
    • How to Print in Photoshop?
    • Perspective Correction in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Night Effect in Photoshop
    • What is Masking
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Vaporwave Photoshop
    • Vintage Effect Photoshop
    • Photoshop hologram effect
    • Templates in Photoshop
    • MP4 to GIF Photoshop
    • Photoshop Cheat Sheet
  • Interview Questions
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More