{"id":497,"date":"2012-10-02T23:32:27","date_gmt":"2012-10-02T23:32:27","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=497"},"modified":"2019-04-13T12:12:44","modified_gmt":"2019-04-13T16:12:44","slug":"image-in-text","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/","title":{"rendered":"Place An Image In Text With Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, we'll learn how to place an <strong>image in text with Photoshop<\/strong>, a very popular effect to create and one that also happens to be very easy to do thanks to the power of Photoshop's <a href=\"\/basics\/clipping-masks-essentials\/\">clipping masks<\/a>, as we're about to see!<\/p>\n<p>This version of the tutorial is for Photoshop CS5 and earlier. If you're using Photoshop CC or CS6, see the <a href=\"\/photoshop-text\/text-effects\/image-in-text-photoshop-cs6\/\">fully revised and updated version<\/a> of this tutorial. Here's the effect we're going for:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-image-in-text.jpg\" alt=\"Photoshop image in text effect. Image &copy; 2008 Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">The final \"image in text\" effect.<\/div>\n<div class=\"ads-middle\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 text effects middle responsive -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"8647141094\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<\/div>\n<p>Let's get started!<\/p>\n<h2 class=\"sub\">How To Place An Image In Text<\/h2>\n<div style=\"padding-top:1px;\">\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<\/div>\n<h3>Step 1: Open A Photo To Place Inside Your Text<\/h3>\n<p>First, we need the image that we're going to place inside of our text. I'll use this panoramic photo of Hawaii:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/hawaii.jpg\" alt=\"A panoramic view of the ocean in Hawaii. Image licensed from iStockphoto by Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">An ocean view from Hawaii.<\/div>\n<p><a href=\"https:\/\/goo.gl\/VqcdDr\" target=\"_blank\" title=\"Watch the video\" rel=\"noopener noreferrer\">Watch the video tutorial on our YouTube channel!<\/a><\/p>\n<h3>Step 2: Duplicate The Background Layer<\/h3>\n<p>If we look in the Layers palette, we can see that we currently have one layer, named <em>Background<\/em>. This layer contains our image. We need to duplicate this layer, and the easiest way to do that is by using the keyboard shortcut <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac). If we look once again in the Layers palette, we see that we now have two layers. The original Background layer is on the bottom, and a copy of the Background layer, which Photoshop automatically named \"Layer 1\", is sitting above it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-layers-palette.gif\" alt=\"The Layers palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"275\" height=\"185\" \/>\n<div class=\"image-desc\">Photoshop's Layers palette.<\/div>\n<h3>Step 3: Add A New Blank Layer Between The Two Layers<\/h3>\n<p>Next, we need to add a new blank layer between the Background layer and \"Layer 1\". Currently, \"Layer 1\" is the layer that's selected in the Layers palette. We can tell which layer is selected because the selected layer is always highlighted in blue. Normally, when we add a new layer, Photoshop places the new layer directly above whichever layer is currently selected, which means that Photoshop would place the layer above \"Layer 1\". That's not what we want. We want the new layer to be placed <em>below<\/em> \"Layer 1\". Here's a useful trick. To add a new layer below the currently selected layer, hold down your <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key and click on the <strong>New Layer<\/strong> icon at the bottom of the Layers palette. Holding down Ctrl (Win) \/ Command (Mac) is the trick to placing the layer below the currently selected layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-new-layer.gif\" alt=\"The New Layer icon at the bottom of the Layers palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"275\" height=\"194\" \/>\n<div class=\"image-desc\">Hold down \"Ctrl\" (Win) \/ \"Command\" (Mac) and click on the New Layer icon in the Layers palette.<\/div>\n<p>We now have a new blank layer named \"Layer 2\" sitting directly between the Background layer and \"Layer 1\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-new-layer-added.gif\" alt=\"A new blank layer appears in the Layers palette. Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"228\" \/>\n<div class=\"image-desc\">The Layers palette showing the new blank layer between the Background layer and \"Layer 1\".<\/div>\n<h3>Step 4: Fill The New Layer With White<\/h3>\n<p>At the moment, our new layer is completely blank. Let's fill it with white so it will appear as a white background after we've placed our image inside the text. Go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Fill<\/strong>. This will bring up Photoshop's Fill dialog box. Select <strong>White<\/strong> for the <strong>Contents<\/strong> option at the top of the dialog box, then click OK to exit out of the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-fill.gif\" alt=\"The Fill command dialog box in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"369\" height=\"255\" \/>\n<div class=\"image-desc\">Select White for the Contents option at the top of the Fill command's dialog box.<\/div>\n<p>Nothing will appear to have happened in the document window, since the image on \"Layer 1\" is blocking \"Layer 2\" from view, but if we look at the layer preview thumbnail for \"Layer 2\" in the Layers palette, we can see that sure enough, the layer is now filled with solid white:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-layer-preview.gif\" alt=\"The layer preview thumbnail in the Layers palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"280\" height=\"228\" \/>\n<div class=\"image-desc\">The preview thumbnail for \"Layer 2\" shows that the layer is now filled with white.<\/div>\n<h3>Step 5: Select \"Layer 1\" In The Layers Palette<\/h3>\n<p>It's time to add our text, but in order to see the text when we add it, we'll need to have the text appear above \"Layer 1\", otherwise the image on \"Layer 1\" will block the text from view. To make sure we can see our text, click on \"Layer 1\" in the Layers palette to select it. This way, as soon as we begin typing, Photoshop will create a new type layer for us and place the type layer directly above \"Layer 1\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-select-layer.gif\" alt=\"Selecting 'Layer 1' in the Layers palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"228\" \/>\n<div class=\"image-desc\">Click on \"Layer 1\" in the Layers palette to select it.<\/div>\n<h3>Step 6: Select The Type Tool<\/h3>\n<p>To add the text, we'll need Photoshop's <strong>Type Tool<\/strong>, so select the Type Tool from the Tools palette. You can also quickly select the Type Tool by pressing the letter <strong>T<\/strong> on your keyboard:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-type-tool.gif\" alt=\"The Type Tool in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"68\" height=\"127\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<h3>Step 7: Choose A Font In The Options Bar<\/h3>\n<p>With the Type Tool selected, go up to the <strong>Options Bar<\/strong> at the top of the screen and choose whichever font you want to use for the effect. Generally, fonts with thick letters work best. I'm going to choose Arial Black. Don't worry about the font size for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-type-options.gif\" alt=\"The Options Bar in Photoshop showing the options for the Type Tool. Image &copy; 2008 Photoshop Essentials.com.\" width=\"721\" height=\"62\" \/>\n<div class=\"image-desc\">Select a font in the Options Bar.<\/div>\n<h3>Step 8: Set White As Your Foreground Color<\/h3>\n<p>This step isn't absolutely necessary, but to help me see my text, I'm going to use <strong>white<\/strong> for my text color. The color you choose for your text doesn't really matter since we'll be filling the text with an image in a moment, but it still helps to be able to see the text when we're adding it. To set the text color to white, all we need to do is set Photoshop's <strong>Foreground color<\/strong> to white. First, press the letter <strong>D<\/strong> on your keyboard, which will reset the Foreground and Background colors to their defaults. Black is the default color for the Foreground color and white is the default color for the Background color. To swap them so white becomes the Foreground color, press the letter <strong>X<\/strong> on your keyboard. If you look at the Foreground and Background color swatches near the bottom of the Tools palette, you'll see that white is now the Foreground color (the left swatch):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-foreground-color.gif\" alt=\"The Foreground color swatch in the Tools palette in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"73\" height=\"164\" \/>\n<div class=\"image-desc\">Setting the Foreground color to white sets the text color to white as well.<\/div>\n<h3>Step 9: Add Your Text<\/h3>\n<p>With the Type Tool selected, your font chosen and white as your Foreground color, click inside your document window and add your text. Since I'm using a photo of an ocean scene in Hawaii, I'm going to type the word \"HAWAII\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-text.jpg\" alt=\"Adding text to the Photoshop document. Image &copy; 2008 Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">Click inside the document and add your text.<\/div>\n<p>When you're done, click on the <strong>checkmark<\/strong> up in the Options Bar to accept the text.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/click-checkmark.gif\" alt=\"Click the checkmark in the Options Bar to accept the text. Image &copy; 2008 Photoshop Essentials.com.\" width=\"529\" height=\"52\" \/>\n<div class=\"image-desc\">Click on the checkmark in the Options Bar to accept the text.<\/div>\n<h3>Step 10: Resize and Reposition The Text With The Free Transform Command<\/h3>\n<p>You'll probably need to resize and reposition your text at this point, and we can do both of those things using Photoshop's <strong>Free Transform<\/strong> command. Press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) on your keyboard to bring up the Free Transform box and handles around your text, then drag any of the handles to resize the text. If you want to resize the text without distorting the look of it, hold down your <strong>Shift<\/strong> key and drag any of the four corner handles. You can also resize the text from its center by holding down the <strong>Alt<\/strong> (Win) \/ <strong>Option<\/strong> (Mac) key as you drag. Finally, to move the text, click anywhere inside the Free Transform box and drag your mouse to move the text around inside the document window:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/resize-photoshop-text.jpg\" alt=\"Use the Free Transform command in Photoshop to resize and reposition the text. Image &copy; 2008 Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">Use Photoshop's Free Transform command to resize and move the text.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the transformation and exit out of the Free Transform command.<\/p>\n<h3>Step 11: Drag The Text Layer Below \"Layer 1\"<\/h3>\n<p>Now that we have our text the way we want it, we need to move the type layer below the text in the Layers palette. Click on the text layer, then simply drag it down below \"Layer 1\". You'll see a thick black line appear between \"Layer 1\" and \"Layer 2\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-drag-layer.gif\" alt=\"Dragging the type layer down below 'Layer 1' in the Layers palette. Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"228\" \/>\n<div class=\"image-desc\">Drag the type layer below \"Layer 1\".<\/div>\n<p>Release your mouse button when the black line appears to drop the type layer into place between &quot;Layer 1&quot; and &quot;Layer 2&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-type-layer.gif\" alt=\"The type layer now appears below 'Layer 1' in the Layers palette.  Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"271\" \/>\n<div class=\"image-desc\">The type layer now appears between \"Layer 1\" and \"Layer 2\".<\/div>\n<h3>Step 12: Select \"Layer 1\" Again<\/h3>\n<p>Click once again on \"Layer 1\" in the Layers palette to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/select-layer-1.gif\" alt=\"Selecting 'Layer 1' in the Layers palette. Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"271\" \/>\n<div class=\"image-desc\">The type layer now appears between \"Layer 1\" and \"Layer 2\".<\/div>\n<p>The text will temporarily disappear inside the document window now that the image on \"Layer 1\" is blocking it from view.<\/p>\n<h3>Step 13: Create A Clipping Mask<\/h3>\n<p>To create the illusion that the photo is inside the text, we need to use a <strong>clipping mask<\/strong>. This will \"clip\" the photo on \"Layer 1\" to the text on the layer directly below it. Any areas of the photo that appear directly above the letters will remain visible in the document. The rest of the photo will disappear from view.<\/p>\n<p>With \"Layer 1\" selected in the Layers palette, go up to the <strong>Layer<\/strong> menu at the top of the screen and choose <strong>Create Clipping Mask<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/create-clipping-mask.gif\" alt=\"Creating a clipping mask in Photoshop.  Image &copy; 2008 Photoshop Essentials.com.\" width=\"254\" height=\"142\" \/>\n<div class=\"image-desc\">Go to Layer &gt; Create Clipping Mask.<\/div>\n<p>If we look in the document window, we can see that the photo now appears to be inside the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photo-inside-text.jpg\" alt=\"The photo now appears inside the text in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">The photo now appears inside the letters.<\/div>\n<h3>Step 14: Add A Drop Shadow (Optional)<\/h3>\n<p>To complete my effect, I'm going to add a drop shadow to the letters. If you want to follow along, first select the type layer in the Layers palette, then click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-layer-styles.gif\" alt=\"Clicking on the Layer Styles icon in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"276\" height=\"279\" \/>\n<div class=\"image-desc\">Select the type layer, then click on the Layer Styles icon.<\/div>\n<p>Select <strong>Drop Shadow<\/strong> from the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/drop-shadow-layer-style.gif\" alt=\"Selecting a drop shadow layer style in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"135\" height=\"171\" \/>\n<div class=\"image-desc\">Select the Drop Shadow layer style.<\/div>\n<p>This brings up Photoshop's <strong>Layer Style<\/strong> dialog box set to the <strong>Drop Shadow<\/strong> options in the middle column. I'm going to leave most of the options alone, but I'll lower the <strong>Opacity<\/strong> of the drop shadow down to about <strong>60%<\/strong> so it's not quite so intense, and I'll set the <strong>Angle<\/strong> of the drop shadow to <strong>120&deg;<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/drop-shadow-options.gif\" alt=\"The Drop Shadow options in the Layer Style dialog box in Photoshop. Image &copy; 2008 Photoshop Essentials.com.\" width=\"343\" height=\"209\" \/>\n<div class=\"image-desc\">The Layer Style dialog box displaying the options for the Drop Shadow.<\/div>\n<p>Click OK when you're done to apply the drop shadow an exit out of the Layer Style dialog box. Here is my final \"image in text\" effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/image-in-text\/new\/photoshop-image-in-text.jpg\" alt=\"Photoshop image in text effect. Image &copy; 2008 Photoshop Essentials.com.\" width=\"700\" height=\"322\" \/>\n<div class=\"image-desc\">The final \"image in text\" effect.<\/div>\n<p><a href=\"\/photoshop-text\/text-effects\/fill-multiple-text-layers-with-image-photoshop\/\" title=\"View tutorial\">Next tutorial: How to place an image in multiple text layers at once!<\/a><\/p>\n<\/section>\n<section id=\"summary\" class=\"quick-summary\">\n<h2 class=\"sub\">Placing An Image In Text - Quick Summary<\/h2>\n<p>We covered a lot in this tutorial. Here's a quick summary of the steps for when you need it:<\/p>\n<ul>\n<li>In Photoshop, open your photo, then press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to duplicate the Background layer.<\/li>\n<li>Press and hold <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) and, in the Layers panel, click the <strong>New Layer<\/strong> icon to add a new blank layer between the two existing layers.<\/li>\n<li>Go up to the <strong>Edit<\/strong> menu in the Menu Bar and choose <strong>Fill<\/strong>. In the Fill dialog box, set <strong>Use<\/strong> to <strong>White<\/strong>. Click OK.<\/li>\n<li>In the Layers panel, select the top layer (Layer 1) to make it active.<\/li>\n<li>Select the <strong>Type Tool<\/strong>, then in the Options Bar, choose your font options.<\/li>\n<li>Set your <strong>Foreground color<\/strong> to <strong>white<\/strong>, then click in the document and add your text.<\/li>\n<li>Press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to select <strong>Free Transform<\/strong>, then resize and reposition your text as needed.  Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to exit out of Free Transform.<\/li>\n<li>In the Layers panel, drag your Type layer below the photo on Layer 1.<\/li>\n<li>Select Layer 1 to make it active, then go up to the <strong>Layer<\/strong> menu in the Menu Bar and choose <strong>Create Clipping Mask<\/strong>.<\/li>\n<li>To add a drop shadow to the text, in the Layers panel, click the \"<strong>fx<\/strong>\" icon, choose <strong>Drop Shadow<\/strong>, then set the <strong>Angle<\/strong> and <strong>Opacity<\/strong> as needed.<\/li>\n<\/ul>\n<\/section>\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<section>\n<p>And there we have it! That's how to easily place an image in text with Photoshop! Visit our <a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a> or <a href=\"\/photo-effects\/\">Photo Effects<\/a> sections for more Photoshop effects tutorials!<\/p>\n<\/section>\n<p> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how easy it is to place an image inside text in Photoshop.<\/p>\n","protected":false},"author":1,"featured_media":498,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-497","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 Text With Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that&#039;s perfect for Photoshop beginners!\" \/>\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\/image-in-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Place An Image In Text With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that&#039;s perfect for Photoshop beginners!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/\" \/>\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=\"2012-10-02T23:32:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:12:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"80\" \/>\n\t<meta property=\"og:image:height\" content=\"80\" \/>\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=\"10 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\\\/image-in-text\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Place An Image In Text With Photoshop\",\"datePublished\":\"2012-10-02T23:32:27+00:00\",\"dateModified\":\"2019-04-13T16:12:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/\"},\"wordCount\":1965,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/imageintext80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/\",\"name\":\"Place An Image In Text With Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/imageintext80j.jpg\",\"datePublished\":\"2012-10-02T23:32:27+00:00\",\"dateModified\":\"2019-04-13T16:12:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that's perfect for Photoshop beginners!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/imageintext80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/imageintext80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Place An Image In Text With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/image-in-text\\\/#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\":\"Image In Text\"}]},{\"@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 Text With Photoshop","description":"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that's perfect for Photoshop beginners!","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\/image-in-text\/","og_locale":"en_US","og_type":"article","og_title":"Place An Image In Text With Photoshop","og_description":"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that's perfect for Photoshop beginners!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T23:32:27+00:00","article_modified_time":"2019-04-13T16:12:44+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Place An Image In Text With Photoshop","datePublished":"2012-10-02T23:32:27+00:00","dateModified":"2019-04-13T16:12:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/"},"wordCount":1965,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/","name":"Place An Image In Text With Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg","datePublished":"2012-10-02T23:32:27+00:00","dateModified":"2019-04-13T16:12:44+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to place an image in text with Photoshop in this easy to follow, step by step tutorial that's perfect for Photoshop beginners!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/imageintext80j.jpg","width":"80","height":"80","caption":"Place An Image In Text With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/image-in-text\/#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":"Image In Text"}]},{"@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\/497","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=497"}],"version-history":[{"count":186,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/497\/revisions"}],"predecessor-version":[{"id":27341,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/497\/revisions\/27341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/498"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}