How to use Updated Frame Tool in Photoshop

Using the Frame Tool with Custom shapes in Photoshop

The shape tool is a box you create, where you can drag in images and have them clip to the shape. I previously made  this in depth tutorial on the Shape tool that has a lot of tips. Among other things, the frame tool is great for making templates.

Originally the frame tool had 2 shapes: rectangles and ovals. Now it has a triangle and custom shape. Lets see how it works and then Ill share some tips to extend its usage. (Don’t forget to watch the video that has step by steps as well as additional tips).

Choose the frame tool from the toolbar. This is in the main shipping version of Photoshop.

Notice the shapes in the options. To demonstrate how it works, grab the triangle.

A you drag with the frame tool a box will be created. Once you mouse up you will see the triangle. You won’t see the shape while you are drawing the box.

The floating toolbar will have 2 options. Generate Image and Import Image.  Let’s import for this example. (You can also drag the image into the shape from the canvas, or drag it out of the frame.)

You will see an image within. You can transform the fill and reposition it.

If you transform the frame, the image stays independent.

Using custom shape with the frame tool

This time, choose the custom shape tool.

Select a shape.

Notice I have extra shapes. These can be loaded by opening the Shapes panel; Library>Shapes. Choose the top right menu and select Legacy shapes and more

Drag out and arrow shape. Just to show the other option, I clicked Generate image.

Make a basic prompt, like arrows.

And you can see the result.

Here is another example, using and animal shape. This is shown in the video.

Creating Custom Shapes

The real power of this is in creating your own shapes. Ill show you 2 ways.
The first way is to make a path using the pen tool. 

Choose edit>Define Custom Shape

You see a box pop up where you can name the shape.

The shape will be added to bottom of the shapes menu. Use it like the other shapes previously.
Add images to this shape.

How to easily make a complex custom shape in Photoshop.

Let’s look at a more complex shape. Even you you don’t use frames, this will be a useful mini tut for you.
Open a picture and choose the Object selection tool. Click Select subject.

You’ll see a selection around the subject.

In the Paths Panel, Choose Make Work Path from the top right hamburger menu.

The default tolerance of 2.0 is fine. Click ok.

You will see you now have a path

As before, choose Edit> Define Custom Shape

Add images to the shape. TIP: To constrain the proportions, hold down Shift as you drag out the frame.

Adding Layers styles and Drop shadows

If you try to add a drop shadow or layer style, notice it doesn’t work. Let’s fix that.

There are 2 ways. The easiest way is to select the layer with the shape and Press Ctrl/Cmd+ G to put it in a group. Now you can add the layers styles to the group.

The 2nd way is to right-click on the mask and choose Merge Group.

You can now apply a drop shadow.

I hope you found this week’s tutorial useful!

Great to see you here at the cafe

Follow along for more tips

Keep growing with Premium Courses

Photoshop 2026 for Digital Photographers

Learn Photoshop properly, from the basics to pro retouching, step by step.

$129.00 · one-time purchase · instant download

View the course See all courses

Free for you

The Photoshop Vault

Get my free Layer Blending Modes ebook along with dozens of exclusive Photoshop goodies: actions, brushes, presets and cheat sheets.

You're on the list, so your free goodies are waiting for you in the Vault.

Get Free Photoshop Goodies Open the Vault

New Adjust Colors in Photoshop, easily change colors the new way

New Adjust Color in Photoshop makes it easy to change colors and to make certain colors pop in a photo Read tutorial →

How to Make custom gradients in Photoshop. Gradient tool Crash Course.

I'm going to show you how to use the gradient tool in Photoshop. Gradient tool basics, making custom gradients, how to use... Read tutorial →

Easily make a 3D can in Photoshop tutorial

Learn how to easily create 3D shapes in Photoshop, make a can and apply a custom label to it. Make a 3D... Read tutorial →

Photorealistic Interface – Part 3, creating the Liquid Crystal Display – Photoshop Tutorial

One of the most popular features here at photoshopcafe is the “Super Tutorials”.In Super Tutorial #3 This will be a 4-part tutorial... Read tutorial →

Make a James Bond gun barrel in Photoshop

In this week's tutorial, I'm going to show you how to make a James Bond gun barrel in Photoshop. You know, the... Read tutorial →

Photoshop Flux Kontext Pro vs Nana Banana: Full Comparison

Differences between Flux Kontext Pro and Nana Banana in Photoshop, which is better? Read tutorial →