How to Layer Furnishings (without Photoshop)
May 21, 2012
Hey everyone, hope you all had a great weekend! I’m finally feeling caught up after all that traveling, and today wanted to share a technique with you on creating inspiration boards by layering furnishings on top of one another for better visualizing spaces.
For years, I had admired the Photoshop skills of others and especially how they were able to layer furnishings in a room to create a mood or inspiration board. As a home and design blogger, it’s a cool thing to know how to create a realistic looking space by using digital image editing tools, right? Even if you’re not a blogger, there are tools you can use to create “rooms” for yourself just for fun too.
I have been playing around for months in Photoshop Elements and finally have a comfortable working understanding of the tools. But here’s the news of the day: even if you don’t have or don’t know how to use Photoshop Elements, there is a way to layer furnishings in a room just like you see below, and without Photoshop!
When I say “without Photoshop” what I mean is you really can create a multi layered space like the reading corner seen above without actually buying the software. You’ll be using a few of the basic Photoshop tools but you’ll be applying them in a free online user friendly image editor called Pixlr.
In Pixlr, you can cut out and layer furnishings or objects on top of each other without buying or installing Photoshop and when I first discovered it last year, I thought it was pretty cool and rather user friendly too. If you haven’t taken the plunge to buy, install, and learn Photoshop Elements, this program will allow you to get your feet wet and play around with the tools before you make the leap because it mimics Photoshop Elements in both layout and functionality. And it’s free.
If you want to make an inspiration board that looks more three dimensional, or more like a “real” room, here are the basic steps that allow you to layer a chair on a rug and a pillow on that chair just like you see below.
You’ll see that it involves really only four simple steps! Wanna learn how to do it? First open Pixlr in your browser and select the “create a new image” option.
Select new image and choose a decent resolution to work with, somewhere between 1500 and 2000 px to start (you can resize it later).
This next step is completely optional and has nothing to do with layering furniture, but if you want the background walls of your room “painted” a certain color instead of all white then use the Paint Bucket tool to change the color of the background. I chose a pale gray.
Again, that’s an optional step and one you might want to wait on until you’ve mastered the layering technique below and just leave the background white. So let’s move on to the four basic steps.
Ready to begin? Okay! Let’s start our inspiration board with this beautiful Madeline Weinrib handwoven Samosa area rug seen in the image below. Gorgeous right?
Open that first image (the rug) you have saved on your computer by selecting File>>Open Image and you’ll see it appear in a new window.
There are several ways to isolate the object in Photoshop, but for our purposes in Pixlr we will use the simple Polygonal Lasso tool. You’ll find it in the upper left toolbar – select the tool in the vertical column then select the Polygonal Lasso tool up above left corner of the toolbar.
Step One: Use the Polygonal Lasso tool to left click with your mouse on the four corners of the rug to “lasso” the edges and trigger what’s referred to as the “marching ants” which are those animated dashes that show you your selected object.
Using the Polygonal Lasso tool is the first step for cutting out any object and then layering it in your space. (There are several other ways to do it in Photoshop but we will focus on the Lasso tool for now). You must connect your starting point and your ending point with your Polygonal Lasso tool to trigger the marching ants like the rectangle shaped rug seen below.
Steps Two and Three: When you see the marching ants, go to Edit>> Copy which is the second step. Next, select your Untitled Image that’s open in another window, and your third step is to select Edit>> Paste.
Step Four: Your rug will appear on the Untitled Image but without the marching ants. To select the rug again so that you can move it around in your room that your designing, here is the fourth step: select the Free Transform tool seen below and it will highlight only the rug.
Using the arrow and rotate tools (run mouse arrow along edges of rug to trigger those options) you can move the rug and place it anywhere in your room that you want.
Cool right? But wait, check this out.
You can leave your rug in that first position but there’s one additional trick that let’s you change the perspective. After you’ve used the Free Transform tool to position your object (the rug) click on the Free Distort tool below the Free Transform tool, and now you can “lay” the rug down at an angle which makes it appear slightly more realistic.
Now it’s time to add a chair on top using the very same four steps. I chose the Eton Club Chair from Ballard Designs and again we will apply the same concept of using the Polygonal Lasso Tool to isolate the chair in order to “cut it out” and layer it on top of the rug.
Open your second image (the chair) and follow the same steps you did with the rug. (Note, I turned the chair so that it faces left with the Image>>Rotate tool)
Select the image, and follow the four steps again. Select the Polygonal Lasso tool and left click at every turning point with the tool to cut out the outline of the chair. See how the marching ants below grab only the chair when you’ve come all the way around.
Again the four steps are: 1. Cut out your object with the Polygonal Lasso tool, 2. When you see marching ants, select Edit>>Copy, 3. Select the Untitled image, then Edit>>Paste that second object into the room, and 4. Use Free Transform to reposition and/or enlarge your selected object (the chair).
Check it out, you’re now layering furnishings!
Next, let’s add the Navy Spade pillow from Serena & Lily. Open the image in a new window, and again lasso the pillow’s edges, yeehaw!
Follow that four step process you did before, 1. Lasso the object, 2. Copy it, 3. Paste it on the room image, then 4. Free Transform (and even Free Distort) to position the pillow on the chair.
Continue repeating the four steps with each object until you create the room you want!
You can use the Polygonal Lasso tool to do this over and over, but here’s a quick glance at one more tool in the toolbar that is also helpful, it’s the Wand tool (or Magic Wand in Photoshop). If you have and medium to darker colored object and a white background, if you select the Wand tool and set its Tolerance to 100, clicking on the dark color it the image will automatically grab it with one click rather than having to cut it out with the Lasso tool. I’m using the wand tool to set this Diamond Pattern Stool from Wisteria next to the chair.
It’s finicky in Pixlr, and much more precise in Photoshop, but it’s one more tool you can use to grab select an object to copy and paste it into your room.
For one final layer of texture to this reading chair corner, I added this Jute Pendant – again I used the Polygonal Tool to isolate that pendant in the front, then Copy and Paste it into the room.
There you have it, the four basic steps for layering furnishings on an inspiration board and all of it created without Photoshop! You can save your new layered space in JPG, PNG, BMP or a PXL document (layered Pixlr doc which allows you to make corrections later). It’s a fun way to design spaces for your home and visualize them too.
Use Pixlr to play around and if you like what you see, you may want to take the plunge and purchase Photoshop Elements (it’s about $80 or so) for the fancier tools and the ability to do Actions, etc. I love Photoshop Elements so much and highly recommend it, but if you want to skip the cost for now and just familiarize yourself with a few of the tools, Pixlr is a great program to do it.
Oh, pssst, this is not a paid promo, Pixlr doesn’t know me at all, I just dig it a lot and wanted to share the tools with you!
Now go create some amazing spaces with the four steps in Pixlr!