Photoshop Elements: Removing backgrounds the easy way

Although I’m getting much better using Photoshop Elements, I still don’t quite know everything there is to know, and one of the challenges I’ve always experienced was when removing backgrounds from an image so that it didn’t look like the dog had chewed around the edges of it. This is often particularly difficult when trying to remove the background from a photo of a fabric project because of all the threads and embellishments.

One day recently while I was browsing the web I found the answer! And of course I can’t link to the tutorial because I don’t know where I found it, but this is how it’s done and it’s SO easy.

This is one of the images that I’m using on the front cover of the book.

Machine Wrapped Cording

You can see close up that the background is well, rather dreadful.

Machine Wrapped Cording

So here’s how to remove it. Note, I’m using Photoshop Elements 6 for this tutorial, however they should be similar in other versions.

Select your favorite “selection” tool, either the magnetic lasso or the quick selection tool.

Machine Wrapped Cording

Zoom in real close to the image so you can see what you’re doing and select the outline of the image. You want to get the selection as good as possible. I’m using the quick selection tool for this. In the photo you can just make out the little marching ants around the outline.

Machine Wrapped Cording

Once you’ve selected the outline, go to the file menu and choose Select, Modify, then either Expand or Contract depending on which is the best way for you to cut out the image. For this outline I’m using Contract because I want to remove some of that fuzzy outline and cut in closer to the image.

Machine Wrapped Cording

Choose the number of pixels you want to contract by; you usually don’t need too much. I’ve chosen 2.

Machine Wrapped Cording

Next go to Select, Feather

Machine Wrapped Cording

… and select the amount of feather to smooth out the edges. I’ve chosen 3.

Machine Wrapped Cording

Then go to Edit, Copy. Then Edit, Paste. Or Ctrl C then Ctrl V on your keyboard.

Machine Wrapped Cording

This now puts a copy of your cutout image in a new layer on top of your original.

Machine Wrapped Cording

If you hide the original image, you can easily see that the edges have been feathered and softened.

Machine Wrapped Cording

And when you place this on a new background – it looks FABULOUS!

Machine Wrapped Cording

I love learning new things, especially when they work out so well! And of course that’s a nice segue leading to my new book Machine Wrapped Cording, the first in the Creative Textile Arts Weekend Workshop series. Because with this book I’ve rewritten and updated all the information and lessons and I guarantee you’ll learn some fabulous new tricks and technique for using machine wrapped cording. See here for more details.

… Continue reading

Photoshop Elements: Removing backgrounds just got easier

Remember this recent tutorial for removing backgrounds in Photoshop Elements when I showed you how to go from this

Photoshop Elements: Removing Backgrounds

to this

Photoshop Elements: Removing Backgrounds

Well that process just got a little easier.

I don’t know what I was thinking when I took this photo using my old cutting board for a background instead of my new one. (sigh) I guess I didn’t realize just how dirty and grungy it really was.

Photoshop Elements: Removing Backgrounds

So I was just about to use my favorite method of removing the background when I noticed something interesting. When you use the quick selection tool (on the left), a “refine edge” drop down box appears on the top menu.

Photoshop Elements: Removing Backgrounds

When you click it, you get an options box with the same options as I explained in my previous tutorial, but without all those steps and you can adjust the expand/contract and the feather settings right there.

Photoshop Elements: Removing Backgrounds

And after I removed the background, I replaced it with a photo of my new cutting board and my photo just improved by 200%. So yay for me for finally figuring out what was right in front of my nose all along but it’s kind of scary at how easy that was.

Photoshop Elements: Removing Backgrounds

… Continue reading

Photoshop Elements Tutorial: Cut Out Text Effect

I don’t know about you, but some photoshop elements techniques I only use once in a very long while. And of course you tend to forget how to do things after a while, memory being the way it is and all. I’ve found the best way to remember how to do things in photoshop elements, is to post the tutorial on my own blog for quick reference. Which is a bonus for you!

So enjoy today’s tutorial – a cool text effect.

Note: This tutorial is presented using Photoshop Elements 6.0, but the steps will be similar in other versions also.

Open your image in photoshop elements. I found this interesting wooden texture image at the Texture Warehouse. If you want to follow along with the tutorial, you can download it for free here.

Cut Out Text Effect

Turn this image which is currently the background image into a layer by double clicking on the image layer in the layers palette and then click OK in the dialog box.

Cut Out Text Effect

Make a new layer by clicking the Create a New Layer icon.

Cut Out Text Effect

Fill the layer with white.

Cut Out Text Effect

Using your mouse, drag the main image layer on top of the white layer.

Cut Out Text Effect

Right click the Text Tool and select Horizontal Type Mask Tool.
Select a font that is bold and chunky. I used Baveuse which you can download free from here.
Select the appropriate size for your font. I used 180px.

Cut Out Text Effect

Click on the image and you’ll notice that the background turns a reddish color.

Cut Out Text Effect

Type your word.

Cut Out Text Effect

Click the check mark …

Cut Out Text Effect

… and you’ll notice that the text becomes outlined in marching ants.

Cut Out Text Effect

Hit the Delete key on your keyboard and this deletes the letters that are outlined by the marching ants, revealing the bottom layer which we earlier filled with white.

Cut Out Text Effect

Select the Low shadow effect from the Shadow Effects Palette, or you can play around with the other types of shadows.

Cut Out Text Effect

And you can see that the shadow effect gives a cut-away effect to the lettering.

Cut Out Text Effect

Press the Esc key on your keyboard to remove the marching ants.

Cut Out Text Effect

You can play around with different types of drop shadows and bevels to create interesting text effects.

Cut Out Text Effect

Cut Out Text Effect

… Continue reading

Photoshop Elements: Using Camera Raw Editor

Today, a quick tutorial on how to use the Camera Raw editor to edit jpg files.

The Camera Raw editor is generally used to edit “.raw” format images. The .raw format is available in some high end cameras and saves the photo with minimal processing which allows greater editing capabilities. This format is generally used by professional photographers to edit their digital photos.

However, the Camera Raw editor can also be used to edit .jpg format files. The advantage of using this editor to edit .jpg files is that there are a lot more options available in the Camera Raw editor, and very often it’s easier to use than the standard editing screen in Photoshop Elements.

… Continue reading

Photoshop Elements 9: Out of Bounds

Photoshop Elements: Out of BoundsOver the last few weeks I’ve introduced you to some cool new features in the latest version of Photoshop Elements, version 9. If you haven’t yet tried Photoshop Elements 9, Adobe offers a free 30 day trial. You can download it here.

Today I’m going to show you a fun technique called Out of Bounds which creates the illusion of a 3d effect for your photos. Enjoy the video tutorial!

PS … I’ve redone my prior tutorials in this series and turned them into video tutorials. You can find them here and here.

… Continue reading