• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Use The Frame Tool in Photoshop CC 2019

How To Use The Frame Tool in Photoshop CC 2019

607
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

Photoshop CC 2019 introduces The Frame tool, the newest addition to the Toolbar.

The Frame Tool allows you to create image placeholders that you can add images to at a later time. It is very similar to the Frame Tool in Adobe InDesign.

How Do Frames Work in Photoshop?

Frames are a new layer type in the Layers Panel. You can think of them as a container that holds content.

To allow for a non-destructive workflow, the content within frames is automatically added as Smart Object.

Frames are meant specifically for images. You can add smart objects but not shapes, text, or other content.

Table of contents

  • How Do Frames Work in Photoshop?
  • How to Create Placeholders for Images with The Frame Tool
  • How To Select The Frame or Content in a Frame
  • Frames from Images
  • Frames From Text Layers or Shapes
  • Frames and The Properties Panel
    • Insert Image
    • Stroke
    • Layer Comp
    • Command

How to Create Placeholders for Images with The Frame Tool

Time needed: 3 minutes.

Follow these instructions to create placeholder images with the new Frame Tool in Photoshop CC 2019. 

  1. Select The Frame Tool

    You can select the Frame Tool from the Photoshop Toolbar or by Pressing the K key on the keyboard.  

  2. Select the Shape of the Frame from the Options Bar 

    On the Options Bar, click on either the rectangular icon or
    the elliptical icon to select the shape that you want to use as a placeholder.

  3. Click-and-Drag to Create the Placeholder Frame

    Click-and-drag on the Canvas to create the placeholder frame.
    Note: Clicking-and-dragging over an existing image will mask the image by the frame boundaries.

  4. Drag-and-Drop Images Into the Frame

    Content within Frame will be replaced when other content is dropped into the Frame. You can drag-and-drop images from your hard drive or Creative Cloud Libraries. The image will automatically scale to fit the frame.

  5. Replace Images from Frames

    You can replace an image in a frame by dragging a new image onto it.

How To Select The Frame or Content in a Frame

With a frame that contains an image, you can select the Fram  Tool and use the following to select either the Frame or the Content:

  • A single-click on the content selects both the frame and contents.
  • A double-click on the content selects just the contents.
    • A second double-click in this state will revert to selecting the frame and content.
  • A single-click on the frame border activates the frame.

Note 1: There are no transform handles to scale the frame and contents together. However, you can resize separately.

Note 2: Once you scale the content within the frame, there is no way to
automatically “fit contents to frame”.

Frames from Images

With an existing image on the canvas, use the frame tool to draw over the desired area of the image. The image will be masked by the frame boundaries.

Frames From Text Layers or Shapes

You can convert any existing shape or text layer into a Frame.

From the layers panel, Right-click on the shape or text layer and select “Convert to Frame”.

Frames and The Properties Panel

Insert Image

  • Find on Adobe Stock: Opens your browser to the Adobe Stock website.
  • Open Libraries: Opens your Libraries Panel.
  • Place from Local Disk – Embedded: Opens the Place window. The image that you select will be embedded into the photoshop document.
  • Place from Local Disk – Embedded: Opens the Place window. The image that you select will become a reference file.

Stroke

This option allows you to place a stroke around the frame.

You can select a color for the stroke, a pixel width, and an alignment for the stroke (inside, center, or outside).

Layer Comp

If your placeholder image is a Smart Object with a Layer Comp you can use the Layer Comp drop-down to select a comp that was defined in the source file.

Layer Comps are often used by designers to create multiple compositions (or comps) of a page layout to show clients. Layer Comps allow you to create, manage, and view multiple versions of a layout in a single Photoshop file.

A layer comp is simply a snapshot of a state of the Layers panel. Layer comps record three types of layer options:

  • Layer visibility: whether a layer is showing or hidden.
  • Layer position: Where the layer is in the document.
  • Layer appearance: whether a layer style is applied to the layer and the layer’s Blending Mode.

This feature lets you change the state of the Smart Object at a layer level without editing the Smart Object.

Command

  • Edit Contents:
  • Converted to Linked:
  • Embedded:
Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • scripst-event-manager-photoshopUsing The Script Events Manager In Adobe Photoshop CS6

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Blur Backgrounds in Photoshop [FAST & EASY]...
    M
    141 Shares
  •  
    Photoshop 2021 All The Best NEW Features EXPLAINED!...
    P
    106 Shares
  •  
    Make Better Cut-Outs in Photoshop with These 3 Amazing Tricks!...
    L
    88 Shares
  •  
    Photoshop 2021: Color Grading in Camera Raw...
    60 Shares
  •  
    How To Remove a GREEN SCREEN in Photoshop!...
    L
    49 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.