{"id":26482,"date":"2019-01-14T13:17:26","date_gmt":"2019-01-14T18:17:26","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=26482"},"modified":"2022-11-08T09:21:27","modified_gmt":"2022-11-08T14:21:27","slug":"how-to-slice-text-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/","title":{"rendered":"How to Slice Text in Photoshop"},"content":{"rendered":"<section>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1YDZfmfxNgo\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div class=\"summary-novideo\">\n<p>Learn how to slice text in Photoshop, and how to keep the text editable even after you slice it! A step-by-step tutorial.<\/p>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I'll show you step-by-step how to create a popular \"sliced text\" effect with Photoshop. And unlike other tutorials that force you to convert your text into pixels before you cut it into slices, you'll learn how to keep your text editable so you can try out different words using the same slices!<\/p>\n<p>To do that, we'll take advantage of two powerful Photoshop features known as <em>smart objects<\/em> and <em>vector masks<\/em>. We'll start by converting the text into a smart object, which keeps it editable. And then we'll cut the text into slices, and shape the slices into any angle we need, using vector masks! Let's see how it works.<\/p>\n<p>Here's a quick design I came up with to show the sliced text effect we'll be creating. Notice that the word &quot;SLICE&quot; is sliced in half:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-sliced-text-effect.jpg\" alt=\"How to slice text in Photoshop\" width=\"700\" height=\"308\" \/>\n<div class=\"image-desc\">The sliced text effect.<\/div>\n<p>Once we've created the initial effect, I'll show you how to edit the text so you can use the same slices with a different word without starting over:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-slice-text-effect-edited.jpg\" alt=\"The same slice text effect in Photoshop after editing the text\" width=\"698\" height=\"308\" \/>\n<div class=\"image-desc\">The same sliced effect with different text.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Hungry to learn how to slice text? Then let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to slice text in Photoshop<\/h2>\n<p>For this tutorial, I'm using Photoshop CC but every step is compatible with Photoshop CS6. You can <a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fwww.adobe.com%2Fproducts%2Fphotoshop.html\" title=\"Get Photoshop\" target=\"_blank\" rel=\"noopener\">get the latest Photoshop version here<\/a>.<\/p>\n<p>You can also follow along with my <a href=\"https:\/\/youtu.be\/1YDZfmfxNgo\" title=\"Watch the video\" target=\"_blank\" rel=\"noopener noreferrer\">video of this tutorial<\/a> on our YouTube channel. Or download this tutorial as a <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">print-ready PDF<\/a> and get exclusive bonus content!<\/p>\n<h3>Step 1: Add your text to the document<\/h3>\n<p>The first step in creating a sliced text effect is to add some text. I've gone ahead and added the text to my document, but you can easily follow along by <a href=\"\/basics\/create-new-documents-photoshop-cc\/\"  title=\"Learn more\">creating a new document<\/a> and adding any text you like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-document-setup.jpg\" alt=\"The initial Photoshop document with the text added\" width=\"700\" height=\"392\" \/>\n<div class=\"image-desc\">The initial Photoshop document with the text added.<\/div>\n<p>If we look in the <a href=\"\/basics\/layers\/layers-panel\/\" title=\"Learn more\">Layers panel<\/a>, we see how my document is set up. The main image is on the <a href=\"\/basics\/background-layer-photoshop-cc\/\" title=\"Learn more\">Background layer<\/a>, and the word &quot;SLICE&quot; is on a Type layer above it. I've added a stroke around the letters, which is listed as an effect below the Type layer. <\/p>\n<p>The remaining text (&quot;BUY ONE&quot;, &quot;GET ONE FREE&quot;, and so on) is in a layer group at the top named &quot;Additional text&quot;. I've placed it in a group just to keep it out of the way. For this effect, the only text we're interested in is the word &quot;SLICE&quot;:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/layers-panel-setup.png\" alt=\"Photoshop's Layers panel showing the text added to the document\" width=\"297\" height=\"231\" \/>\n<div class=\"image-desc\">The Layers panel showing the document setup.<\/div>\n<h4>Turning off the additional text<\/h4>\n<p>To keep things simple, I'll turn the layer group off for now by clicking its <strong>visibility icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/layer-group-visibility-icon.png\" alt=\"Turning off the additional text in the Photoshop document\" width=\"306\" height=\"152\" \/>\n<div class=\"image-desc\">Turning off the &quot;Additional text&quot; layer group.<\/div>\n<p>And now we see just the word \"SLICE\" in front of the background image (<a href=\"https:\/\/adobe.prf.hn\/click\/camref:1100lrdjJ\/destination:https%3A%2F%2Fstock.adobe.com%2Fca%2Fimages%2Fslices-of-pizza-with-spices-on-black-background%2F219949741\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">pizza slices photo<\/a> from Adobe Stock):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/text-and-image.jpg\" alt=\"The Photoshop document with only the word 'SLICE' in front of the background image\"width=\"700\" height=\"307\" \/>\n<div class=\"image-desc\">The document after turning off the additional text. Photo credit: Adobe Stock.<\/div>\n<div align=\"center\" style=\"padding-top:16px; padding-bottom:16px;\">\n<script type=\"text\/javascript\" src=\"https:\/\/adobe-creative.prf.hn\/creative\/camref:1100lrdjJ\/creativeref:1011l90368\"><\/script>\n<\/div>\n<h3>Step 2: Convert the Type layer into a smart object<\/h3>\n<p>To keep the text editable as you slice it, convert the Type layer into a <a href=\"\/basics\/how-to-create-smart-objects-in-photoshop\/\" title=\"Learn more\">smart object<\/a>. First, make sure that the Type layer you need is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-type-layer.png\" alt=\"Selecting the Type layer in the Layers panel in Photoshop\" width=\"297\" height=\"187\" \/>\n<div class=\"image-desc\">Selecting the Type layer in the Layers panel.<\/div>\n<p>Then click on the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/layers-panel-menu-icon.png\" alt=\"Clicking the Layers panel menu icon\" width=\"303\" height=\"119\" \/>\n<div class=\"image-desc\">Clicking the Layers panel menu icon.<\/div>\n<p>And choose <strong>Convert to Smart Object<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-convert-to-smart-object.png\" alt=\"How to convert a Type layer to a smart object in Photoshop\" width=\"266\" height=\"114\" \/>\n<div class=\"image-desc\">Choosing the &quot;Convert to Smart Object&quot; command.<\/div>\n<p>A <strong>smart object icon<\/strong> appears in the lower right of the preview thumbnail, telling us that our text is now safely inside a smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/smart-object-icon.png\" alt=\"The Layers panel after converting the Type layer into a smart object in Photoshop\" width=\"297\" height=\"156\" \/>\n<div class=\"image-desc\">Smart objects are indicated by their icon in the preview thumbnail.<\/div>\n<h3>Step 3: Select the Rectangle Tool<\/h3>\n<p>To draw the slices, we'll use Photoshop's <strong><a href=\"\/basics\/how-to-draw-vector-shapes-in-photoshop-cs6\/\" title=\"View tutorial\">Rectangle Tool<\/a><\/strong>. Select the Rectangle Tool from the <a href=\"\/basics\/photoshop-tools-toolbar-overview\/\" title=\"Learn more\">Toolbar<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-photoshop-rectangle-tool.png\" alt=\"Selecting Photoshop's Rectangle Tool from the toolbar\" width=\"71\" height=\"167\" \/>\n<div class=\"image-desc\">Selecting the Rectangle Tool.<\/div>\n<h3>Step 4: Set the Tool Mode to Path<\/h3>\n<p>Then in the Options Bar, set the <strong>Tool Mode<\/strong> to <strong>Path<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/rectangle-tool-mode-path.png\" alt=\"Setting the tool mode for Photoshop's Rectangle Tool to Path in the Options Bar\" width=\"329\" height=\"102\" \/>\n<div class=\"image-desc\">Setting the mode for the Rectangle Tool to Path.<\/div>\n<h3>Step 5: Draw a path around the bottom half of the text<\/h3>\n<p>Drag out a rectangular path around the bottom half of your text. We're going to use this path to create the bottom slice. For best results, try to make the path wider than the text itself, so that if you need to edit the text later, and the new text is a bit longer than the original text, the new text will still fit within the slice.<\/p>\n<p>If you need to reposition the path as you're drawing it, press and hold your <strong>spacebar<\/strong>, drag the path into place, and then release your spacebar to continue drawing the path:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/draw-slice-bottom-half.png\" alt=\"Drawing a rectangular path around the bottom half of the text in Photoshop\" width=\"697\" height=\"241\" \/>\n<div class=\"image-desc\">Drawing a rectangular path around the bottom half of the text.<\/div>\n<h3>Step 6: Choose the Direct Selection Tool<\/h3>\n<p>Now that we have our path, we'll reshape it into a diagonal slice.<\/p>\n<p>Select Photoshop's <strong>Direct Selection Tool<\/strong> from the Toolbar. By default, it's hiding behind the Path Selection Tool (the black arrow tool). You'll need to click and hold on the Path Selection Tool until a fly-out menu appears, and then choose the Direct Selection Tool (the white arrow tool) from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-direct-selection-tool-photoshop.png\" alt=\"Selecting the Direct Selection Tool from the Toolbar in Photoshop\" width=\"250\" height=\"132\" \/>\n<div class=\"image-desc\">Selecting the Direct Selection Tool from behind the Path Selection Tool.<\/div>\n<h3>Step 7: Deselect the path<\/h3>\n<p>Click anywhere away from the path to deselect it. The <em>anchor point<\/em> in each corner of the path will disappear, leaving only the path outline itself:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/deselect-path.jpg\" alt=\"Deselecting the path by clicking away from it in the Photoshop document\" width=\"697\" height=\"191\" \/>\n<div class=\"image-desc\">Clicking away from the path to deselect it.<\/div>\n<h3>Step 8: Select and drag the top left anchor point downward<\/h3>\n<p>Then click in the top left corner of the path to select just that one anchor point:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-anchor-point-top-left.jpg\" alt=\"Selecting the top left anchor point on the path in Photoshop\" width=\"697\" height=\"208\" \/>\n<div class=\"image-desc\">Clicking to select the top left anchor point.<\/div>\n<p>And drag the point downward to turn the top of the path into a sloped, diagonal line:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/drag-point-top-left-down.jpg\" alt=\"Dragging the top left anchor point down to reshape the top of the path\" width=\"697\" height=\"214\" \/>\n<div class=\"image-desc\">Dragging the top left anchor point downward.<\/div>\n<h4>Converting the live shape into a regular path<\/h4>\n<p>Photoshop will ask if you want to convert your live shape into a regular path. Click <strong>Yes<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/turn-live-shape-into-path.png\" alt=\"Clicking Yes to turn the live shape into a regular path in Photoshop\" width=\"429\" height=\"167\" \/>\n<div class=\"image-desc\">Clicking Yes to turn the live shape into a regular path.<\/div>\n<h3>Step 9: Select and drag the top right anchor point upward<\/h3>\n<p>Then click on the anchor point in the top right corner of the path to select it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-anchor-point-top-right.jpg\" alt=\"Selecting the anchor point in the top right corner of the path in Photoshop\" width=\"697\" height=\"213\" \/>\n<div class=\"image-desc\">Clicking to select the top right anchor point.<\/div>\n<p>And drag that point upward. You can go back and forth with the two points, clicking and dragging them up or down as needed, until you're happy with the angle of the slice:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/drag-anchor-point-up.jpg\" alt=\"Dragging the top right anchor point on the path upward\" width=\"701\" height=\"207\" \/>\n<div class=\"image-desc\">Dragging the top right anchor point upward.<\/div>\n<p><a href=\"\/basics\/vector-shapes-vs-pixel-shapes-in-photoshop\/\" title=\"Learn more\">What's the difference between vector shapes and pixel shapes in Photoshop?<\/a><\/p>\n<h3>Step 10: Convert the path into a vector mask<\/h3>\n<p>To create the slice, we need to turn the path into a <em>vector mask<\/em>. Go to your <strong>Layers panel<\/strong>, press and hold the <strong>Ctrl<\/strong> (Win) \/ <strong>Command<\/strong> (Mac) key on your keyboard, and click the <strong>Add Layer Mask<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/add-layer-mask.png\" alt=\"How to turn a path into a vector mask in Photoshop\" width=\"297\" height=\"157\" \/>\n<div class=\"image-desc\">Holding Ctrl (Win) \/ Command (Mac) and clicking the Add Layer Mask icon.<\/div>\n<p>A <em>vector mask thumbnail<\/em> appears next to the smart object's preview thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/vector-mask-thumbnail-photoshop.png\" alt=\"The vector mask thumbnail in the Layers panel in Photoshop\" width=\"297\" height=\"127\" \/>\n<div class=\"image-desc\">The vector mask thumbnail in the Layers panel.<\/div>\n<p>And in the document, we see that the top part of the text has disappeared. Only the bottom part inside the vector mask remains visible, creating our first slice:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/bottom-text-slice.jpg\" alt=\"The first text slice has been created in Photoshop\" width=\"697\" height=\"214\" \/>\n<div class=\"image-desc\">The first slice has been created.<\/div>\n<h3>Step 11: Make a copy of the smart object<\/h3>\n<p>To create the top slice, make a copy of the smart object by going up to the <strong>Layer<\/strong> menu, choosing <strong>New<\/strong>, and then choosing <strong>Layer via Copy<\/strong>. Or you can press the keyboard shortcut, <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac):<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/new-layer-via-copy.png\" alt=\"Selecting the 'New Layer via Copy' command in Photoshop\" width=\"242\" height=\"81\" \/>\n<div class=\"image-desc\">Going to Layer &gt; New &gt; Layer via Copy.<\/div>\n<p>In the Layers panel, a copy of the smart object appears above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/smart-object-copy.png\" alt=\"Photoshop's Layers panel showing the copy of the smart object\" width=\"297\" height=\"141\" \/>\n<div class=\"image-desc\">The Layers panel showing the smart object copy.<\/div>\n<h3>Step 12: Choose &quot;Subtract Front Shape&quot;<\/h3>\n<p>In the <strong>Options Bar<\/strong>, click the <strong>Path Operations<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/path-operations-icon-photoshop.png\" alt=\"Clicking the Path Operations icon in Photoshop's Options Bar\" width=\"371\" height=\"102\" \/>\n<div class=\"image-desc\">Clicking the Path Operations icon in the Options Bar.<\/div>\n<p>And choose <strong>Subtract Front Shape<\/strong> from the menu:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/subtract-front-shape-photoshop.png\" alt=\"Choosing 'Subtract Front Shape' from the Path Operations menu in Photoshop\" width=\"284\" height=\"109\" \/>\n<div class=\"image-desc\">Choosing &quot;Subtract Front Shape&quot; from the Path Operations menu.<\/div>\n<p>This inverts the vector mask, making the top slice visible, and we now have both slices:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/text-top-slice.jpg\" alt=\"The top slice of the text appears in Photoshop\" width=\"697\" height=\"219\" \/>\n<div class=\"image-desc\">The top slice appears after choosing &quot;Subtract Front Shape&quot;.<\/div>\n<h4>Hiding the path<\/h4>\n<p>We don't need to see the path outline anymore. So to hide the path, click anywhere outside of it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/hide-path.jpg\" alt=\"Hiding the path outline by clicking in the Photoshop document\" width=\"699\" height=\"228\" \/>\n<div class=\"image-desc\">Hiding the path by clicking in the document.<\/div>\n<h4>Viewing the slices<\/h4>\n<p>It may look like our text is still in one piece. But you can turn the individual slices on and off by clicking their <strong>visibility icons<\/strong> in the Layers panel.<\/p>\n<p>If I click the visibility icon to turn off the top smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/top-slice-visibility-icon.png\" alt=\"Turning off the top text slice in the Layers panel in Photoshop\" width=\"307\" height=\"140\" \/>\n<div class=\"image-desc\">Turning off the top slice.<\/div>\n<p>We see only the bottom slice of the text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/bottom-text-slice-visible.jpg\" alt=\"Viewing just the bottom text slice in the Photoshop document\" width=\"695\" height=\"233\" \/>\n<div class=\"image-desc\">The bottom smart object holds the bottom slice.<\/div>\n<p>I'll click the same visibility icon again to turn the top slice back on. And if I then turn off the bottom slice by clicking its visibility icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/bottom-slice-visibility-icon.png\" alt=\"Turning off the bottom text slice in the Layers panel in Photoshop\" width=\"307\" height=\"141\" \/>\n<div class=\"image-desc\">Turning off the bottom slice.<\/div>\n<p>We see only the top slice of the text. To turn the bottom slice back on, click again on its visibility icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/top-text-slice-visible.jpg\" alt=\"Viewing just the top text slice in the Photoshop document\" width=\"695\" height=\"218\" \/>\n<div class=\"image-desc\">The top smart object holds the top slice.<\/div>\n<h3>Step 13: Select the Move Tool<\/h3>\n<p>To move the slices apart, select Photoshop's <strong>Move Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-photoshop-move-tool.png\" alt=\"Selecting the Move Tool from the Toolbar in Photoshop\" width=\"80\" height=\"134\" \/>\n<div class=\"image-desc\">Selecting the Move Tool.<\/div>\n<h3>Step 14: Drag the slices the separate them<\/h3>\n<p>Choose the slice you want to move by clicking on it in the Layers panel, and then drag it into position in the document. Or, instead of dragging with the Move Tool, you can press the <strong>arrow keys<\/strong> on your keyboard to nudge the slice into place (you'll still need to have the Move Tool selected).<\/p>\n<p>I'll select the bottom slice in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/select-bottom-slice.png\" alt=\"Selecting the bottom text slice in the Layers panel in Photoshop\" width=\"297\" height=\"141\" \/>\n<div class=\"image-desc\">Selecting the bottom slice.<\/div>\n<p>And then I'll use the arrow keys on my keyboard to nudge the bottom slice down and to the right:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/separate-slices.jpg\" alt=\"How to separate the text slices in Photoshop\" width=\"695\" height=\"229\" \/>\n<div class=\"image-desc\">Separating the slices using the arrow keys on my keyboard.<\/div>\n<h4>Turning the additional text back on<\/h4>\n<p>I'll turn my additional text back on by clicking the layer group's <strong>visibility icon<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/turn-layer-group-on.png\" alt=\"Turning on the additional text in the Photoshop document\" width=\"306\" height=\"136\" \/>\n<div class=\"image-desc\">Turning on the layer group.<\/div>\n<p>And here we see the layout with the sliced text effect added:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-sliced-text-effect.jpg\" alt=\"How to slice text in Photoshop\" width=\"700\" height=\"308\" \/>\n<div class=\"image-desc\">The sliced text effect.<\/div>\n<h2 class=\"sub\">How to edit the text inside the slices<\/h2>\n<p>So now that we've created the sliced text effect, let's learn how to edit the text inside the slices.<\/p>\n<p>Even though we've created the slices using two separate <a href=\"\/basics\/smart-filters-editable-type-photoshop\/\" title=\"How to use smart filters with type in Photoshop\">smart objects<\/a>, each smart object holds the exact same Type layer. So if we change the text in one smart object, the same change will appear in both.<\/p>\n<h3>Step 1: Double-click on a smart object's thumbnail<\/h3>\n<p>To edit the text, <strong>double-click<\/strong> on one of the <strong>smart object thumbnails<\/strong>. Either one will work:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/double-click-smart-object-thumbnail.png\" alt=\"How to edit the text inside the smart object in Photoshop\" width=\"297\" height=\"167\" \/>\n<div class=\"image-desc\">Double-clicking on one of the smart object thumbnails.<\/div>\n<p>The text opens in its own separate document:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/text-open-new-document.jpg\" alt=\"The text inside the smart object opens in a separate Photoshop document\" width=\"704\" height=\"394\" \/>\n<div class=\"image-desc\">The text appears, ready for editing.<\/div>\n<h3>Step 2: Select the Type Tool<\/h3>\n<p>Select Photoshop's <strong>Type Tool<\/strong> from the Toolbar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-type-tool.png\" alt=\"Selecting the Type Tool from the Toolbar in Photoshop\" width=\"80\" height=\"161\" \/>\n<div class=\"image-desc\">Grabbing the Type Tool.<\/div>\n<h3>Step 3: Edit your text<\/h3>\n<p>And then edit your text. I'll <strong>double-click<\/strong> on the text to highlight the entire word:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/highlight-text-photoshop.png\" alt=\"Highlighting the text to edit it in Photoshop\" width=\"699\" height=\"201\" \/>\n<div class=\"image-desc\">Double-clicking to highlight the text.<\/div>\n<p>Then I'll change the word from \"SLICE\" to \"PIZZA\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/edit-text-photoshop.png\" alt=\"Editing the text inside the sliced effect in Photoshop\" width=\"699\" height=\"224\" \/>\n<div class=\"image-desc\">Replacing the original word with a new word.<\/div>\n<h3>Step 4: Click the checkmark in the Options Bar<\/h3>\n<p>To accept the change, I'll click the <strong>checkmark<\/strong> in the Options Bar:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/checkmark-accept-text.png\" alt=\"Accepting the new text by clicking the checkmark in Photoshop\" width=\"261\" height=\"102\" \/>\n<div class=\"image-desc\">Clicking the checkmark.<\/div>\n<h3>Step 5: Choose \"Reveal All\" if needed<\/h3>\n<p>Notice that in this case, editing the text created a problem. The new text is a bit too long to fit within the viewable area of the document, so part of the letter \"A\" on the right is extending off the canvas:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/text-extending-off-canvas.png\" alt=\"The new text is too long to fit on the canvas in the Photoshop document\" width=\"704\" height=\"199\" \/>\n<div class=\"image-desc\">The new text doesn't fit on the canvas.<\/div>\n<p>If this happens with your text, go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Reveal All<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/reveal-all-command-photoshop.png\" alt=\"Choosing the Reveal All command in Photoshop\" width=\"231\" height=\"98\" \/>\n<div class=\"image-desc\">Going to Image &gt; Reveal All.<\/div>\n<p>And Photoshop instantly resizes the canvas to fit the entire text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/fit-text-in-document.png\" alt=\"The entire text is now visible after choosing the 'Reveal All' command in Photoshop\" width=\"703\" height=\"200\" \/>\n<div class=\"image-desc\">The entire word is now visible after choosing &quot;Reveal All&quot;.<\/div>\n<h3>Step 6: Save and close the smart object document<\/h3>\n<p>To accept the change and return to the main document, we need to save and close the smart object's document.<\/p>\n<p>Go up to the <strong>File<\/strong> menu and choose <strong>Save<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-save-command.png\" alt=\"Saving the changes to the text in the smart object\" width=\"292\" height=\"109\" \/>\n<div class=\"image-desc\">Going to File &gt; Save.<\/div>\n<p>And then go back to the <strong>File<\/strong> menu and choose <strong>Close<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-close-command.png\" alt=\"Closing the smart object document to return to the sliced text effect document\" width=\"292\" height=\"97\" \/>\n<div class=\"image-desc\">Going to File &gt; Close.<\/div>\n<p>Back in the main document, we see the same effect, but this time with our edited text:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/type\/effects\/cc\/sliced-text\/photoshop-slice-text-effect-edited.jpg\" alt=\"A second sliced text effect created in Photoshop\" width=\"698\" height=\"308\" \/>\n<div class=\"image-desc\">Same effect, different text.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! That's how to slice text, and how to edit the text inside the effect, with Photoshop! Check out our <a href=\"\/photo-effects\/\" title=\"View Photoshop Photo Effects tutorials\">Photo Effects<\/a> and <a href=\"\/photoshop-text\/text-effects\/\" title=\"View Photoshop Text Effects tutorials\">Text Effects<\/a> sections for more tutorials. And don't forget, all of our tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>!<\/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 step-by-step how to slice text in Photoshop, and how to keep your text editable even after you slice it!<\/p>\n","protected":false},"author":1,"featured_media":26484,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,64],"tags":[],"class_list":["post-26482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop-text","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>How to Slice Text in Photoshop<\/title>\n<meta name=\"description\" content=\"This tutorial shows you step-by-step how to slice text in Photoshop, and how to keep your text editable even after you slice it. For Photoshop CC and CS6.\" \/>\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\/how-to-slice-text-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Slice Text in Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step how to slice text in Photoshop and keep the text editable even after you slice it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-14T18:17:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-08T14:21:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/how-to-slice-text-photoshop-share.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 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\\\/how-to-slice-text-in-photoshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How to Slice Text in Photoshop\",\"datePublished\":\"2019-01-14T18:17:26+00:00\",\"dateModified\":\"2022-11-08T14:21:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/\"},\"wordCount\":2131,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/slice-text-photoshop-f.jpg\",\"articleSection\":[\"Photoshop Text\",\"Text Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/\",\"name\":\"How to Slice Text in Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/slice-text-photoshop-f.jpg\",\"datePublished\":\"2019-01-14T18:17:26+00:00\",\"dateModified\":\"2022-11-08T14:21:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"This tutorial shows you step-by-step how to slice text in Photoshop, and how to keep your text editable even after you slice it. For Photoshop CC and CS6.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/slice-text-photoshop-f.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2019\\\/01\\\/slice-text-photoshop-f.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to slice text in Photoshop tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/how-to-slice-text-in-photoshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Text\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photoshop-text\\\/text-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Slice Text in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Slice Text in Photoshop","description":"This tutorial shows you step-by-step how to slice text in Photoshop, and how to keep your text editable even after you slice it. For Photoshop CC and CS6.","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\/how-to-slice-text-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"How to Slice Text in Photoshop","og_description":"Learn step-by-step how to slice text in Photoshop and keep the text editable even after you slice it!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2019-01-14T18:17:26+00:00","article_modified_time":"2022-11-08T14:21:27+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/how-to-slice-text-photoshop-share.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How to Slice Text in Photoshop","datePublished":"2019-01-14T18:17:26+00:00","dateModified":"2022-11-08T14:21:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/"},"wordCount":2131,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/slice-text-photoshop-f.jpg","articleSection":["Photoshop Text","Text Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/","name":"How to Slice Text in Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/slice-text-photoshop-f.jpg","datePublished":"2019-01-14T18:17:26+00:00","dateModified":"2022-11-08T14:21:27+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"This tutorial shows you step-by-step how to slice text in Photoshop, and how to keep your text editable even after you slice it. For Photoshop CC and CS6.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/slice-text-photoshop-f.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2019\/01\/slice-text-photoshop-f.jpg","width":250,"height":250,"caption":"How to slice text in Photoshop tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/how-to-slice-text-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photoshop Text","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/"},{"@type":"ListItem","position":3,"name":"Text Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photoshop-text\/text-effects\/"},{"@type":"ListItem","position":4,"name":"How to Slice Text in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26482","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=26482"}],"version-history":[{"count":43,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26482\/revisions"}],"predecessor-version":[{"id":33796,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/26482\/revisions\/33796"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/26484"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=26482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=26482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=26482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}