{"id":2835,"date":"2012-12-10T14:06:54","date_gmt":"2012-12-10T19:06:54","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/?p=2835"},"modified":"2019-04-13T10:47:33","modified_gmt":"2019-04-13T14:47:33","slug":"clipping-masks-and-type","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/","title":{"rendered":"Clipping Masks And Type &#8211; Placing An Image In Text With Photoshop"},"content":{"rendered":"<section>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In a previous tutorial, we learned the basics and essentials of <a href=\"\/basics\/clipping-masks-essentials\/\">using clipping masks in Photoshop<\/a> to hide unwanted parts of a layer from view in our designs and documents. <\/p>\n<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 20px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photoshop basics top responsive -->\n<ins class=\"adsbygoogle adslot-2\"     \n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"7310008691\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>We learned that clipping masks use the content and transparent areas of the bottom layer to determine which parts of the layer above it remain visible, and as a real world example, we used a clipping mask to place one image into a photo frame that was inside a second image.<\/p>\n<p>In that tutorial, we focused mainly on using clipping masks with <a href=\"\/essentials\/pixels\/\">pixel-based layers<\/a>, but another common use for them is with <a href=\"\/basics\/type\/photoshop-type-essentials\/\">type<\/a>. Specifically, they can be used to easily <strong>place a photo inside of text<\/strong>!<\/p>\n<p>As we'll see in this tutorial, Type layers in Photoshop are different from pixel-based layers in that there are no actual \"transparent\" areas on a Type layer. The type itself simply becomes the layer's contents. When we use a clipping mask with a Type layer, any part of the image on the layer above that sits directly over top of the text remains visible in the document, while areas of the image that fall outside the text are hidden. This creates the illusion that the image is actually inside the text! Let's see how it works.<\/p>\n<p>As with the previous tutorial, I'll be using Photoshop CS6 here but everything we'll cover applies to any recent version of Photoshop.<\/p>\n<\/section>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<section>\n<h2 class=\"sub\">Using Clipping Masks With Type<\/h2>\n<p>Here's a document I have open  containing two images. The first photo on the bottom Background layer will be used as the main image for the project (<a href=\"http:\/\/www.shutterstock.com\/pic.mhtml?id=63804178\">friends enjoying snowfall photo<\/a> from Shutterstock): <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/friends-snowfall.jpg\" alt=\"Two happy young female friends enjoying snowfall on Christmas winter night over snow background. Image licensed from Shutterstock\" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">The main image that will be used as the background.<\/div>\n<p>And if I turn on the top layer by clicking on its <strong>visibility icon<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/layer-visibility-icon.gif\" alt=\"Clicking on the layer visibility icon for the top layer in the Layers panel. \" width=\"280\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking the layer visibility (\"eyeball\") icon for the top layer.<\/div>\n<p>We see the image I'm going to be placing inside of some text (<a href=\"http:\/\/www.shutterstock.com\/pic.mhtml?id=65799910\">abstract winter background<\/a> from Shutterstock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/abstract-winter-background.jpg\" alt=\"An abstract winter background. Image licensed from Shutterstock\" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">The image that will be going inside the text.<\/div>\n<h3>Step 1: Add Your Text<\/h3>\n<p>Let's go ahead and add the text to the document. First, I want my text to appear in front of the other images for now (so I can see what I'm doing) so before I add any text, I'll click on the top layer in the Layers panel to select it and make it active:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/select-top-layer.gif\" alt=\"Selecting the top layer in the Layers panel. \" width=\"264\" height=\"192\" \/>\n<div class=\"image-desc\">Selecting the top layer.<\/div>\n<p>With the top layer selected, I'll add my text. If you're looking for more information on working with type in Photoshop, be sure to check out  our full <a href=\"\/basics\/type\/photoshop-type-essentials\/\">Photoshop Type Essentials<\/a> tutorial, the first of several tutorials covering everything you need to know. Here, I'll start by grabbing the <strong>Type Tool<\/strong> from the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/photoshop-type-tool.gif\" alt=\"Selecting the Type Tool in Photoshop. \" width=\"76\" height=\"115\" \/>\n<div class=\"image-desc\">Selecting the Type Tool.<\/div>\n<p>With the Type Tool selected, I'll choose my font up in the <strong>Options Bar<\/strong> along the top of the screen. When you know you're going to be placing an image inside your text, you'll usually want to choose a font with thick letters so you'll be able to see more of the image. I'll choose Impact  since it's a nice thick font, and I'll set the initial size of my font to 24pt. Don't worry about choosing a color for the text because the color won't be visible once we've added the image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/photoshop-font-options.gif\" alt=\"The font options in the Options Bar in Photoshop. \" width=\"542\" height=\"67\" \/>\n<div class=\"image-desc\">Selecting the font options in the Options Bar.<\/div>\n<p>With my font details chosen, I'll click inside the document with the Type Tool to begin adding my text. I'll type the words \"Happy Holidays\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/adding-text.jpg\" alt=\"Adding text to the document with the Type Tool. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">Adding the type to the document.<\/div>\n<p>When you're done, click the <strong>checkmark<\/strong> in the Options Bar to accept the type and exit out of text editing mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/checkmark.gif\" alt=\"Clicking the checkmark to accept the text. \" width=\"404\" height=\"74\" \/>\n<div class=\"image-desc\">Clicking the checkmark in the Options Bar.<\/div>\n<p>If we look in the Layers panel, we see the new <strong>Type layer<\/strong> that's been placed above the other two layers. Photoshop places new Type layers directly above whatever layer was previously active which is why I first clicked on Layer 1 to select it before adding the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/type-layer.gif\" alt=\"The Layers panel showing the newly added Type layer. \" width=\"264\" height=\"219\" \/>\n<div class=\"image-desc\">The Layers panel showing the new Type layer.<\/div>\n<h3>Step 2: Resize The Text With Free Transform<\/h3>\n<p>Unfortunately, the font size I chose in the Options Bar was too small for my design, but that's okay because there's an easy way to <a href=\"\/basics\/type\/font-size\/\">resize the text<\/a>. We'll just use Photoshop's <a href=\"\/basics\/free-transform\/\">Free Transform<\/a> command. I'll select it by going up to the <strong>Edit<\/strong> menu in the Menu Bar along the top of the screen and choosing <strong>Free Transform<\/strong>. Or, I could  press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) on my keyboard to select Free Transform with the shortcut. Either way is fine:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/edit-free-transform.gif\" alt=\"Selecting the Free Transform command in Photoshop. \" width=\"264\" height=\"108\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Free Transform.<\/div>\n<p>This places the Free Transform box and handles (little squares) around the type. To resize the type, I'll simply click and drag the <strong>corner handles<\/strong> outward to make the text as large as I need it. I'll also hold down my <strong>Shift<\/strong> key as I'm dragging the handles to keep the original shape of the letters intact as I'm resizing them. When you're done, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) on your keyboard to accept the transformation and exit out of the Free Transform command:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/free-transform-type.jpg\" alt=\"Resizing the text with Free Transform in Photoshop. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">Holding Shift and dragging the corner handles to resize the text.<\/div>\n<h3>Step 3: Create A Clipping Mask<\/h3>\n<p>Now that the type is the size we need, let's go ahead and add our clipping mask to place the image inside the text. The image I want to place inside my text is  on Layer 1, but Layer 1 is currently sitting below my Type layer and as we learned in the <a href=\"\/basics\/clipping-masks-essentials\/\">Clipping Masks Essentials<\/a> tutorial, we need the layer that's going to serve as the clipping mask (in this case, the Type layer) to be below the layer that's going to be \"clipped\" (Layer 1). This means I'll first need to move my Type layer below  Layer 1.<\/p>\n<p>To move the Type layer, I'll click on it in the Layers panel and with my mouse button held down, I'll begin dragging the layer downward until I see a <strong>horizontal highlight bar<\/strong> appear between Layer 1 and the Background layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/drag-layer-down.gif\" alt=\"Moving the Type layer below Layer 1 in the Layers panel. \" width=\"268\" height=\"221\" \/>\n<div class=\"image-desc\">Dragging the Type layer below Layer 1.<\/div>\n<p>When the highlight bar appears, I'll release my mouse button and the Type layer is moved right where I need it directly below Layer 1:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/type-layer-moved.gif\" alt=\"The Type layer has been moved below the image layer. \" width=\"264\" height=\"191\" \/>\n<div class=\"image-desc\">Layer 1 now sits above the Type layer.<\/div>\n<p>Next, we need to make sure we have the layer that's going to be \"clipped\" by the clipping mask selected, so I'll select Layer 1:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/select-layer-1.gif\" alt=\"Selecting the layer that's going to be clipped by the clipping mask. \" width=\"264\" height=\"221\" \/>\n<div class=\"image-desc\">Selecting the image layer above the Type layer.<\/div>\n<p>With the Type layer now directly below the image and the image layer selected, I'll add the clipping mask by going up to the <strong>Layer<\/strong> menu at the top of the screen and choosing <strong>Create Clipping Mask<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/layer-create-clipping-mask.gif\" alt=\"Selecting the Create Clipping Mask command from the Layer menu in Photoshop. \" width=\"250\" height=\"125\" \/>\n<div class=\"image-desc\">Going to Layer &gt; Create Clipping Mask.<\/div>\n<p>If we look again in the Layers panel, we see that Layer 1 is now indented to the right, with a small arrow to the left of its preview thumbnail pointing down at the Type layer below it. This tells us that Layer 1 is now being clipped by the Type layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/layer-clipped.gif\" alt=\"The Layers panel showing the clipping mask. \" width=\"264\" height=\"160\" \/>\n<div class=\"image-desc\">The Layers panel showing the clipping mask.<\/div>\n<p>And if we look in the document window, we see that the image on Layer 1 now appears to be inside the text! It's not <em>really<\/em> inside the text. It only looks that way because any part of the image that is not sitting directly above the type is being hidden from view thanks to the clipping mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/type-clipped.jpg\" alt=\"The document window showing the image clipped inside the text. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">Photoshop is now hiding any part of the image that is not sitting directly above the type.<\/div>\n<h3>Step 4: Reposition The Text<\/h3>\n<p>Of course, I picked a pretty bad spot to place my text. It's blocking the faces of the two people in the photo so I'll need to move the text into position. First, I'll select the <strong>Type layer<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/select-type-layer.gif\" alt=\"Selecting the Type layer in the Layers panel. \" width=\"264\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking on the Type layer to select it.<\/div>\n<p>Then I'll grab Photoshop's <strong>Move Tool<\/strong> from the top of the Tools panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/photoshop-move-tool.gif\" alt=\"Selecting the Move Tool from the Tools panel in Photoshop. \" width=\"78\" height=\"141\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<p>With the Type layer selected and the Move Tool in hand, I'll simply click on the text in the document and drag it up above the two people in the photo. Even though the text is moving, the image inside the text remains in place. It doesn't move at all. So with the text now higher up in the document, we see a different part of the image inside the text. The text and the image inside it can actually be moved <strong>independently of each other<\/strong>, so if I wanted to, I could also select the image layer (Layer 1) in the Layers panel and, with the Move Tool still in hand, drag the image around inside the text to reposition it. This would move the image while the text remained in place:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/move-text.jpg\" alt=\"Moving the text higher up in the document. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">Use the Move Tool to move the text, or the image inside the text (depending on which layer is selected in the Layers panel).<\/div>\n<p>Even though the Type layer is being used as a clipping mask, it's still officially type, which means it remains fully editable even with the image appearing inside of it. If you suddenly realized you made a spelling mistake, simply select the Type Tool, highlight the mistake by clicking and dragging over it, type the correction and then click the checkmark in the Options Bar to accept it. Or, if you don't like the font you chose initially, again select the Type Tool, click on the Type layer in the Layers panel to make it active, then choose a different font from the Options Bar (you may need to use Free Transform again to resize the type if you change fonts). Again, I cover all of these things and more beginning with our <a href=\"\/basics\/type\/photoshop-type-essentials\/\">Photoshop Type Essentials<\/a> tutorial.<\/p>\n<h3>Warping And Reshaping The Type<\/h3>\n<p>Also since the type is still type, that means you can even warp it into different shapes! First make sure you have the Type layer selected in the Layers panel, then go up to the <strong>Edit<\/strong> menu at the top of the screen, choose <strong>Transform<\/strong>, and then choose <strong>Warp<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/edit-transform-warp.gif\" alt=\"Choosing the Transform Warp command from the Edit menu in Photoshop. \" width=\"160\" height=\"104\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Warp.<\/div>\n<p>With the Warp command selected, look up near the far left of the Options Bar at the top of the screen and you'll see a <strong>Warp<\/strong> option that by default is set to <strong>None<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/warp-none.gif\" alt=\"The Warp option in the Options Bar in Photoshop. \" width=\"470\" height=\"73\" \/>\n<div class=\"image-desc\">The Warp option in the Options Bar.<\/div>\n<p>Clicking on the word None opens a drop-down list of several preset <strong>warp styles<\/strong> to choose from. As an example, I'll choose one of the more popular styles - <strong>Wave<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/wave-warp.gif\" alt=\"Selecting the Wave warp option in Photoshop. \" width=\"181\" height=\"88\" \/>\n<div class=\"image-desc\">Choosing Wave from the list of preset warp styles.<\/div>\n<p>This instantly <a href=\"\/basics\/type\/warp-text\/\">warps the text<\/a> into a fun \"wave\" shape, yet the clipping mask remains active with the image still appearing inside the text. Anything you can normally do with type in Photoshop, you can do with it even when it's being used as a clipping mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/clipping-mask-type.jpg\" alt=\"The text has been warped using the Warp command in Photoshop. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">The text after applying the Warp command.<\/div>\n<h3>Adding Layer Styles<\/h3>\n<p>We also learned in the <a href=\"\/basics\/clipping-masks-essentials\/\">Clipping Masks Essentials<\/a> tutorial that we can add <strong>layer styles<\/strong> to clipping masks, and that's true even when using type. To quickly finish things off, I'll add a layer style to the text to help it blend in better with the main photo behind it. First, I'll select the Type layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/select-type-layer.gif\" alt=\"Selecting the Type layer in the Layers panel. \" width=\"264\" height=\"192\" \/>\n<div class=\"image-desc\">Selecting the Type layer.<\/div>\n<p>Then I'll click on the <strong>Layer Styles<\/strong> icon at the bottom of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/layer-styles-icon.gif\" alt=\"Clicking the Layer Styles icon in the Layers panel in Photoshop. \" width=\"264\" height=\"192\" \/>\n<div class=\"image-desc\">Clicking the Layer Styles icon.<\/div>\n<p>I'll choose <strong>Outer Glow<\/strong> from the list of layer styles that appears:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/choose-outer-glow.gif\" alt=\"Choosing an Outer Glow layer style. \" width=\"160\" height=\"98\" \/>\n<div class=\"image-desc\">Choosing an Outer Glow style.<\/div>\n<p>This opens Photoshop's Layer Style dialog box set to the Outer Glow options in the middle column. I'll change the color of my outer glow to white by clicking on the <strong>color swatch<\/strong> and choosing <strong>white<\/strong> from the <strong>Color Picker<\/strong> that appears. Then I'll lower the <strong>Opacity<\/strong> of the glow to <strong>30%<\/strong> and I'll increase the glow's <strong>Size<\/strong> to around <strong>32px<\/strong>. Of course, these are just settings that work well with my image here and are only meant to be an example of how we can add layer styles to type while it's being used as a clipping mask:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/outer-glow-options.gif\" alt=\"The Outer Glow layer style options. \" width=\"398\" height=\"310\" \/>\n<div class=\"image-desc\">The Outer Glow options.<\/div>\n<p>I'll click OK in the top right corner of the Layer Style dialog box to close out of it. We can see the Outer Glow style listed below the Type layer in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/outer-glow-added.gif\" alt=\"The Layers panel showing the Outer Glow style added to the Type layer. \" width=\"280\" height=\"230\" \/>\n<div class=\"image-desc\">The Outer Glow style appears below the Type layer.<\/div>\n<p>And with that, we're done! Here's my final result with the Outer Glow added to the text (I also used to Move Tool to move the type down just a bit so it appears more centered between the two girls and the top of the image):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/basics\/clipping-masks\/type\/photoshop-image-in-text.jpg\" alt=\"Placing an image in text with clipping masks in Photoshop. \" width=\"640\" height=\"436\" \/>\n<div class=\"image-desc\">The final \"image in text\" result.<\/div>\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<aside>\n<h3>Where to go next...<\/h3>\n<p>And there we have it! That's how to combine the power of clipping masks with type in Photoshop to easily place an image inside your text! For more on clipping masks, see our <a href=\"\/basics\/clipping-masks-essentials\/\">Clipping Masks Essentials<\/a> tutorial. Visit our <a href=\"\/basics\/\">Photoshop Basics<\/a> section to learn lots more about Photoshop!<\/p>\n<\/aside>\n<aside> <div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div> <\/aside>\n\n","protected":false},"excerpt":{"rendered":"<p>In this second tutorial in our series on Photoshop clipping masks, we learn how to use type as a clipping mask to easily place a photo inside your text!<\/p>\n","protected":false},"author":1,"featured_media":2849,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-2835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-basics"],"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 Clipping Masks<\/title>\n<meta name=\"description\" content=\"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!\" \/>\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\/basics\/clipping-masks-and-type\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Clipping Masks And Type - Placing An Image In Text With Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/\" \/>\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-12-10T19:06:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T14:47:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.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=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Clipping Masks And Type &#8211; Placing An Image In Text With Photoshop\",\"datePublished\":\"2012-12-10T19:06:54+00:00\",\"dateModified\":\"2019-04-13T14:47:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/\"},\"wordCount\":2197,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/clipping-masks-type-80j.jpg\",\"articleSection\":[\"Photoshop Basics\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/\",\"name\":\"Place An Image In Text With Photoshop Clipping Masks\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/clipping-masks-type-80j.jpg\",\"datePublished\":\"2012-12-10T19:06:54+00:00\",\"dateModified\":\"2019-04-13T14:47:33+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/clipping-masks-type-80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/12\\\/clipping-masks-type-80j.jpg\",\"width\":\"80\",\"height\":\"80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/clipping-masks-and-type\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/basics\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Clipping Masks and Type\"}]},{\"@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 Clipping Masks","description":"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!","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\/basics\/clipping-masks-and-type\/","og_locale":"en_US","og_type":"article","og_title":"Clipping Masks And Type - Placing An Image In Text With Photoshop","og_description":"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-12-10T19:06:54+00:00","article_modified_time":"2019-04-13T14:47:33+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Clipping Masks And Type &#8211; Placing An Image In Text With Photoshop","datePublished":"2012-12-10T19:06:54+00:00","dateModified":"2019-04-13T14:47:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/"},"wordCount":2197,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.jpg","articleSection":["Photoshop Basics"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/","name":"Place An Image In Text With Photoshop Clipping Masks","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.jpg","datePublished":"2012-12-10T19:06:54+00:00","dateModified":"2019-04-13T14:47:33+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to use type as a clipping mask in Photoshop to easily place an image inside your text!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/12\/clipping-masks-type-80j.jpg","width":"80","height":"80"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/clipping-masks-and-type\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics","item":"https:\/\/www.photoshopessentials.com\/newsite\/basics\/"},{"@type":"ListItem","position":3,"name":"Clipping Masks and Type"}]},{"@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\/2835","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=2835"}],"version-history":[{"count":40,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/2835\/revisions"}],"predecessor-version":[{"id":27123,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/2835\/revisions\/27123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/2849"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=2835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=2835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=2835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}