{"id":23429,"date":"2018-03-03T12:33:06","date_gmt":"2018-03-03T17:33:06","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=23429"},"modified":"2022-11-08T09:51:41","modified_gmt":"2022-11-08T14:51:41","slug":"fill-multiple-text-layers-with-image-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/","title":{"rendered":"Place An Image In Multiple Text Layers In Photoshop"},"content":{"rendered":"<section>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/oukDDTT1t1w\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I'll show you how to place an image in text with Photoshop. But rather than just filling a single word or a single line of text, we'll take things further and learn a simple trick that lets you instantly place an image into two or more Type layers at once! <\/p>\n<p>In a previous tutorial, we learned how to create a basic <a href=\"\/photoshop-text\/text-effects\/image-in-text-photoshop-cs6\/\" title=\"View tutorial\">image in text<\/a> effect, where we placed the image in a single word. To create the effect, all we had to do was make a copy of our image, move it above the Type layer, and then clip the image to the text using a clipping mask. But what if you have <em>multiple<\/em> words, each on a separate Type layer, that you need to fill with the same image? How do you place an image into two, three or more Type layers at the same time? In this tutorial, we'll look at the problem we run into, and the easy solution!<\/p>\n<p>Here's what the final effect will look like, or at least one variation of it, with three words, each on  separate Type layers, filled with the same image. We'll learn how to customize the effect by changing the background color, adding layer effects, and adjusting the transparency of the background, at the end of the tutorial:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-image-in-text-effect.jpg\" alt=\"How to place an image in text in Photoshop\" width=\"601\" height=\"600\" \/>\n<div class=\"image-desc\">The final effect.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<div style=\"padding-top:1px;\"> <p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p> <\/div>\n<h2 class=\"sub\">How To Fill Your Text With An Image<\/h2>\n<p>I'm using Photoshop CC but any recent version will work. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/p>\n<h3>Step 1: Open your image<\/h3>\n<p>Open the image you want to place inside your text. I'll use this image (<a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fca%2Fimages%2Fman-underwater-coral-reef-and-tropical-fish%2F63874754\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">underwater coral reef photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/original-image.jpg\" alt=\"The image that will be placed inside the text\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The image that will be placed inside the text. Photo credit: Adobe Stock.<\/div>\n<h3>Step 2: Add your text<\/h3>\n<p>Add your text to the document and position it where you need it in front of the image. If we look in the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we see that I've already added some text, and each word (\"UNDER\", \"THE\" and \"SEA\") is on a separate Type layer. The image itself is on the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"Learn more\">Background layer<\/a> below them. I'll turn the text on by clicking each Type layer's <strong>visibility icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/three-type-layers.png\" alt=\"Turning on three Type layers in the Layers panel in Photoshop\" width=\"305\" height=\"348\" \/>\n<div class=\"image-desc\">Turning on all three Type layers.<\/div>\n<p>And here we see all three words in front of the image. You'll want to use black as your type color for now, for reasons we'll see in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/text-added-to-image.jpg\" alt=\"The image with the text added and positioned in front of it\" width=\"560\" height=\"559\" \/>\n<div class=\"image-desc\">The text added and positioned in front of the image.<\/div>\n<h3>Step 3: Add a Solid Color fill layer above the Background layer<\/h3>\n<p>Let's add a background color for the effect. We'll use a Solid Color fill layer. This will make it easy to change the background to any color we like, as we'll see later. Click on the <strong>Background layer<\/strong> in the Layers panel to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-background-layer-photoshop.png\" alt=\"Selecting the Background layer in the Layers panel\" width=\"287\" height=\"215\" \/>\n<div class=\"image-desc\">Selecting the Background layer.<\/div>\n<p>Then click the <strong>New Fill or Adjustment Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/new-fill-adjustment-layer-icon-photoshop.png\" alt=\"Clicking the New Fill or Adjustment Layer icon in Photoshop\" width=\"287\" height=\"176\" \/>\n<div class=\"image-desc\">Clicking the New Fill or Adjustment Layer icon.<\/div>\n<p>Choose <strong>Solid Color<\/strong> from the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/choose-solid-color.png\" alt=\"Choosing a Solid Color fill layer in Photoshop\" width=\"173\" height=\"128\" \/>\n<div class=\"image-desc\">Adding a Solid Color fill layer.<\/div>\n<p>In the Color Picker, choose <strong>white<\/strong>, and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/color-picker-white-photoshop.jpg\" alt=\"Choosing white in the Color Picker in Photoshop\" width=\"544\" height=\"388\" \/>\n<div class=\"image-desc\">Choosing white as the background color.<\/div>\n<p>Back in the document, our text now sits in front of a white background (which is why we chose black as the type color).  We'll learn how to change the background color at the end of the tutorial:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/text-white-background.png\" alt=\"The black text in front of the new white background\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The document after adding the white fill layer.<\/div>\n<p>And in the Layers panel, we see the Solid Color fill layer (\"Color Fill 1\") sitting between the Type layers and the Background layer, which is why the fill layer is currently blocking the image from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/solid-color-fill-layer-added.png\" alt=\"The Layers panel showing the white fill layer above the Background layer\" width=\"287\" height=\"216\" \/>\n<div class=\"image-desc\">The Layers panel showing the white fill layer.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 4: Make a copy of the Background layer<\/h3>\n<p>We need to make a copy of the image and move it above the text. Click again on the <strong>Background layer<\/strong> to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-background-layer-again.png\" alt=\"Reselecting the Background layer in the Layers panel\" width=\"287\" height=\"182\" \/>\n<div class=\"image-desc\">Reselecting the Background layer.<\/div>\n<p>Make a copy of the Background layer by dragging it down onto the <strong>New Layer<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/duplicate-background-layer.png\" alt=\"Dragging the Background layer onto the New Layer icon in the Layers panel\" width=\"287\" height=\"182\" \/>\n<div class=\"image-desc\">Dragging the Background layer onto the New Layer icon.<\/div>\n<p>When you release your mouse button, Photoshop makes a copy of the layer, names it \"Background copy\", and places it directly above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/background-copy-layer.png\" alt=\"A 'Background copy' layer appears above the original Background layer in the Layers panel\" width=\"287\" height=\"179\" \/>\n<div class=\"image-desc\">A \"Background copy\" layer appears above the original.<\/div>\n<h3>Step 5: Drag the copy above the Type layers<\/h3>\n<p>Click on the \"Background copy\" layer and drag it above the Type layers. A highlight bar will appear above the Type layer at the very top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/drag-image-above-type-layers.png\" alt=\"Dragging a copy of the image above the text\" width=\"287\" height=\"287\" \/>\n<div class=\"image-desc\">Dragging the &quot;Background copy&quot; layer above the Type layers.<\/div>\n<p>Release your mouse button to drop the layer into place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/image-above-type-layers-photoshop.png\" alt=\"A copy of the image now sits above the text\" width=\"287\" height=\"204\" \/>\n<div class=\"image-desc\">A copy of the image now sits above the text.<\/div>\n<h3>The problem: Placing one image into three Type layers<\/h3>\n<p>So far so good. But now we run into a problem. We have one image that needs to be placed not just in one word, but <em>three<\/em>, and each word is on a separate Type layer. How do we fill all three words with the image? If we had just a <em>single<\/em> Type layer, then all we would need to do to place the image inside the text is create a clipping mask. But watch what happens when I create one.<\/p>\n<h4>Creating a clipping mask<\/h4>\n<p>With the &quot;Background copy&quot; layer selected, I'll click on the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/layers-panel-menu-icon-photoshop.png\" alt=\"Clicking the Layers panel menu icon\" width=\"299\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>Then I'll choose <strong>Create Clipping Mask<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/create-clipping-mask-photoshop.png\" alt=\"Choosing the Create Clipping Mask command in Photoshop\" width=\"265\" height=\"141\" \/>\n<div class=\"image-desc\">Creating a clipping mask.<\/div>\n<p>And here we see the problem. Photoshop clips the image to the Type layer directly below it, which does place the image inside the text. But because the image is clipped to only <em>one<\/em> of the three Type layers, the image appears in only one of the three words, which isn't what we want:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/image-in-text-top-only.jpg\" alt=\"Only one of the three words is filled with the image\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The text appears only in the word at the top.<\/div>\n<p><a href=\"\/basics\/clipping-masks-essentials\/\" title=\"View tutorial\">Related: Learn all about clipping masks in Photoshop<\/a><\/p>\n<h4>Why it didn't work<\/h4>\n<p>If we look at the &quot;Background copy&quot; layer in the Layers panel, we see a small arrow beside its preview thumbnail pointing down at the Type layer below it (the layer that holds the word &quot;UNDER&quot;). This is how Photoshop tells us that the &quot;Background copy&quot; layer is clipped to the Type layer. But it's clipped to just that one Type layer, not all three. We need a way to clip the image to all three Type layers at the same time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/clipping-mask-single-type-layer.png\" alt=\"The Layers panel showing the image clipped to a single Type layer\" width=\"287\" height=\"204\" \/>\n<div class=\"image-desc\">The image is clipped only to the Type layer directly below it.<\/div>\n<h4>Releasing a clipping mask<\/h4>\n<p>Since that's not the effect we want, I'll undo the clipping mask by clicking once again on the <strong>menu icon<\/strong> in the upper right of the Layers panel and choosing <strong>Release Clipping Mask<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/release-clipping-mask-photoshop.png\" alt=\"Choosing the Release Clipping Mask command from the Layers panel menu\" width=\"269\" height=\"142\" \/>\n<div class=\"image-desc\">Releasing the clipping mask.<\/div>\n<p>And now we're back to seeing just the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/original-image.jpg\" alt=\"The image is again visible after releasing the clipping mask\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The image is again visible after releasing the clipping mask.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h3>Step 6: Place the Type layers in a layer group<\/h3>\n<p>The solution is to place all of our Type layers into a <a href=\"\/basics\/layers\/layer-groups\/\" title=\"Learn more about layer groups\">layer group<\/a>. That way, we can clip the image not to a single Type layer but to the entire group at once! Click on the Type layer at the top to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-top-type-layer.png\" alt=\"Selecting the first Type layer in the Layers panel\" width=\"287\" height=\"257\" \/>\n<div class=\"image-desc\">Selecting the top Type layer.<\/div>\n<p>Then, to select the other Type layers as well, press and hold your <strong>Shift<\/strong> key and click on the bottom Type layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-all-type-layers-photoshop.png\" alt=\"Selecting all Type layers so we can place them inside a layer group\" width=\"287\" height=\"257\" \/>\n<div class=\"image-desc\">Hold Shift and click the bottom Type layer to select them all.<\/div>\n<p>Click the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/click-menu-icon-layers-panel.png\" alt=\"Clicking the menu icon in the Layers panel\" width=\"295\" height=\"189\" \/>\n<div class=\"image-desc\">Clicking the menu icon.<\/div>\n<p>Choose <strong>New Group from Layers<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-new-group-from-layers.png\" alt=\"Choosing New Group from Layers in the Layers panel menu\" width=\"261\" height=\"130\" \/>\n<div class=\"image-desc\">Choosing the \"New Group from Layers\" command.<\/div>\n<p>In the New Group from Layers dialog box, name the group \"Text\", and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/naming-layer-group-photoshop.png\" alt=\"Naming the new layer group 'Text' in Photoshop\" width=\"414\" height=\"131\" \/>\n<div class=\"image-desc\">Naming the layer group.<\/div>\n<p>Back in the Layers panel, the Type layers now appear inside a layer group named \"Text\". Click on the arrow to the left of the folder icon to twirl the group open and view the layers inside it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/new-text-layer-group-photoshop.png\" alt=\"The Type layers are now inside a layer group in Photoshop\" width=\"287\" height=\"241\" \/>\n<div class=\"image-desc\">The Type layers are now inside a layer group.<\/div>\n<h3>Step 7: Select the \"Background copy\" layer<\/h3>\n<p>Now that the Type layers are inside a group, we can clip the image to the entire group. Click on the \"Background copy\" layer to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-background-copy-layer-again.png\" alt=\"Selecting the Background copy layer at the top of the Layers panel\" width=\"286\" height=\"175\" \/>\n<div class=\"image-desc\">Selecting the \"Background copy\" layer.<\/div>\n<h3>Step 8: Create a clipping mask<\/h3>\n<p>Click the Layers panel <strong>menu icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/layers-panel-menu-icon-photoshop.png\" alt=\"Clicking the Layers panel menu icon\" width=\"299\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And then choose <strong>Create Clipping Mask<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/create-clipping-mask-photoshop.png\" alt=\"Choosing the Create Clipping Mask command in Photoshop\" width=\"265\" height=\"141\" \/>\n<div class=\"image-desc\">Creating a clipping mask.<\/div>\n<p>This time, Photoshop clips the \"Background copy\" layer not to a single Type layer but to the layer group itself:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/layer-clipped-to-group.png\" alt=\"The image is clipped to the Text layer group in Photoshop\" width=\"287\" height=\"229\" \/>\n<div class=\"image-desc\">The image is now clipped to the layer group.<\/div>\n<p>And because we've clipped the image to the group, the image instantly appears inside all three words:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/image-in-text-photoshop.jpg\" alt=\"How to place an image in multiple text layers in Photoshop\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The effect after clipping the image to the layer group.<\/div>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h3>Customizing the effect: Adding a Drop Shadow<\/h3>\n<p>Now that we've created the basic &quot;image in text&quot; effect, let's look at a few ways to customize it. One thing we can do is add a drop shadow to the text. And since we want the drop shadow to affect all of our Type layers at once, we'll apply it to the layer group itself. Click on the layer group to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/select-layer-group.png\" alt=\"Selecting the layer group in the Layers panel\" width=\"287\" height=\"188\" \/>\n<div class=\"image-desc\">Selecting the layer group in the Layers panel.<\/div>\n<p>Then click the <strong>Layer Styles<\/strong> icon (the \"fx\" icon) at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/layer-styles-icon-photoshop.png\" alt=\"Clicking the Layer Styles icon in the Layers panel in Photoshop\" width=\"287\" height=\"143\" \/>\n<div class=\"image-desc\">Clicking the Layer Styles icon.<\/div>\n<p>Choose <strong>Drop Shadow<\/strong> from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/choose-drop-shadow-layer-style-photoshop.png\" alt=\"Choosing a drop shadow layer style in Photoshop\" width=\"157\" height=\"99\" \/>\n<div class=\"image-desc\">Choosing \"Drop Shadow\".<\/div>\n<h4>The Drop Shadow settings<\/h4>\n<p>This opens the Layer Style dialog box set to the Drop Shadow options. Adjust the <strong>Angle<\/strong>, <strong>Distance<\/strong> and <strong>Size<\/strong> of the shadow to your liking. Angle sets the direction of the light source. Distance controls how far the shadow will extend outward from the letters, and Size will feather the shadow edges. Then adjust the brightness of the shadow using the <strong>Opacity<\/strong> slider at the top.<\/p>\n<p>In my case, I'll set the Angle to 75&deg; to match the angle of the light beams in the water. Then I'll set both the Distance and the Size to 30px, and the Opacity to 40&#37;. Click OK when you're done to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/drop-shadow-options-photoshop.png\" alt=\"Setting the Drop Shadow options in the Layer Style dialog box\" width=\"356\" height=\"254\" \/>\n<div class=\"image-desc\">The Drop Shadow options.<\/div>\n<p>And here's my effect with the drop shadow applied. Notice that because we've applied the drop shadow to the layer group, all of the Type layers inside the group are affected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop=image-in-text-drop-shadow.jpg\" alt=\"The image in text effect with a drop shadow in Photoshop\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The result after adding a drop shadow to the layer group.<\/div>\n<h3>Customizing the effect: Changing the background color<\/h3>\n<p>Another way we can customize the effect is by changing the background color. Double-click on the <strong>color swatch<\/strong> for the Solid Color fill layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/solid-color-fill-layer-color-swatch.png\" alt=\"Double-clicking the fill layer's color swatch in the Layers panel\" width=\"287\" height=\"179\" \/>\n<div class=\"image-desc\">Double-clicking the fill layer's color swatch in the Layers panel.<\/div>\n<p>Then choose a different color in the Color Picker. I'll choose black:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/color-picker-black.jpg\" alt=\"Choosing black in the Color Picker as the new background color for the image in text effect\" width=\"543\" height=\"388\" \/>\n<div class=\"image-desc\">Changing the background color from white to black.<\/div>\n<p>And here's what the effect looks like with a black background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/image-in-text-black-background.jpg\" alt=\"The image in text effect with a black background in Photoshop\" width=\"560\" height=\"559\" \/>\n<div class=\"image-desc\">The darker background helps bring out the image in the words.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h4>Choosing a background color from the image<\/h4>\n<p>You can also choose a background color directly from the image inside the letters. With the Color Picker still open, move your mouse cursor over the image. Your cursor will change into an eyedropper. Click on a color to sample it and set it as the new background color. I'll choose a dark shade of blue from the diver's mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/sample-color-from-image.jpg\" alt=\"Sampling a color from the image to use as the background color for the image in text effect\" width=\"700\" height=\"459\" \/>\n<div class=\"image-desc\">Sampling a color from the image.<\/div>\n<p>And here's what that color looks like as the new background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-image-in-text-effect-blue-background.jpg\" alt=\"The image in text effect in Photoshop with a background color sampled from the image\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The effect with a background color sampled from the image.<\/div>\n<p>I'll use the color I sampled, but I'll choose a much darker shade of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/color-picker-dark-blue.jpg\" alt=\"Choosing a darker shade of the sampled blue color in the Color Picker\" width=\"542\" height=\"388\" \/>\n<div class=\"image-desc\">Taking the sampled color and choosing a darker version of it.<\/div>\n<p>Click OK to close out of the Color Picker, and here's my effect with a dark blue background:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-image-in-text-dark-blue.jpg\" alt=\"The image in text effect in Photoshop with a dark blue background\" width=\"560\" height=\"560\" \/>\n<div class=\"image-desc\">The darker blue makes the text easier to read.<\/div>\n<h3>Customizing the effect: Adding transparency to the background<\/h3>\n<p>Finally, let's look at one more way to customize the effect, and that's by adding transparency to the background color. This will let some of the original image show through. With the Solid Color fill layer selected, lower the <strong>Opacity<\/strong> value in the upper right of the Layers panel. The more you lower it from its default value of 100%, the more you'll see the image through the background color. I'll lower mine to 85&#37;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-layer-opacity.png\" alt=\"Lowering the opacity of the Solid Color fill layer\" width=\"287\" height=\"169\" \/>\n<div class=\"image-desc\">Lowering the opacity of the Solid Color fill layer.<\/div>\n<p>This allows just a hint of the image to show through the blue background, creating my final effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-type-layers\/photoshop-image-in-text-effect.jpg\" alt=\"How to place an image in text in Photoshop\" width=\"601\" height=\"600\" \/>\n<div class=\"image-desc\">The final \"image in text\" effect.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to place an image in text, and how to fill multiple Type layers with the same image, in Photoshop! Be sure to check out our <a href=\"\/photo-effects\/\" title=\"View Photoshop Photo Effects tutorials\">Photo Effects<\/a> and <a href=\"\/photoshop-text\/text-effects\/\" title=\"View Photoshop Text Effects tutorials\">Text Effects<\/a> sections for more tutorials!<\/p>\n<\/section>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Learn not only how to place an image in text with Photoshop, but how to instantly place the same image in two, three or more Type layers at once!<\/p>\n","protected":false},"author":1,"featured_media":23435,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-23429","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Place An Image In Multiple Text Layers In Photoshop<\/title>\n<meta name=\"description\" content=\"This tutorial shows you how to place an image in text with Photoshop! But rather than just filling a single word or a single line of text, we&#039;ll learn a simple trick that lets you instantly place an image into two or more Type layers at once! For Photoshop CC, CS6 and earlier.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Fill Multiple Text Layers With An Image In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to place an image in text with Photoshop, and how to instantly place the same image in two, three or more Type layers at once!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-03T17:33:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-08T14:51:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/photoshop-image-in-text-share-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Place An Image In Multiple Text Layers In Photoshop\",\"datePublished\":\"2018-03-03T17:33:06+00:00\",\"dateModified\":\"2022-11-08T14:51:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/\"},\"wordCount\":2158,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/featured.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/\",\"name\":\"Place An Image In Multiple Text Layers In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/featured.jpg\",\"datePublished\":\"2018-03-03T17:33:06+00:00\",\"dateModified\":\"2022-11-08T14:51:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"This tutorial shows you how to place an image in text with Photoshop! But rather than just filling a single word or a single line of text, we'll learn a simple trick that lets you instantly place an image into two or more Type layers at once! For Photoshop CC, CS6 and earlier.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/featured.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/featured.jpg\",\"width\":250,\"height\":250,\"caption\":\"Fill Multiple Text Layers With An Image In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/fill-multiple-text-layers-with-image-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Place An Image In Multiple Text Layers In Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Place An Image In Multiple Text Layers In Photoshop","description":"This tutorial shows you how to place an image in text with Photoshop! But rather than just filling a single word or a single line of text, we'll learn a simple trick that lets you instantly place an image into two or more Type layers at once! For Photoshop CC, CS6 and earlier.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How To Fill Multiple Text Layers With An Image In Photoshop","og_description":"Learn how to place an image in text with Photoshop, and how to instantly place the same image in two, three or more Type layers at once!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2018-03-03T17:33:06+00:00","article_modified_time":"2022-11-08T14:51:41+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/photoshop-image-in-text-share-3.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"19 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Place An Image In Multiple Text Layers In Photoshop","datePublished":"2018-03-03T17:33:06+00:00","dateModified":"2022-11-08T14:51:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/"},"wordCount":2158,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/featured.jpg","articleSection":["Text Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/","name":"Place An Image In Multiple Text Layers In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/featured.jpg","datePublished":"2018-03-03T17:33:06+00:00","dateModified":"2022-11-08T14:51:41+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"This tutorial shows you how to place an image in text with Photoshop! But rather than just filling a single word or a single line of text, we'll learn a simple trick that lets you instantly place an image into two or more Type layers at once! For Photoshop CC, CS6 and earlier.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/featured.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/featured.jpg","width":250,"height":250,"caption":"Fill Multiple Text Layers With An Image In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"Place An Image In Multiple Text Layers In Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/23429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=23429"}],"version-history":[{"count":115,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/23429\/revisions"}],"predecessor-version":[{"id":33799,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/23429\/revisions\/33799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/23435"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=23429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=23429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=23429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}