Designer Tip: How to Trim Your Elements

In this tutorial, I am going to show you how to trim away the unnecessary transparent pixels.

Transparent Pixels Preview


There are three specific ways of doing this. One by cropping, another one by trimming and then by expanding.

Let’s take a look at how to CROP your image.

With your image opened in Photoshop or Photoshop Elements:

1. Select the Rectangle Marquee Tool.

2. Mouse-click and drag the marquee tool to enclose your image using the space bar to move the marching ants around, leaving a small white space around the element.

Cropping Your Element Preview

3. Choose Image > Crop along the top toolbar.

Your image now should be cut down to having very little white space around it. However, let’s look at getting the same result much easier! Let’s look at TRIMMING.

With your image opened in Photoshop or Photoshop Elements:

1. Add a 3 pixel stroke to your element. Download Layer Style to help you.

Trimming Your Elements Preview

2. Choose Image > Trim along the top toolbar.

You can trim based upon “transparent pixels”, “top left pixel color” or “bottom right pixel color”. In our case, since there is no background, you should choose “transparent pixels.”

Under the Trim Away section, the top, bottom, left and right should be checked.

Then, click “OK.”

3. Remove the Layer Style by Right-Mouse click on the element layer and chose “Clear Layer Style” from the list.

TIP: When you use “trimming” you are taking a chance that any featured edges of your element can be removed, leaving your element with the edges flat.

Then the third way to trim your elements, and the way I now use is by expanding the space around it:

1. Press the Command / Control key on your keyboard and click on the image in the layers palette. This should bring marching ants around your image.

2. Go to Select > Modify > Expand.

Expand Selection Preview

3. Click okay.

4. Choose Image > Crop along the top toolbar.

Related Posts Plugin for WordPress, Blogger...


  1. Robinsismai says:

    This is a great tutorial! I’m always learning so much from you! Thanks!

  2. super tutorial! thank you so much!

Speak Your Mind