{"id":494,"date":"2012-10-02T23:28:14","date_gmt":"2012-10-02T23:28:14","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=494"},"modified":"2019-04-13T12:12:57","modified_gmt":"2019-04-13T16:12:57","slug":"knock-out-text","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/","title":{"rendered":"Knock Out Text Effect In Photoshop"},"content":{"rendered":"<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop text effects<\/strong> tutorial, we're going to create some knock out text. By that, I mean we're going to look at how to use one of Photoshop's more interesting <strong>shape options<\/strong> to knock out sections of letters that overlap each other! Of course, you can't use shape options unless you're working with shapes, so along the way, we'll see how to convert text to a shape, which opens up a lot more possibilities for us when it comes to creating cool text effects.<\/p>\n<p style=\"clear:both;\">Here's an example of the result we're going for:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/knock-out-text-effect.gif\" alt=\"The final knock out text effect in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"121\" \/>\n<div class=\"image-desc\">The final \"knock out\" text effect.<\/div>\n<p>Let's get started!<\/p>\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<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4>Step 1: Create A New Blank Document<\/h4>\n<p>First, create a new Photoshop document, either by going up to the <strong>File<\/strong> menu at the top of the screen and choosing <strong>New<\/strong> or by pressing the keyboard shortcut <strong>Ctrl+N<\/strong> (Win) \/ <strong>Command+N<\/strong> (Mac). Either way brings up Photoshop's <strong>New Document<\/strong> dialog box. Enter the dimensions you need for your document. For this tutorial, if you want to follow along, I'll enter <strong>4 inches<\/strong> for my <strong>Width<\/strong>, <strong>2 inches<\/strong> for my <strong>Height<\/strong>, and a <strong>Resolution<\/strong> value of <strong>300 pixels\/inch<\/strong>. I'll also set my <strong>Background Contents<\/strong> to <strong>White<\/strong> which will fill the background of my new document with white. When you're done, click <strong>OK<\/strong> in the top right corner of the dialog box to exit out of it. Your new document will appear on your screen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-new-document.gif\" alt=\"The New Document dialog box in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"597\" height=\"341\" \/>\n<div class=\"image-desc\">Create a new Photoshop document using the New Document dialog box.<\/div>\n<h4>Step 2: Select The Type Tool<\/h4>\n<p>With our new document created, we can begin working on our effect. Since this is a text effect, we'll need some text, and for that, we'll need Photoshop <strong>Type Too<\/strong>l. Grab it from the Tools palette, or simply press the letter <strong>T<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-type-tool.gif\" alt=\"The Type Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"68\" height=\"105\" \/>\n<div class=\"image-desc\">Select the Type Tool.<\/div>\n<h4>Step 3: Select A Font<\/h4>\n<p>With the Type Tool selected, the <strong>Options Bar<\/strong> at the top of the screen changes to show options specifically for the Type Tool. Over on the left of the Options Bar is where we can choose a font. Select the font you want to use for your effect. Your choice of fonts will depend on which fonts you currently have installed on your computer. This effect works best with fonts that have big, thick letters, so I'm going to choose <strong>Cooper Std<\/strong>. Don't worry about the size of the font for now:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-type-options.gif\" alt=\"Selecting a font from the Options Bar in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"591\" height=\"51\" \/>\n<div class=\"image-desc\">Select a font from the Options Bar.<\/div>\n<h4>Step 4: Select A Color For The Text<\/h4>\n<p>Next, we need to select a color for our text. If you move further to the right in the Options Bar, you'll find a <strong>color swatch<\/strong>. This color swatch shows you the currently selected text color. To change the color of your text, simply click directly on the color swatch:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/text-color-swatch.gif\" alt=\"The color swatch showing the current text color in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"559\" height=\"52\" \/>\n<div class=\"image-desc\">The color swatch shows the current text color. Click on the color swatch to change the color.<\/div>\n<p>This brings up Photoshop's <strong>Color Picker<\/strong>. Choose a color for your text. I'm going to choose a medium shade of blue. When you're done, click <strong>OK<\/strong> to exit out of the Color Picker, and you'll see that the color swatch in the Options Bar has changed the show the color you've chosen:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-color-picker.jpg\" alt=\"The Color Picker in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"564\" height=\"369\" \/>\n<div class=\"image-desc\">Choose a color for your text from the Color Picker.<\/div>\n<h4>Step 5: Add Your Text<\/h4>\n<p>With the Type Tool, a font and a color for the text all selected, click inside your document and add your text. I'm going to type the word \"PHOTOSHOP\", all in capital letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-add-text.gif\" alt=\"The Color Picker in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"652\" height=\"346\" \/>\n<div class=\"image-desc\">Add your text to the document.<\/div>\n<p>Once you've added your text, click on the <strong>checkmark<\/strong> in the Options Bar to accept it and exit out of text editing mode.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/checkmark.gif\" alt=\"Clicking the checkmark to accept the text in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"503\" height=\"56\" \/>\n<div class=\"image-desc\">Click on the checkmark in the Options Bar to accept the text.<\/div>\n<h4>Step 6: Resize The Text If Needed With Free Transform<\/h4>\n<p>If you need to resize or move your text, or both, go up to the <strong>Edit<\/strong> menu at the top of the screen and choose <strong>Free Transform<\/strong>, or for a faster way to access the Free Transform command, press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/select-free-transform.gif\" alt=\"Selecting the Free Transform command in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"265\" height=\"147\" \/>\n<div class=\"image-desc\">Go to Edit > Free Transform.<\/div>\n<p>You'll see the Free Transform box and handles appear around your text in the document. To resize the text, hold down your <strong>Shift<\/strong> key, which will constrain the aspect ratio of the text as you resize it, then click on any of the corner handles (the little squares) and drag the handle inward or outward depending on whether you need to make the text larger or smaller. To move the text, click anywhere inside the Free Transform box and drag the text to a new location. I'm going to make my text a little bigger by dragging the handle in the bottom right corner outward:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-transform-text.gif\" alt=\"Resizing text with Free Transform in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"650\" height=\"346\" \/>\n<div class=\"image-desc\">Resize and move the text if needed with Free Transform.<\/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<h4>Step 7: Convert The Text To A Shape<\/h4>\n<p>Make sure you have everything spelled correctly because at this point, we need to convert our text into a shape. Once it's converted to a shape, the text will no longer be editable, so double check to make sure you haven't made any mistakes. To convert the text to a shape,  go up to the <strong>Layer<\/strong> menu at the top of the screen, choose <strong>Type<\/strong>, and then choose <strong>Convert to Shape<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-convert-to-shape.gif\" alt=\"Converting the text to a shape in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"478\" height=\"106\" \/>\n<div class=\"image-desc\">Go to Layer > Type > Convert to Shape.<\/div>\n<p>If we look in the Layers palette now, we can see that our text layer has become a <strong>shape layer<\/strong>. Even though the text still looks like, well, text in the document, the letters are  now individual shapes, which means we can now work with them the same way we could work with any other shape in Photoshop:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-shape-layer.gif\" alt=\"The Layers palette showing the new Shape layer. Image &copy; 2009 Photoshop Essentials.com.\" width=\"338\" height=\"213\" \/>\n<div class=\"image-desc\">The text now appears as a Shape layer in the Layers palette.<\/div>\n<h4>Step 8: Select The Path Selection Tool<\/h4>\n<p>We need to select all of our letters (shapes) at once. You may think we could use the Rectangular Marquee Tool, but since we're working with shapes, we'll actually need a different selection tool - the <strong>Path Selection Tool<\/strong>. Grab it from the Tools palette or press the letter <strong>A<\/strong> on your keyboard to select it with the shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-path-selection-tool.gif\" alt=\"The Path Selection Tool in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"75\" height=\"107\" \/>\n<div class=\"image-desc\">Select the Path Selection Tool.<\/div>\n<h4>Step 9: Drag A Selection Around The Entire Word<\/h4>\n<p>To select all the letters at once, simply click and drag out a selection box around the entire word, just like you would if you were using the Rectangular Marquee Tool. You'll see a thin dotted outline appearing as you drag:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/select-all-letters.gif\" alt=\"Dragging a selection around the word with the Path Selection Tool. Image &copy; 2009 Photoshop Essentials.com.\" width=\"650\" height=\"346\" \/>\n<div class=\"image-desc\">Drag a selection around the entire word with the Path Selection Tool.<\/div>\n<p>Once you have the entire word surrounded by the selection, release your mouse button. The rectangular selection outline will disappear, and you'll see that each individual letter now has an outline around it, with little squares (called anchor points) sitting at different spots around the letters:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/letters-selected.gif\" alt=\"The letter shapes are now selected. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"76\" \/>\n<div class=\"image-desc\">All of the letters (shapes) are now selected.<\/div>\n<p>If you want to learn more about working with paths and anchor points in Photoshop, I cover them in detail in our popular <strong><a href=\"\/basics\/pen-tool-selections\/\">Making Selections With The Pen Tool<\/a><\/strong> tutorial which you'll find in the <a href=\"\/basics\/\"><strong>Photoshop Basics<\/strong><\/a> section of the website.<\/p>\n<h4>Step 10: Select The \"Exclude Overlapping Shape Areas\" Option<\/h4>\n<p>With all of our letter shapes now selected, go up to the Options Bar at the top of the screen. On the left, you'll see a series of four icons, each one showing a different combination of squares. These icons represent different options for how our shapes can interact with each other. The one we want for this effect is the one on the far right - the<strong> Exclude overlapping shape areas<\/strong> option. Click on the icon to select it. If you have Tool Tips enabled in Photoshop's Preferences, you'll see the name of the option appear when you hover over the icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/exclude-overlapping-shape-areas.gif\" alt=\"Selecting the 'Exclude overlapping shape areas' option in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"689\" height=\"63\" \/>\n<div class=\"image-desc\">Select the \"Exclude overlapping shape areas\" option in the Options Bar.<\/div>\n<h4>Step 11: Deselect The Letters<\/h4>\n<p>In a moment, we're going to drag the individual letters over top of each other so that the shapes will overlap. The option we just selected in the Options Bar will cause the overlapping areas to disappear. Before we can do that though, we first need to deselect the letters, otherwise if we try to drag any one of them, we'll end up dragging all of them at the same time. To deselect the letters, simply click on any blank area in the document. You'll see all the anchor points disappear from around the letters, telling us that the shapes are no longer selected. You may still see an outline around the letters, but don't worry about it for now. We'll remove it when we're done:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/deselect-shapes.gif\" alt=\"The letter shapes are no longer selected. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"81\" \/>\n<div class=\"image-desc\">Click on any blank area of the document to deselect the letter shapes.<\/div>\n<h4>Step 12: Drag The Letters Together So They're Overlapping<\/h4>\n<p>This is the fun part. With the Path Selection Tool still selected, click on the second letter in the word and drag it towards the left until part of the letter is overlapping the first letter in the word. Like magic, the area that overlaps disappears from view:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/overlap-letters.gif\" alt=\"Overlapping the letter shapes. Image &copy; 2009 Photoshop Essentials.com.\" width=\"400\" height=\"236\" \/>\n<div class=\"image-desc\">The area that overlaps between the two letter shapes disappears.<\/div>\n<p>Continue dragging each letter towards the left until part of it overlaps the previous letter. For added variety, try rotating some of the letters with the <strong>Free Transform<\/strong> command. Simply click on the letter with the Path Selection Tool to select, then press <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to quickly bring up the Free Transform box and handles around the letter. Move your cursor anywhere outside of the Free Transform box, then click and drag to rotate the letter. Here, I'm rotating the letter T towards the left.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/rotate-letter.gif\" alt=\"Overlapping the letter shapes. Image &copy; 2009 Photoshop Essentials.com.\" width=\"550\" height=\"216\" \/>\n<div class=\"image-desc\">The area that overlaps between the two letter shapes disappears.<\/div>\n<p>When you're done rotating the letter, press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) to accept the transformation. Continue overlapping each letter until you reach the end of the word. Your final result should look something like this:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/letters-completed.gif\" alt=\"All the letter shapes now overlap each other. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"117\" \/>\n<div class=\"image-desc\">All of the letters in the word are now overlapping each other.<\/div>\n<h4>Step 13: Deselect The Vector Mask To Remove The Outline From Around The Text<\/h4>\n<p>The outline that's appearing around the text is making things look rather harsh, so let's get rid of it and clean things up. The reason the outline is visible is because we currently have the <strong>vector mask<\/strong> selected on the shape layer. If we look at the shape layer in the Layers palette, we can see that it contains a couple of thumbnails. The thumbnail on the right is the vector mask thumbnail, which, as you can see by looking at it, contains the shapes  of our letters. If you look closely, you'll see a white highlight border around the thumbnail. This means that we currently have the vector mask selected. Click directly on the thumbnail to deselect it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-vector-mask-thumbnail.gif\" alt=\"The vector mask thumbnail on the shape layer in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"338\" height=\"213\" \/>\n<div class=\"image-desc\">Click on the vector mask thumbnail to deselect the vector mask and remove the outline from around the text.<\/div>\n<p>The highlight border will disappear from around the thumbnail in the Layers palette, and the outline will disappear from around our text, allowing us to see what our final effect really looks like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/photoshop-knock-out-text.gif\" alt=\"The final knock out text effect in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"117\" \/>\n<div class=\"image-desc\">The final \"knock out\" text effect.<\/div>\n<p>To add even more interest to the effect, experiment with <strong>layer styles<\/strong>. For example, here's the result I came up with by applying the same layer styles that I used in the <strong><a href=\"\/photoshop-text\/text-effects\/gel\/\">Fun, Easy Gel Text Effect<\/a><\/strong> tutorial, which you'll find listed with the rest of our <strong><a href=\"\/photoshop-text\/text-effects\/\">Text Effects<\/a><\/strong> tutorials:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/knock-out-text\/knock-out-text-effect.gif\" alt=\"The final knock out text effect in Photoshop. Image &copy; 2009 Photoshop Essentials.com.\" width=\"700\" height=\"121\" \/>\n<div class=\"image-desc\">The same effect after experimenting with layer styles.<\/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<h3>Where to go next...<\/h3>\n<p>And there we have it! Check out 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<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>Convert text to a shape, then learn how to use one of Photoshop&#8217;s more interesting shape options to knock out sections of letters that overlap each other!<\/p>\n","protected":false},"author":1,"featured_media":495,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-494","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>Knock Out Text Effect In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.\" \/>\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\/knock-out-text\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Knock Out Text Effect In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-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:28:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T16:12:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.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\\\/knock-out-text\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Knock Out Text Effect In Photoshop\",\"datePublished\":\"2012-10-02T23:28:14+00:00\",\"dateModified\":\"2019-04-13T16:12:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/\"},\"wordCount\":1965,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/knockouttext80j.jpg\",\"articleSection\":[\"Text Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/\",\"name\":\"Knock Out Text Effect In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/knockouttext80j.jpg\",\"datePublished\":\"2012-10-02T23:28:14+00:00\",\"dateModified\":\"2019-04-13T16:12:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-text\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/knockouttext80j.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/10\\\/knockouttext80j.jpg\",\"width\":\"80\",\"height\":\"80\",\"caption\":\"Knock Out Text Effect In Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/knock-out-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\":\"Knock Out 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":"Knock Out Text Effect In Photoshop","description":"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.","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\/knock-out-text\/","og_locale":"en_US","og_type":"article","og_title":"Knock Out Text Effect In Photoshop","og_description":"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-10-02T23:28:14+00:00","article_modified_time":"2019-04-13T16:12:57+00:00","og_image":[{"width":80,"height":80,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.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\/knock-out-text\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Knock Out Text Effect In Photoshop","datePublished":"2012-10-02T23:28:14+00:00","dateModified":"2019-04-13T16:12:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/"},"wordCount":1965,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.jpg","articleSection":["Text Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/","name":"Knock Out Text Effect In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.jpg","datePublished":"2012-10-02T23:28:14+00:00","dateModified":"2019-04-13T16:12:57+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to create an interesting text effect in Photoshop by knocking out sections of letters that overlap each other.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-text\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/10\/knockouttext80j.jpg","width":"80","height":"80","caption":"Knock Out Text Effect In Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/knock-out-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":"Knock Out 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\/494","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=494"}],"version-history":[{"count":35,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/494\/revisions"}],"predecessor-version":[{"id":27342,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/494\/revisions\/27342"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/495"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}