---
title: "How to Slice in Photoshop: Slicing Text, Image, and More"
description: Want to learn how to slice in Photoshop? In this Photoshop tutorial, you will learn how to slice a text in half to give it a cooler look.
---

[Classroom in a Blog](https://blog.fmctraining.com/blog)

# [How to Slice in Photoshop: Slicing Text, Image, and More](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop)

 Written by [Timothy Brauning](https://blog.fmctraining.com/blog/author/timothy-brauning) | March 28, 2022

You might not think your [Photoshop](https://www.adobe.com/products/photoshop.html) skillset is particularly impressive, but there are a few tricks that will make you look like a total pro. And one of these is learning how to slice text in Photoshop.

The technique takes a little practice, but once you master it, it's one of those things you'll do all the time (especially if you work in branding). 

It's also useful for creating stunning backgrounds for posters and other designs.

In this tutorial, we'll show you how to slice text in Photoshop with a couple of quick and easy techniques. 

We'll also show you how to turn your sliced text into an eye-catching background for your next project.

This nifty trick will allow you to break up text and rearrange it in different ways. 

Let's say you have a piece of text in your design that you want to give a unique look. 

Slicing it up and separating the letters can be a great way to solve this problem — and it can also be a lot of fun.

So let's dive into this technique by looking at why and when you'd slice text, plus some tips on how to create effective results.

Sliced text always has a cool effect, whether you use it for a background, poster, or social media image.

**Use Code: BLOG10  At Checkout To Save 10% off our Online Adobe Photoshop Courses**

## Table of Contents

- [How to Slice Text in Photoshop: Step-by-Step Guide](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#step-by-step-slice-in-phtoshop)  
    - [Step 1: Upload or create a background](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#step-by-step-slice-in-phtoshop)
    - [Step 2: Convert to a smart object](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#convert-to-a-smart-object-photoshop)
    - [Step 3: Draw a Path](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#draw-path-for-slicing-in-photoshop)
    - [Step 4: Reshape the path as per your liking](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#reshape-path-photoshop)
    - [Step 5: Apply a vector mask](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#apply-vector-mask-photoshop)
    - [Step 6: Duplicate the Masked Layer](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#duplicate-masked-layer-photoshop)
    - [Step 7: Invert the mask](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#invert-mask-photoshop)
    - [Step 8: Save the image](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop?hs_amp=true#save-slice-text-photoshop)

## **How to Slice in Photoshop: Step-by-Step Guide**

Let's look at how to slice text in Photoshop with some easy-to-follow steps.

### **Step 1: Upload or create a background**

If you want to learn how to slice text in Photoshop, first, you have to upload or create a background of your choosing. 

You can use a photo, an image with a solid color gradient, or even create your own background using the "paint bucket" tool.

Once you have your background, it's time to create the text! Use whatever font, size, and color you like best. 

Just double-click on the text layer and start writing.

Over this background, let's write the word ***Slice.*** 

I suggest you use a color that contrasts the background for a more *"wow"* effect.

### **Step 2: Convert to a smart object**

By default, Photoshop layers are not editable. 

Without rasterizing it first, you can't apply any transformation to a layer, like rotating or skewing it.

That's why you have to convert text layers into smart objects. Smart objects let you modify the shape and content of a layer from the Layers panel. 

This is useful for working with vector files in Photoshop, but it also comes in handy when you are learning how to slice text in Photoshop!

To do that, right-click on the layer in the ***Layers panel*** and choose ***Convert to Smart Object*** from the menu that appears.

### **Step 3: Draw a Path**

Make sure the ***Rectangle Tool (U)*** is selected on the left vertical toolbar.

Click ***Path*** in the drop-down menu, then click and drag the cursor to draw out a rectangle from left to right across the image.

This way, you will draw a path over half of the image. 

### **Step 4: Reshape the path as per your liking**

Now that you've selected the path, you can reshape it.

Use the ***Direct Selection Tool*** ***(A)*** to click over the upper-left anchor point and drag it where you want (I gave it a diagonal look.)

### **Step 5: Apply a vector mask**

Once you've drawn out a path over half the image, you'll need to select  ***Rectangle Tool***. 

Then, click on the ***Mask*** icon in the top toolbar to turn that path into a vector mask.

This will help us disappear the first half of the text.

### **Step 6: Duplicate the Masked Layer**

If you want to learn how to slice text in Photoshop, duplicate the layer. 

We can do this by right-clicking on the layer, selecting ***Duplicate Layer,*** and then pressing ***OK*.** 

Alternatively, you can press the keyboard shortcut ***CMD/CTRL+J.***

When you do this, you'll notice that there is now a copy of your layer in the ***Layers panel*** on the right-hand side of your screen.

### **Step 7: Invert the mask**

Now, you are just a step away from learning how to slice text in Photoshop. 

All you have to do is invert a mask (which is easy) with the ***Subtract Front Shape*** option. 

Just select a layer and then, with the ***Rectangle Tool*** active, click on the options bar on top of the screen, go to ***Path Operations***, and select ***Subtract Front Shape.***

***Rectangle Tool*** -\> ***Options -\> Path Operations -\> Subtract Front Shape***

The ***Subtract Front Shape*** option allows you to select a piece of text and then subtract the foreground of that text from the background. 

This will leave only the part of the text that is not in front of the background.

Just move the other half of the word using the ***Move*** tool, and you'll get a really cool slice effect.

### **Step 8: Save the image**

That's it! You now know how to slice text in Photoshop and have the Slice Text effect. 

All there's left to do is to save your amazing work.

Now click **File-\>Save As** and save your image in the format you want.

## Slicing Through the Info

Now that you know how to slice text in [Photoshop](https://www.adobe.com/products/photoshop.html), put your new skills to use and create some amazing graphics for your website or blog. Experiment with different fonts, colors, and layouts until you find something that works well for you.

There are several ways to do this, so we've outlined the most essential steps (plus added some helpful screenshots) to help you get started. 

I hope they come in handy!

## Adobe Photoshop Certifications & Prep Courses

Are you looking to get Adobe Certified?

FMC Training is the leading provider of [Adobe certification exams](https://fmctrainingnetwork.com/adobe/certifications/). We’ve helped thousands of people just like you pass their certification exam and land that dream job. Our training material is written and recorded by industry experts who know what it takes to succeed in today's competitive market.

Join our ever-growing [Facebook group](https://www.facebook.com/FutureMediaConcepts/) and ask any Photoshop questions you might have!

### More Photoshop Blogs

- [How to put an image in text Photoshop](https://blog.fmctraining.com/blog/how-to-put-an-image-in-text-photoshop-step-by-step-guide)
- [How To Add Shadow To Text in Photoshop](https://blog.fmctraining.com/blog/how-to-add-shadow-to-text-in-photoshop)
- [Learn How to Feather Edges in Photoshop](https://blog.fmctraining.com/blog/how-to-feather-edges-in-photoshop)
- [How to remove white backgrounds in Photoshop](https://blog.fmctraining.com/blog/remove-white-backgrounds-adobe-photoshop)
- [How to Blur Backgrounds with Adobe Photoshop in a Few Easy Steps](https://blog.fmctraining.com/blog/how-to-blur-backgrounds-in-adobe-photoshop)
- [Lightroom vs. Photoshop: Which One is for You?](https://blog.fmctraining.com/blog/lightroom-vs.-photoshop-which-one-is-for-you)
- [What is Adobe Photoshop (Ps)?](https://blog.fmctraining.com/blog/what-is-adobe-photoshop-ps)

[View full post](https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Timothy Brauning"
  },
  "dateModified" : "2022-06-28T17:31:41.775Z",
  "datePublished" : "2022-03-28T19:07:29Z",
  "headline" : "How to Slice in Photoshop: Slicing Text, Image, and More",
  "image" : {
    "@type" : "ImageObject",
    "height" : 537,
    "url" : "https://4023639.fs1.hubspotusercontent-na1.net/hubfs/4023639/how%20to%20slice%20text%20in%20photoshop.png",
    "width" : 952
  },
  "mainEntityOfPage" : "https://blog.fmctraining.com/blog/how-to-slice-text-in-photoshop",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Classroom in a Blog"
  }
}
```