How to Add a Frame in Photoshop (The Easy Way) (2024)

The Frame tool in Photoshop makes it ridiculously easy to add frames to your project. While you can accomplish a similar feat with layer masks, smart objects, etc, the Frame tool makes it 10x faster.

Hey-oh! This is Cara again. If you’ve read some of my other tutorials here on Photoshop Buzz, you may already know that I hate to waste time. That’s what makes the frame tool so awesome! It’s one of those shortcut tools that makes a project super easy.

There are different effects you can make with the frame tool, you can make a frame to place an image, add a frame to an image, and even make a frame from a shape.

Let me show you what I mean!

Note: the screenshots below are taken from Photoshop CC for Windows, Mac or other versions can look slightly different.

Table of Contents

  • Make a Frame to Place an Image
    • Step 1: Select the Frame Tool
    • Step 2: Place the Second Image
  • Add a Frame to an Image
    • Make Adjustments
  • Add a Fill Layer
  • Make a Frame from a Shape

Make a Frame to Place an Image

Let’s start with a circular frame. I got this image from Pexels.com. Let’s say we want to replace the scene through this circular window with a different image.

How to Add a Frame in Photoshop (The Easy Way) (1)

You could go the long route with layers, masks, and painstaking steps. Or you could simply drop a frame on the image and have it done for you.

Step 1: Select the Frame Tool

Choose the Frame tool from the toolbar on the left.

How to Add a Frame in Photoshop (The Easy Way) (2)

In the Options bar, you can choose two framing options, circle or rectangle. You can create any type of ellipse (circle, oval) with the circle option and any type of rectangle with the rectangular one. Let’s pick the circle one for this image.

How to Add a Frame in Photoshop (The Easy Way) (3)

Click and drag over the image to place the frame where you want it. Hold Shift to constrain the frame to an exact circle.

How to Add a Frame in Photoshop (The Easy Way) (4)

Don’t worry about placing it perfectly the first time. You can grab the handles to adjust the frame later.

How to Add a Frame in Photoshop (The Easy Way) (5)

Step 2: Place the Second Image

Now we’re going to drop this “Martian landscape” image into the frame, also provided by Pexels.com.

How to Add a Frame in Photoshop (The Easy Way) (6)

Go to File and choose Place Embedded.

How to Add a Frame in Photoshop (The Easy Way) (7)

Navigate to the image you want to use on your computer or from another program like Lightroom. Choose the image and click Place.

Photoshop will drop the image inside your frame, easy peasy!

How to Add a Frame in Photoshop (The Easy Way) (8)

Notice over in the Layers panel that the image is automatically placed as a smart object.

How to Add a Frame in Photoshop (The Easy Way) (9)

Plus, it is automatically constrained to the inside of the frame. Thus, you can drag the image around to reposition it as you please.

You can also press Ctrl + T or Command + T on the keyboard to resize the image as needed.

How to Add a Frame in Photoshop (The Easy Way) (10)

Pretty simple, right? The same technique can be applied with the rectangle option to make rectangular frames and fill them with images.

Now let’s look at what else you can do with the Frame tool!

Add a Frame to an Image

Let’s drop a frame directly on top of the image we want to frame. This is also really simple to do.

Select the Frame tool from the toolbar or press K on the keyboard.

How to Add a Frame in Photoshop (The Easy Way) (11)

Let’s choose the square orientation this time.

How to Add a Frame in Photoshop (The Easy Way) (12)

This next step is very important, don’t miss it or you’ll be scratching your head wondering why it’s not working. If you’re working on a background layer, unlock the layer by clicking the padlock icon on the right side of the layer.

How to Add a Frame in Photoshop (The Easy Way) (13)

Then, click and drag out your frame where you want it. It doesn’t have to be perfect on the first go. You’re able to adjust the size and positioning later.

How to Add a Frame in Photoshop (The Easy Way) (14)

Notice how the image is turned into a smart object? Because of this, you can easily replace the contents of the frame with another image. A new frame icon also appears to the left of the image thumbnail on the same layer.

How to Add a Frame in Photoshop (The Easy Way) (15)

Make Adjustments

Select the image thumbnail as seen in the above screenshot to resize or adjust the position of the image inside the frame.

How to Add a Frame in Photoshop (The Easy Way) (16)

Hold Shift while clicking to select both the frame and the image.

How to Add a Frame in Photoshop (The Easy Way) (17)

This allows you to move the whole image and frame to a new position on the canvas.

How to Add a Frame in Photoshop (The Easy Way) (18)

Finally, with only the frame thumbnail selected, click directly on the frame to resize the frame around the image.

How to Add a Frame in Photoshop (The Easy Way) (19)

Add a Fill Layer

To fill in around the image, simply add a solid color fill layer. Click the half-filled circle icon at the bottom of the Layers panel and pick Solid Color.

How to Add a Frame in Photoshop (The Easy Way) (20)

Choose whatever color you want from the color picker and hit OK. Then, drag the solid color layer under the frame and image layer. Adjust your canvas size as needed.

How to Add a Frame in Photoshop (The Easy Way) (21)

Voila!

How to Add a Frame in Photoshop (The Easy Way) (22)

Make a Frame from a Shape

This just keeps getting better! You are not limited to elliptical or rectangular shapes to make frames. You can place whatever shape you want on the canvas and create a frame from it.

Check this out.

Open a new document and pick the Custom Shape tool from the toolbar.

How to Add a Frame in Photoshop (The Easy Way) (23)

Choose a shape from the Options bar and place it on the canvas. Remember to hold Shift to maintain the aspect ratio of the shape as you drag.

How to Add a Frame in Photoshop (The Easy Way) (24)

Now, go to Layer in the menu bar, hover over New, and choose Convert to Frame.

How to Add a Frame in Photoshop (The Easy Way) (25)

In the box that opens, name your frame and press OK.

How to Add a Frame in Photoshop (The Easy Way) (26)

Drop an image into the frame with the Place Embedded command as we did earlier.

How to Add a Frame in Photoshop (The Easy Way) (27)

Awesomeness!

Ready to learn more amazing tricks in Photoshop? Check out how to fill a shape with color in this tutorial!

About Cara Koch

Cara fell in love with photography circa 2014 and has been exploring all corners of the imagery world ever since. When she felt limited by Lightroom, she dove headfirst into Photoshop to learn how to create the images she wanted.

How to Add a Frame in Photoshop (The Easy Way) (2024)
Top Articles
Where To Find The Latest Mikayla Campinos Leaks: A Comprehensive Guide
Gran Turismo 7 Controller Settings Guide for PS5: Beginners Tips
Haul auf deutsch: Was ist das? Übersetzung, Bedeutung, Erklärung - Bedeutung Online
Ray Romano Made a Movie for Sports Parents Everywhere
Clothes Mentor Overland Park Photos
404-459-1280
15:30 Est
SSD an SATA Anschluss bei Futro S920
50 Cent – Baby By Me (feat. Ne-Yo) ఆంగ్ల లిరిక్స్ & రంగుల అనేక. అనువాదాలు - lyrics | çevirce
Ms Ortencia Alcantara Instagram
Umass Medhub
How to Perform Subdomain Enumeration: Top 10 Tools
Whmi.com News
The Blind Showtimes Near Merchants Walk Cinemas
Steven Batash Md Pc Photos
Ticket To Paradise Showtimes Near Laemmle Newhall
Megan Thee Stallion, Torrey Craig Seemingly Confirm Relationship With First Public Outing
Summoners War Update Notes
Armslist Dayton
Brianna Aerial Forum
The Courier from Waterloo, Iowa
Dabs Utah State Liquor Store #09 - Murray
Dcuo Exalted Style
SIM Cards, Phone Cards & SIM Cards, Cell Phones & Accessories
Suttermedicalfoundation.org/Urgent Care
R Toronto Blue Jays
Hyvee Workday
Oscillates Like A Ship
Gw2 Blue Prophet Shard
Dollar General Cbl Answers Shrink Awareness
Two Brothers Pizza Middletown Pa
Alexandria Van Starrenburg
Pervmom Noodle
Meet Kristine Saryan, Scott Patterson’s Wife
Charles Bengry Commerce Ca
Stellaris Resolution
Windows 10 Defender Dateien und Ordner per Rechtsklick prüfen
454 Cubic Inches To Litres
Arsenal’s Auston Trusty: Inspired by Ronaldinho, World Cup dreams and Birmingham loan
CNA Classes & Certification | How to Become a CNA | Red Cross
Make An Appointment Att
Us Catholic Bishops Daily Readings Audio
Cashflow Manager Avid
Fedex Express Location Near Me
Nz Herald Obituary Notices
Papajohnxx
Craigslist Cars For Sale By Owner Memphis Tn
Download fallout 3 mods pc.10 essential Fallout 3 mods - Modutech
Dungeon Family Strain Leafly
Senna Build Guides :: League of Legends Strategy Builds, Runes, Items, and Abilities :: Patch 14.18
Amanda Balionis Renner Talks Favorite Masters Interviews, the Evolution of Golf Twitter, and Netflix’s ‘Full Swing’
Backrooms Level 478
Latest Posts
Article information

Author: Manual Maggio

Last Updated:

Views: 5734

Rating: 4.9 / 5 (69 voted)

Reviews: 84% of readers found this page helpful

Author information

Name: Manual Maggio

Birthday: 1998-01-20

Address: 359 Kelvin Stream, Lake Eldonview, MT 33517-1242

Phone: +577037762465

Job: Product Hospitality Supervisor

Hobby: Gardening, Web surfing, Video gaming, Amateur radio, Flag Football, Reading, Table tennis

Introduction: My name is Manual Maggio, I am a thankful, tender, adventurous, delightful, fantastic, proud, graceful person who loves writing and wants to share my knowledge and understanding with you.