Trending December 2023 # Custom Shape Tool In Photoshop # Suggested January 2024 # Top 13 Popular

You are reading the article Custom Shape Tool In Photoshop updated in December 2023 on the website We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested January 2024 Custom Shape Tool In Photoshop

Introduction to Custom Shape Tool in Photoshop

Custom Shape Tool in Photoshop is pre-created vector artwork elements already installed in Photoshop software. These custom shapes are convenient to use; they significantly save time. Photoshop custom shape tool is beneficial while making any specific form of shapes/complex design. If you do not have a suitable brush, use predefined custom shapes present. These Custom shapes differ from brushes. You can smoothly scale the size of shapes from smaller to bigger and vice versa without compromising their resolution. This gives you more opportunity to explore the complexity of the designs.

Start Your Free Design Course

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

What is Photoshop?

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

How to Use Custom Shape in Photoshop?

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

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

In the control bar, a few settings need to be considered; 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 the select shape layers option from the control bar.

A Custom Selection of Shapes From 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 – The image shown above is the actual/previous image.

Step 2 – Create another document for the web.

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

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

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

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

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.

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


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 well and got detailed knowledge from the above information. It is easy to use. You can do a lot of new experiments by using this tool for 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 –

You're reading Custom Shape Tool In Photoshop

How To Crop Images Into A Shape In Photoshop

Cropping images to fit a particular shape is often a significant element in graphic design or photo editing. Photoshop, as the most widely used photo editing software, naturally gives photographers and designers an easy method to get the exact crop they need.

This is a really easy way to crop your image into a shape and even works for custom shapes as well. However, if you’re looking for a bit more detail, I outline this exact process step by step below, along with an alternative option that’s great for rectangular or circular crops instead.

How To Crop Images Into Any Shape Step 1: Open Your Image And Unlock The Background Layer

The image will appear in a new document.

The layer will become Layer 0.

Step 2: Select The Shape You’d Like To Crop The Image To

I’ll go with a triangle for this example — but don’t make the shape yet! First, you’ll need to change some settings in the Options bar.

Step 3: Set The Shape Type To Path

Once you’ve selected your shape, you need to change the shape type to a Path before making the shape itself. You’ll see a way to set the Shape Type in the Options bar.

This will allow you to turn the shape into a selection later on.

Step 4: Create Your Shape Path

If you’d like to make a shape with equal sides, such as a triangle, a circle, or a square, you can also hold the Shift key while dragging on the document.

Once you’ve made the shape, it will appear over an area of your image. Since it’s a path and not a shape layer, there will only be lines to indicate the path without any stroke or fill settings.

Step 5: Position The Path Over Your Image

Now, you’ll need to position your shape over the image correctly. Drag the toggles around the path until you have the outline over the part of the image you’d like to crop to fit inside the shape.

Remember that anything outside your shape won’t be part of the final product, so be sure to choose and position your shape accordingly.

Step 6: Turn Your Path Into A Selection

This will convert the shape to an active selection, and you’ll see the marching ants around your shape.

Step 7: Apply A Layer Mask To Your Image Step 8: Unlink The Mask And Image Layer To Refine The Crop

To make sure you’re able to move the image around within the shape, you’ll need to unlink the image and the mask.

From there, you just need to save your image as a PNG file to preserve the transparent background and complete the cropping effect.

How To Crop Images Into Circles With The Frame Tool

There is another fast and easy method to crop an image into a shape using the Frame Tool — but the only shapes you’ll have available are ellipses and rectangles. This method won’t work with any other shapes.

So, to crop your image into a circle or a rectangle, you’ll first need to have your photo open and ready to go in Photoshop.

You can also press the K key on your keyboard to immediately activate the Frame tool.

With the frame tool open, head to the Options bar and select which of the two frames you’d like to make — Ellipsis or Rectangle. I’ll create a circle frame for this example, so I’ll select Ellipsis.

Happy Editing!

Where Is Quick Shape Tool In Procreate (How To Use It)

Home » Tutorials » Where is Quick Shape Tool in Procreate and How to Use It

The Quick Shape tool on Procreate is activated when you draw a line or shape and hold it down. Once your shape is created, tap on the Edit Shape tab at the top of your canvas. Depending on what shape you created, you will be able to amend it here.

I’m Carolyn and I’ve been using this tool for over three years in my digital illustration business to create sharp, symmetrical shapes within a matter of seconds. This tool allows me to easily alternate between hand-drawn work and professional graphic design.

This tool really is a designer’s dream and it can elevate your work to another level. You do need some time to familiarize yourself with it and learn about all of its settings and functions to be able to make the most of it. Today, I’m going to show you how.

Where is the Quick Shape Tool in Procreate

This tool is a bit of a magic trick. You must create a shape in order for the Quick Shape toolbar to appear. When it does appear, it will be in the center of your canvas, up the top directly underneath the main settings banner on Procreate.

Depending on which shape you create, you will get a different selection to choose from. Below I have selected three common shape types that you may use, so you can see what kind of options will appear and where.


For any shape that is slightly abstract, not defined by sides, or open-ended, you will get the Polyline option. This allows you to take your original shape and redefine the lines to be clear and sharp, looking more mechanical than organic. 


When you draw a circular shape, you will have the option to morph your shape into a symmetrical circle, ellipse, or oval shape.


When you draw a three-sided shape like a triangle you will have three options. You can choose to morph your shape into a triangle, quadrilateral, or polyline shape.


When you draw a four-sided shape like a square or a rectangle, you will have four options to choose from. You can morph your shape into a rectangle, a quadrilateral, a square, or a polyline shape. 


When you draw one connected straight line, you will have the Line option. This creates a perfectly straight, mechanical line in the direction that you drew it.

How to Use the Quick Shape Tool

This tool is very easy and quick to use once you get the hang of it. Follow the step-by-step below to start experimenting with this tool until you get the shape you want. You can repeat this method as many times as needed.

Step 1: Using your finger or stylus, draw the outline of your desired shape. Once you have done this, continue to hold down on your shape until it flips to a symmetrical shape. This should take about 1-2 seconds. 

Note: Procreate will auto-recognize what shape you have created and it will appear at the top of your screen after you release your hold.

Step 2: Once you have completed step one, release your hold. Now a small tab will appear in the top center of your canvas that says Edit Shape. Tap on this.

Your shape options will now appear at the top of your canvas. You can tap on each shape option to see which one you wish to use. Once you have chosen, tap anywhere outside of your shape on the screen and it will close the Quick Shape tool.

Note: You can now use the ‘Transform’ tool (arrow icon) to move your shape around the canvas. You can also duplicate it, change the size, invert it or fill it if you wish.

Quick Tool Shortcut

If you’re looking for a quicker, simplified way of using this tool, look no further. There is a shortcut however, it doesn’t give you as much control or options over the outcome of your shape. But if you’re in a rush, try this method:

Step 1: Using your finger or stylus, draw the outline of your desired shape. Once you have done this, continue to hold down on your shape until it flips to a symmetrical shape. This should take about 1-2 seconds. 

Step 2: Keeping your hold, use your other finger to tap on the screen. Your shape will flip to a symmetrical version of the shape you created. Hold this down until you’re happy with the size.

Step 3: You must release your first finger before you release the hold of your second finger. If you don’t do this, your shape will revert to its original shape and you will lose the symmetrical shape that you chose. 

Helpful Notes About Quick Shape Tool

You cannot use this tool for organic shapes. It will automatically default to a Polyline shape. For example, if I draw a love heart shape and use the Quick Shape tool, it will not transform my love heart into a symmetrical shape. It will recognize the organic shape as a Polyline instead.

When you draw your shape and hold it down for 2 seconds to get your mechanical shape, you can adjust the size and angle of it by dragging it inwards or outwards on your canvas.

If you are looking for perfect symmetry, ensure you are closing your shape before using the Quick Shape tool. This means making sure that all lines are touching and connected and that there are no visible gaps in your outline shape.

Procreate has created a series of useful video tutorials on YouTube and I found the Quick Shape tool very helpful when I was learning. Here’s a good example: 


I have answered a small selection of your frequently asked questions about the Quick Shape tool below:

How to add shapes in Procreate Pocket?

Great news, Procreate Pocket users. You can use the exact same method above to create shapes in Procreate Pocket using the Quick Shape tool.

How to turn on quick shape in Procreate?

Simply follow step one listed above. Draw your shape and hold it down on your canvas. The Quick Shape toolbar will appear in the top center of your canvas.

How to edit shape after drawing in Procreate?

Once you have hand drawn your shape, hold down on your canvas to activate the Quick Shape tool. Once you have created your desired shape, you will be able to select it and edit it afterward. You will be able to edit the size, shape, position, and color of the shape.

How to turn off quick shape in Procreate?

Sometimes this tool can get in your way if it’s not what you’re looking for. You can temporarily disable this feature in your Preferences in Procreate. Ensure the toggle is switched off under the Quick Shape title in Gesture Controls.

How to undo quick shape in Procreate?


Personally, I adore the Quick Shape tool. I love having the option to create and manipulate perfect circles, rhomboids, and patterns. You can create some really awesome things with this tool and it’s incredibly useful for graphic design projects. 

Spend a few minutes on Procreate exploring this tool if you want to bring your expertise to the next level. This may even allow you to expand your skill set and open up some new opportunities for yourself and your artwork. 

How To Use The Move Tool In Photoshop (Complete Guide)

Where To Find The Move Tool In Photoshop

Just like all other tools in Photoshop, the Move Tool can be found in the toolbar. Unless you’ve customized your workspace, the toolbar can be found on your screen’s left edge.

The Move Tool is always easy to spot since it’s positioned at the top of the toolbar, represented by the four-way arrow.

What Is The Move Tool In Photoshop

Just as the name says, the Move Tool moves things around your canvas. Whether that be layers, text, or selections, this tool has you covered. It can also be used to align layers to your canvas or an active selection.

In a nutshell, the Move Tool can be used with the following:

Entire Layers: Whether it be smart objects or a regular layer, the Move Tool can select and reposition an entire layer at once.

Selections: Any selection can be repositioned with the Move Tool, but the selected layer behind the selection will come with it.

How To Use The Move Tool In Photoshop

Let’s go over the different ways you can start using the Move Tool more effectively in your workflow.

– Moving Layers With The Move Tool

Since just about anything can be moved with this tool, how can you make that happen?

First, you need to select a layer!

Fortunately, selecting a layer is easy. There are actually two different ways you can do it with the Move Tool.

To enable auto-select, check off the ‘auto-select’ option in your top settings bar while the Move Tool is active.

– Resizing Layers With The Move Tool

Besides moving a layer from point A to B, the Move Tool in Photoshop can scale your layers.

Before you can do this, you need to make sure the ‘Show Transform Controls’ option is selected. This option is found in your settings bar while the Move Tool is active.

With the transform controls selected, any selected layer will have a box around it with eight anchor points.

With transform box Without transform box

– Aligning Layers With The Move Tool In Photoshop

It’s all great and dandy that you can move and scale layers freely with the Move Tool in Photoshop, but what about specific alignments? Luckily you can align any layer you’d like to either a selection or your entire canvas!

Aligning Layers To Your Canvas

The easiest way to align a layer is to the canvas as a whole. This means that your layer will align itself according to the width and height of your entire image.

This will bring up additional alignment options that will likely be greyed out at first.

That is until you change the ‘Align To’ option to ‘Canvas’.

Now you can pick any of the alignment options to align your layer with.

Aligning Layers To A Selection

This time change the ‘Align To’ option to ‘Selection’.

Now your alignment options will align your layer according to the shape and size of the active selection.

The Move Tool Alignment Options Explained

With the alignment options found within the Move Tool in Photoshop, there are a few odd-looking icons. At first, these icons may look pretty foreign and hard to understand. To help make aligning layers easy, let’s break down each alignment option in Photoshop.

Horizontal Alignment Options

Align Right Edges: Matches up the right edge of your layer to the right edge or your canvas or selection.

Align Horizontal Centers: Positions the middle of your layer with the horizontal center of the canvas or selection.

Align Left Edges: Lines up the left edge of your layer with the left edge of your canvas or active selection.

Vertical Alignment Options

Align Top Edges: Aligns the top edge of your layer with the top edge of your canvas or selection.

Align Vertical Centers: Places the middle of your layer with the vertical center of your canvas or selection.

Align Bottom Edges: Lines up the bottom edge of your layer with the bottom edge of the canvas of selection.

Move Tool Shortcuts & Additional Tips

Now you have a handle on how to use the Move Tool in Photoshop. Let’s take it one step further with additional tips and shortcuts to help you make the most of this tool.

1. Toggling The Move Tool

The Move Tool in Photoshop is usually only used for a quick repositioning adjustment. So wouldn’t you say it’s a bit annoying to have to select the Move Tool, then a layer, then reposition?

Luckily there’s a way to toggle the Move Tool while using any other tool in Photoshop.

Just hold the Command (Mac) or Control (PC) key to quickly bring up the Move Tool. Now you can reposition a layer and go back to your adjustments with one simple shortcut!

2. Duplicate And Move Layers

If you need to duplicate a layer and reposition it simultaneously, there’s another easy shortcut for that.

4. Nudging Layers For Subtle Adjustments

Not every repositioning adjustment needs to be that noticeable. Maybe you just need your layer a few pixels over to the left. While using a mouse, these small adjustments are extremely challenging.

That’s where nudging comes in to save the day.

With any layer selected by the Move Tool, use the arrow keys to nudge your layer in any direction. This is an easy trick to really refine a layer’s positioning.

So that’s everything you need to know about how to use the Move Tool in Photoshop. There’s a lot more to this tool than what first meets the eye. Although some may dismiss the Move Tool as only good for one job, it has a variety of great uses. Best of all, it’s very intuitive once you learn the basics and is a simple tool for any beginner to master.

– Brendan 🙂

Pen Tool In After Effects

Introduction to Pen Tool

Pen tool usually we see in photoshop which helps us to create a path and select the characters. The pen tool is one of the great performance tools in after effects also; with the pen tool, we can draw a shape easily and create different masks; masks are used to merge the multilayers in after effects. With the help of the pen tool, we can draw shapes and create the path to animate; we can do animations, text animation, and shape animation with pen tool Now, let’s see some of the animations with the help of the pen tool.

Using Pen Tool in After Effects

First, we see how to draw a line with the pen tool and animate a line.

Start Your Free Design Course

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

Step 1: Create a New Composition.

Step 2: Create a Shape layer where we can draw the shape of the line and animate it.

Step 4: Select the Stock of color which you like; always select an attractive color because it gives beauty to the animation.

Step 5: Now here we go with the drawing, draw a shape of your wish with the help of a pen tool, draw a line like a curve’s no issues even you don’t get the correct shape because we have another option to correct the shape we can see that in the next step.

Every time we will not get a good drawing, however, we use the pen tool; while using the pen tool, in some places, we cant manage the curves and shapes; in such cases, we have an option to correct the shape and curves; let us see how

Step 6: Go to the shape layer, content, shape. Select the path as shown in the below image. Once we select the path, we can find the points in our drawing.

Step 7: Now, select the selection tool to adjust the points in the drawing; by adjusting that points, we can bring the shapes according to us to get good shapes.

Step 8: We can see the anchor points in the drawing now; we can select every point and adjust the drawing.

Step 9: By adjusting the points, we can get our shapes.

Step 10: In this step, I am going to explain very important and useful option Trim paths; let me tell something about the trim path; some of the users who use aftereffects rarely may don’t know about this because it hides under the shape submenu, this tool allows you to adjust the layer paths. We can do multi animations with this trim path like Map route, infographic, text stroke, text box, circle bursts.

Step 11: In this Trim path, there are two main options start and end.

Step 12: Now, change the values of start and end.

Step 13: Here, we change the values of start and end.

Step 15: At the starting point, increase the value of End to 20 now; we can find a small line.

Step 16: When we move from start to end position, we can see the animation of the line moving from starting to end like a snake.

Step 17: Here, we have the vector mode to edit the values to make our animation smoother.

In this process, we saw how a shape is animated with the help of a pen tool, here we draw a line with a pen tool; with the help of a path, we create a shape, and we use trim paths to animate that line by changing starting and ending points. Not the only shape we can animate a particle with the help of a pen tool.

Particle Animation with Pen Tool

Following are the steps of creating animation with the pen tool.

Step 1: Import any of the objects which you willing to animate; here, I am importing a ball.

Step 2: We can animate the object with keyframe animation by changing the start and end position; it’s a basic normal process anyone can do.

But if you need to do something different or creative animation, just go through the pen tool.

Step 3: Select the shape layer where we are going to draw a path for our animation.

Step 4: Select the pen tool to draw the shape.

Step 5: Now draw a shape according to our animation requirement, we have imported a ball object, so I draw a shape of up and down because I feel that the ball need to fall from up to down and jump step by step so I started the first point at the top and draw an up and down shape and ends at a corner where the ball needs to stop.

Here you can see how the shape is; in this shape, the ball is going to travel, you can find the first point out of the screen where the ball travels from out of the screen.

Step 6: For every object, there will be a centre point; in this process, we need to change the centre point to the bottom because we have an object ball; if the ball has a center point in the middle while touching the ground, its center point will meet the ground where it won’t look professional, so I changed the center point if we have any other object we can change the center point according to the requirement.

Step 7: Go to the Shape Layer, Contents, shape – Path 1 – Path. Select the path and copy, make sure both the path is selected while copying.

Now the ball is hidden because while applying the path copy to position to the ball, it moves in that path.

Step 9: By adjusting the key points in the timeline, we can manage the animation like fast starting and slow at the end.


In this process, we animate a ball using the pen tool; we draw a shape and create a path and copied the path from the shape layer and pasted in the object position by that the object follows the shape positions. By using this as a sample, we create many other animations. Like ways, we can animate any object by using the pen tool.

Recommended Articles

This is a guide to Pen Tool in After Effects. Here we discuss how to use Pen Tool in After Effects with practical examples. You can also go through our other related articles to learn more –

How To Make Logo In Photoshop?

Creating Logo in Photoshop

Photoshop, as its name indicates, is something related to ‘Photos’ manipulating work. Yes, it is image editor software. Although it is raster image editing software, we can also make logos in it. For creating a logo in this software, one should have good knowledge of the tools and commands of this software. Here in this article, I will tell you how to create a logo in Photoshop with a basic example for your better understanding. After some practice, you will be able to make a logo in this software with your own ideas. Let us get familiar with the interface of this software. The interface means the working area of any software; in the working area of this software, we have different types of sections that are Menu Bar, Property Bar, Tool Panel, Color section and most important is the Layer section because this software works on the principle of layers. We will use this layers section very much for making our logo design.

How to Make Logo in Photoshop?

Please find the below screen interface of Photoshop.

Start Your Free Design Course

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

A new layer dialog box will open. Set the width and height of the background layer according to your requirements.

Take color mode as RGB Color.

And set Background content as White. I am taking this setting for the brighter look of my logo.

The layer will be unlocked.

Now I will apply Gradient to this layer. Go to this icon at the bottom of the layer section.

A drop-down list will open; choose Gradient from here.

I will choose Black and White as a gradient. You can choose any one of them, which suits your logo.

Take the Radial option as the style of the gradient.

I want white in the center and black on the outer side of the document, so I will try tickmark to select Reverse.

Increase the scale parameter for a smooth spreading of a gradient in the outer direction.

This is our final gradient.

Now take a Text Tool from the Tool Panel.

Take the text font style according to your choices.

Next, I will set Bold Italics as style.

Next, set the size of the logo according to your requirement.

Now the text layer has become an image layer.

Take the Polygon tool from the tool panel.

Select the letter A for separating it from this layer.

Now two separate Layers of letter A and letter V will be generated.

Now name both the layers for our better understanding.

Now we will cut the letter A from the side to give it a logo look. Take a polygon tool and make a selection as I have done.

Press the Delete button on the keyboard to cut the selected area of the letter A.

Now press Ctrl+D on the keyboard to select the selected area of letter A.

Now come on to layer V.

A previous selection will be activated automatically for the V layer.

Now press the Ctrl+Shift+I button on the keyboard to reserve the selection because I want to cut the whole area of this layer around V.

Press the Delete key on the keyboard to delete the selected area.

Now use the Move Tool and move the letter V according to you to give a professional look to your logo.

Now take the circle tool.

Draw it according to the size of the logo.

Turn off the Fill option.

Take black color like color of the stroke and increase the thickness of the stroke according to you.

Choose the Rasterize option from the drop-down list.

Now select the Ellipse layer and layer A and drag them to the group layer icon, which is at the bottom of the layer section.

Layers will be grouped now.

Now I will take an image from My Folder by Drag and Drop method.

Adjust this layer according to layer 0.


After this article, you can find it very simple to create a logo in Photoshop. For making a logo in Photoshop, you must have a good command of the tools and some special features of this software, and then you can implement your ideas as a logo very easily in this software.

Recommended Articles

This is a guide on How to Make a Logo in Photoshop. Here we discuss creating a logo using Photoshop tools with a basic example for your better understanding. You can also go through our other related articles to learn more –

Update the detailed information about Custom Shape Tool In Photoshop on the website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!