The Frame Tool, a new feature in Photoshop CC 2019, makes it easy to place images into shapes! Learn how to draw shapes with the Frame Tool, how to place images into your shapes, how to instantly swap images with other images, and more!
Download 74,339 frame shapes free vectors. Choose from over a million free vectors, clipart graphics, vector art images, design templates, and illustrations created by artists worldwide! Photoshop custom shapes provide an easier way to work on a design than creating this kind of Photoshop shapes at that moment, thus you are saving some important time. Although, it is recommended to sacrifice the time in order to get a certain quality, sometimes time is considered a luxury and you have to use a Photoshop custom shape.
PHOTOSHOP CUSTOM SHAPES TO DOWNLOAD FREE I. Frames and Borders Photoshop Custom Shapes. 01-Round Floral Frames A set of custom shapes called round floral frames. These shapes are great for framing your photos, images or texts. In this set, you have 32 designs to choose from 02- 32 Free Square Floral Frames. Download 74,339 frame shapes free vectors. Choose from over a million free vectors, clipart graphics, vector art images, design templates, and illustrations created by artists worldwide!
Photoshop CC 2019 introduces a brand new tool to Photoshop's Toolbar known as the Frame Tool. The Frame Tool is designed to make placing images into shapes both simple and intuitive, especially for users who are new to Photoshop. It's great for designing layouts, and in fact, if you've used a page layout program like Adobe InDesign, then you're already familiar with how the Frame Tool works. You just drag out a frame where you want to place an image on the page (or in this case, in your Photoshop document), and then drag your image into the frame!
To be fair, Photoshop's new Frame Tool is not necessarily the best way to work. That's because anything you can do with the Frame Tool can also be done using Photoshop's more flexible clipping masks. But the Frame Tool is easier, especially if you're new to Photoshop. And, the Frame Tool takes full advantage of Photoshop's powerful smart objects. So even if you're a more experienced Photoshop user, the Frame Tool still has something to offer. Let's see how it works.
To follow along, you'll need Photoshop CC. And if you're already an Adobe Creative Cloud subscriber, make sure that your copy of Photoshop CC is up to date. Let's get started!
How to use the Frame Tool in Photoshop CC 2019
Using the new Frame Tool in Photoshop CC 2019 to place images into shapes is easy. We just select the Frame Tool, draw a frame, drag an image into the frame, and then move or resize the image inside the frame. You can add a stroke around the frame to help with your design, and even swap the existing image with a new image just by dragging and dropping the new image into the frame.
To show you how it works, I've gone ahead and created a new document:
A new document in Photoshop CC 2019.
Step 1: Select the Frame Tool
Photoshop's new Frame Tool is found in the Toolbar. It's the tool that looks like a box with an X through it. Click on it to select it. You can also select the Frame Tool from your keyboard by pressing the letter K:
Step 2: Choose a shape for your frame from the Options Bar
With the Frame Tool selected, choose a shape for your frame from the Options Bar. By default, you'll draw a rectangular frame, but you can also draw elliptical frames. Select the shape you need by clicking on its icon. I'll stick with the rectangular shape for now:
Choose a shape (rectangular or elliptical) for the frame.
Step 3: Draw a frame where you want to place an image
Then, drag out a frame where you want to place an image inside your document:
Using modifier keys with the Frame Tool
To reposition the frame as you're drawing it, press and hold your spacebar, drag the frame into position, and then release your spacebar to continue drawing the frame. To force a rectangular frame into a perfect square, hold your Shift key as you drag. Or if you're drawing an elliptical frame, hold Shift to force it into a perfect circle:
Hold Shift to force rectangular frames into squares or elliptical frames into circles.
In my case, I'll draw a wide frame in the upper half of the document:
Drawing a rectangular frame where I want to place an image.
Release your mouse button, and the frame appears. The frame is a container for an image. But since the frame has no content yet, it starts out empty:
The new Frame layer in the Layers panel
If we look in the Layers panel, we see that Photoshop added the frame on its own separate Frame layer, which is also new in CC 2019. The thumbnail on the left represents the frame itself (indicated by the small frame icon in the lower right). And the thumbnail on the right is for the content inside the frame. Since there is no content yet, the thumbnail is just filled with white:
The icon in the lower right tells us it's a Frame layer.
Step 4: Place an image into the frame
To place an image into the frame, go up to the File menu in the Menu Bar and choose Place Embedded. Or you can choose Place Linked. The difference is that Place Embedded will embed the image into your document, while Place Linked will just link to the image on your computer. In most cases, Place Embedded is the better choice:
Then navigate to the image on your computer, select it, and click Place:
Selecting the image to place inside the frame.
Photoshop places the image into the frame. And it automatically resizes the image to match the frame's size (photo from Adobe Stock):
The image is placed and resized in the frame. Photo credit: Adobe Stock.
Placing the image as a smart object
If we look again at the Frame layer in the Layers panel, we see the content of the frame now appearing in the thumbnail on the right. Also, notice the smart object icon in the lower right of the thumbnail, telling us that Photoshop has automatically converted the image into a smart object.
If you're new to Photoshop, this may not mean much to you, but smart objects are a good thing. It means we can resize the image inside the frame without losing quality. And, we can easily replace the image with another one, as we'll see how to do in a few moments:
The Frame layer showing the content added as a smart object.
How to switch between the frame and the image
Now that we've placed an image into the frame, let's look at how to switch between the frame and its contents.
From the Layers panel
One way to switch between the frame and the image is from the Layers panel. Notice the white border around the content's thumbnail. This tells us that the image inside the frame is selected:
The border tells us which one (the frame or the image) is selected.
Selecting the frame
To select the frame itself, click on the frame's thumbnail on the left:
Selecting the frame by clicking the left thumbnail.
Along with the border around the thumbnail, another way to tell that the frame is selected is that we can see the transform handles around the frame in the document. We use the handles to resize the frame, and we'll come back to them shortly:
The transform handles mean that the frame is selected.
Selecting the image
To switch back to the image, click the thumbnail on the right:
Selecting the image by clicking the right thumbnail.
And with the image selected, the transform handles around the frame disappear:
Selecting both the frame and the image
To select both the frame and the image at the same time, press and hold your Shift key and click on the one that's not currently selected. The white border appears around both thumbnails:
Shift-click on the other thumbnail to select them both at once.
Deselecting the frame or the image
And then to switch back to having just the frame or the image selected, click on the one you need. I'll reselect the frame, and this deselects the image:
When both are selected, click on a thumbnail to deselect the other one.
From the document
Another way to switch between the frame and its contents is from the document.
Selecting the image
To select the image, simply click on it inside the frame. Notice the outline around the image, and that it includes the parts of the image that are hidden because they extend beyond the frame's boundaries:
Selecting the frame
To select the frame, click directly on the frame's outline. The transform handles reappear:
Clicking on the frame to select it.
Selecting the frame and the image
And to select both the frame and the image, double-click on the image. The outline around the image disappears and you'll see only the outline around the frame:
Double-clicking on the image to select both the frame and the image at once.
With both the frame and the image selected, you can click and drag both of them together inside the document:
Click and drag the frame and the image when both are selected.
How to undo a step with the Frame Tool
I'll undo that by going up to the Edit menu and choosing Undo Move. Photoshop gives us multiple undos with the Frame Tool. To move backwards through your steps, press Ctrl+Z (Win) / Command+Z (Mac) repeatedly. And to redo a step, press Shift+Ctrl+Z (Win) / Shift+Command+Z (Mac):
Deselecting the frame when both are selected
Finally, when you have both the frame and the image selected, you can switch back to selecting just the image by again double-clicking on it. So, when the image or the frame is selected, double-clicking on the image will select them both. And when they're both selected, double-clicking will select only the image:
Double-clicking again to select only the image.
How to move and resize the frame's contents
So now that we know how to select and switch between the frame and its contents, let's learn how to move and resize the image inside the frame.
How to move the image in the frame
To move the image, just click and drag it. Only the area inside the frame remains visible:
Click and drag to reposition the image inside the frame.
How to resize the image in the frame
To resize the image, we don't use the Frame Tool directly. Instead, we use Photoshop's Free Transform command. Go up to the Edit menu and choose Free Transform:
Then, drag the handles to resize the image. In Photoshop CC 2019, Free Transform automatically locks the aspect ratio, so there's no need to hold Shift as you drag. But if you want to resize the image from its center, press and hold Alt (Win) / Option (Mac). When you're done, press Enter (Win) / Return (Mac) to accept it:
Resizing the image inside the frame with Free Transform.
How to resize the frame
To resize the frame, not the contents, first click on the frame's outline to select it:
Selecting the frame by clicking directly on its outline.
Then drag any of the handles to reshape and resize it. If you press and hold your Shift key while dragging a corner handle, you'll lock in the frame's original aspect ratio:
Resizing the frame by dragging the transform handles.
Once you've resized the frame, you can click and drag the image inside the frame to reposition it:
How to move the frame and the image together
To move both the frame and the image at the same time, double-click on the image to select them both:
Free Photoshop Shapes Frames
Double-clicking to select the frame and the image.
And then click and drag to move both of them together:
If you list most people, you have at least one time been in the problem where you do not have your Wi-Fi and need to make use of the main one from your neighbor. Hack into wifi without password.
Dragging the frame and its content at the same time.
How to resize the frame and the image together
To resize both the frame and the image at once, again make sure both are selected. Go up to the Edit menu and choose Free Transform:
And then drag the handles to resize the frame and its contents:
Dragging the Free Transform handles to resize the frame and its contents.
You can also reposition the frame and its contents by clicking and dragging inside the Free Transform box. Here I've centered the frame and the image in the document. Press Enter (Win) / Return (Mac) when you're done to accept it:
Centering the frame and the image in the document with Free Transform.
Subscribe to our newsletter
Be the first the know when new tutorials are added!
How to replace the frame's contents
A great feature of Photoshop's new Frame Tool is that we can easily swap out one image for another.
I'll press Ctr+Z (Win) / Command+Z (Mac) a few times to undo my steps and return my frame to its original size and location:
The frame at its original size and location in the document.
Method 1: Using the Place Embedded or Place Linked command
One way to replace the current image with a different image is to go up to the File menu and choose Place Embedded (or Place Linked):
Navigate to the new image on your computer. Then select it and click Place:
Selecting and placing the new image into the frame.
Method 2: Drag and drop
Or, if you already have the image open in a File Explorer (Win) or Finder (Mac) window, you can drag and drop the new image onto the existing one:
Dragging and dropping the replacement image into the frame.
Method 3: From the Libraries panel
And yet another way to add or replace the contents is by dragging an image from your Libraries panel onto the frame:
Dragging the replacement image from the Libraries panel onto the frame.
Photoshop instantly replaces the previous image with the new one. You can then use Free Transform to resize the image inside the frame if needed (photo from Adobe Stock):
The Frame Tool makes it easy to replace one image with another. Photo credit: Adobe Stock.
How to add a stroke around the frame
Next, let's look at how to add a stroke around the frame. Photoshop's normal layer styles, found at the bottom of the Layers panel, won't work with frames. But we can add a stroke. You'll find the Stroke option in the Properties panel:
The Stroke option for the Frame Tool in the Properties panel.
Why can't I see the Stroke option?
If you're not seeing the Stroke option, make sure you have the frame itself selected in the Layers panel:
The Stroke option is only available when the frame is selected.
Choosing the stroke color, position and size
Click the swatch below the word 'Stroke' to choose a color. Then choose a position (Inside, Center or Outside) and size:
The stroke appears around the frame:
The frame with the stroke added.
How to remove the stroke from around the frame
To remove the stroke, click again on the color swatch below the word 'Stroke' and choose No color (the swatch with the red line through it):
Removing the stroke by clicking the 'No color' swatch.
How to add a frame around an existing image
Finally, let's look at one more way to use the Frame Tool, and that's by adding a frame to an existing image. We'll also look at how to remove a frame from an image. I'll switch over to another image I've opened in Photoshop:
An image open in a separate document. Photo credit: Adobe Stock.
And if we look in the Layers panel, we see the image on a layer above the Background layer. Note that we can't add a frame to the Background layer. So for this to work, you'll need your image to be on a separate layer above it:
Frames can't be added to images on the Background layer.
How to place the image into a rectangular frame
With the layer selected, and the Frame Tool selected in the Toolbar, click and drag out a frame inside the image:
When you release your mouse button, Photoshop adds the frame and places the image inside it:
The image now sits inside the frame.
And in the Layers panel, we see that Photoshop converted the image into a smart object, just like it did before:
The image, converted to a smart object, on the Frame layer.
How to remove a frame from an image
I've added a rectangular frame to the image. But what if I meant to add an elliptical frame instead? In that case, I can remove the existing frame by right-clicking (Win) / Control-clicking (Mac) on the Frame layer in the Layers panel:
Right-click (Win) / Control-click (Mac) on the Frame layer.
And then choosing Remove Frame from Layer:
This removes the frame but keeps the image:
The frame is gone but the image remains.
Placing the image into an elliptical frame
I'll switch from a rectangular frame to an elliptical frame in the Options Bar:
Realtek player for windows 10. Realtek windows 10 free download - Windows 10, Apple Safari, Realtek High Definition Audio Codec (Windows 7 / 8/ 8.1/ 10 64-bit), and many more programs. Jan 22, 2009 1by1 is a small, fast and handy player with powerful tools to handle your files and listen to your tracks with no need for playlists or databases. Jul 31, 2018 A lot of users have reported that their audio is no longer working after upgrading to the latest version of windows 10 April 2018 update also known as windows 10 build 1803. Jul 20, 2019 Realtek HD Audio Manager is a popular application which allows you to tweak audio-related settings on Windows computers. For many users, the Realtek HD Audio Manager was the go-to place for enhancing the overall sound quality. However, due to some major changes in Windows 10, the application keeps.
And then I'll click and drag out an elliptical frame inside the image. To force the frame into a perfect circle, I'll press and hold my Shift key as I drag. At first, it looks like I'm drawing a square frame:
Holding Shift while dragging to force the frame into a circle.
But when I release my mouse button, the circle frame appears with the image inside it:
And there we have it! That's the basics of how to use the new Frame Tool in Photoshop CC 2019! Check out our Photoshop Basics section for more tutorials!
Get all of our Photoshop tutorials as PDFs! Download them today!
In this Photoshop Basics tutorial, we'll learn how to create some interesting text layouts using custom shapes as text frames! In other words, we'll be drawing a shape using one of the custom shapes that ship with Photoshop, but rather than filling the shape with color as we normally would, we'll fill it with text!
Here's an example of the effect we'll be learning to create. The background image (without the text) is available from the Fotolia image library. Of course, you can use a different image if you prefer, or simply create a new Photoshop document with a white background to use as you follow along:
A heart shape, rotated slightly and filled with text.
Let's get started!
Step 1: Select The Custom Shape Tool
Select Photoshop's Custom Shape Tool from the Tools panel. By default, it's hiding behind the Rectangle Tool, so click on the Rectangle Tool's icon and hold your mouse button down for a second or two until a fly-out menu appears showing a list of the other tools available in that spot, then select the Custom Shape Tool from the list:
Click and hold on the Rectangle Tool, then choose the Custom Shape Tool from the menu.
Step 2: Choose A Shape
With the Custom Shape Tool selected, click on the shape preview thumbnail in the Options Bar along the top of the screen:
The preview thumbnail displays the shape that's currently selected.
This opens Photoshop's Shape Picker, which displays small thumbnails of all the custom shapes we can choose from. To select a shape, just click on its thumbnail. I'm going to choose the heart shape. Once you've chosen a shape, press Enter (Win) / Return (Mac) to close out of the Shape Picker:
Selecting the heart shape by clicking on its thumbnail.
Step 3: Select The 'Paths' Option
Near the far left of the Options Bar is a row of three icons, each one representing a different type of shape we can draw. Photoshop gives us a choice of drawing normal shapes, paths, or pixel-based shapes. To use a shape as a container for our text, we want to draw a path, which is essentially an outline of the shape. We'll be placing our text inside the outline. Click on the middle of the three icons to select the Paths option: Sap 2000 v14 free software.
Click on the Paths option (the middle of the three icons).
Step 4: Draw Your Shape
With the Paths option selected in the Options Bar, click inside your document and drag out your shape. You'll see your shape appearing as a thin outline as you drag. You can hold down your Shift key as you drag to force the shape to keep its original appearance while you're drawing it. If you need to reposition the shape as you're drawing it, hold down your spacebar, drag the shape to where you need it in the document, then release your spacebar and continue dragging. Here, I've drawn my heart shape in the top right section of the image:
Click and drag out your shape in the document. It will appear as an outline.
Step 5: Reshape, Rotate Or Move The Path (Optional)
If you need to reshape or rotate the path (the shape outline), or move it to a different spot, the easiest way to do it is by going up to the Edit menu in the Menu Bar along the top of the screen and choosing Free Transform Path. You could also press Ctrl+T (Win) / Command+T (Mac) to quickly select the same command with the keyboard shortcut:
This places the Free Transform Path handles and bounding box around the shape. To reshape it, simply click on any of the handles (the small squares) around the bounding box and drag them. To resize the shape, hold down your Shift key and drag any of the four corner handles. To rotate it, move your cursor anywhere outside the bounding box, then click and drag with your mouse. Finally, to move the shape, click anywhere inside the bounding box and drag.
I'm going to rotate my heart shape a little so the curve down the left side flows better with the layout of the flowers:
Rotating the shape with Free Transform Path.
Press Enter (Win) / Return (Mac) when you're done to accept the changes and exit out of the Free Transform Path command:
Step 6: Select The Type Tool
Now that we have our path, we're ready to add our text! Select the Type Tool from the Tools panel:
Select the Type Tool.
Step 7: Choose Your Font
Select the font you want to use for your text in the Options Bar. For my design, I'll use Palatino Italic set to 12 pt:
To choose a color for my text, I'll click on the color swatch in the Options Bar:
Click on the color swatch to choose a color for your text.
This opens Photoshop's Color Picker. I'll choose a dark green from the Color Picker to match the color from the flowers in my image. Once you've chosen a color, click OK to close out of the Color Picker:
Choose a color for your text from the Color Picker.
Step 8: Open The Paragraph Panel
Click on the Character / Paragraph panel toggle icon to the right of the color swatch in the Options Bar:
The toggle icon opens and closes the Character and Paragraph panels.
This opens Photoshop's Character and Paragraph panels which are hidden by default. Select the Paragraph panel by clicking on its name tab at the top of the panel group:
Step 9: Choose The 'Justify Centered' Option
With the Paragraph panel now open, click on the Justify Centered option to select it. This will make it easier for the text we're about to add to fill the entire width of the shape. When you're done, click again on the toggle icon in the Options Bar to hide the Character and Paragraph panels since we no longer need them:
Select the 'Justify Centered' option.
Step 10: Add Your Text
At this point, all that's left to do is add our text. Move the Type Tool's cursor anywhere inside the shape. You'll see a dotted ellipse appear around the cursor icon, which is Photoshop's way of telling us that we're about to add our text inside the path:
A dotted ellipse appears around the cursor icon when you move it inside the shape.
Click anywhere inside the shape and begin typing your text. As you type, you'll see that the text is constrained to the area inside the path:
As you type, the text stays within the boundaries of the shape.
Continue adding more text until you've filled the shape area:
Step 11: Click On The Checkmark To Accept Your Text
When you're done adding your text, click on the checkmark in the Options Bar to accept it and exit out of Photoshop's text editing mode:
Click on the checkmark to accept the text.
The text has now been added and fills the shape area nicely, but we can still see the path outline around it:
To hide the path outline, simply click on a different layer in the Layers panel. In my case, my document only contains two layers - the Type layer that holds my text (which is currently selected) and the Background layer below it that holds my background image, so I'll click on the Background layer to select it:
The path will be visible when the text layer is active. To hide it, select a different layer.
And with that, we're done! The text I added may not win me any literary awards, but we've now seen how easy it is to use Photoshop's custom shapes as containers for text:
Where to go next..
And there we have it! That's how to use custom shapes as text frames in Photoshop! Check out our Photoshop Basics section for more great tutorials on working with shapes, plus layers, selections, type and other essential skills!
Get all of our Photoshop tutorials as PDFs! Download them today!