How to make an easy room mockup with Photoshop

Updated: Oct 25

A couple of days ago, I made a last minute decision to attend this season's One Room Challenge. It's kind of crazy considering the last time I attended I basically didn't sleep the entire last week, trying to have the Lakeview A-frame kitchen finished in time. It was physically very hard for me (I was like "I'll never ever do this again!"), but the result was incredible. The Lakeview A-frame kitchen is still one of my favorite rooms I've ever created. So this Friday, as I was watching others plan for their ORC (yes, two days after it's already started), I decided "you know what, this is the push I needed to finally work on the A-frame bathroom after all."


Yesterday, I spent a couple of hours putting what I've been thinking everyday for the past year into a vision on paper. Here's my rough mockup of the design and I will be showing you how I made it in Photoshop. (You'll be surprised how easy it is!)

The previous owner of this place did a great job renovating it before they sold it to us. There are a lot of things in this house that I know I'm "supposed" to like but they are just not my style. For example, I would never fill a wall with 12-inch black rectangle tiles with an orange-ish colored wood window trim. (In their defense, the orange color wood stain was created to go with the red laminate flooring that was throughout the house which I replaced first thing after we bought the house.) As I'm trying to do this make-over on a budget, I avoided things like "get a brand new vanity", "get rid of this entire wall and replace it with glass" or "re-tile the entire room" (which I would REALLY love to do if we had the budget and time). The things I decided to do in this make-over are all relatively cosmetic, but things usually take more time than we think anyway in any project. There will be all new hardware, faucet, lights, vanity mirror, etc. I will also try sanding down the existing vanity to expose the wood. The biggest challenge and most time-consuming part of this plan is the wood ceiling. By adding wood and beams to the ceiling it would add more architectural interest and define the vaulted ceiling better as well as make your eyes travel when entering the room and draw your gaze upward. So it'll be worth it :)

Okay, back to how I made this mockup in Photoshop. I will be using the chandelier and vanity as examples.


If the new element you are adding couldn't cover the existing one (like the chandelier) you could simply use color blocks to cover the existing area to make it disappear. (Clik the Play button on the left bottom corner to play video)

And then find the product you'd like to add or try out, and select it with the selecting tool and move it to where you'd like it. (An easy way to select an item on a plain background is using the "magic wand tool" to select the background, and then use Select-->Inverse in the main menu, the selected part will then become the item itself.)

For items that could cover the existing ones (like the vanity), find the product you like or similar style you'd like to achieve, select it with the "polygonal lasso tool" and move it to the room. If you need to change the perspective of the product, there are multiple ways. I used "perspective warp" under Edit in the main menu. It will let you click and drag to define planes of the item, and snap two or more planes together to define corners. Hit Enter once you are done defining the item, then there will be warp pins on each corner of each planes. Move the pins around to achieve the the perspective you are looking for, move the item to where you'd like it to be and trim off the extra parts - and that's it! I used the same technique to add the wood elements to the ceiling.


Easy, right? I've heard so many people say they want a better rendering of the ideas that they have, but don't know how to make one. I think sometimes people get scared of the idea of using Photoshop because there are so many knobs and menus and so much you could do with it, it's a bit overwhelming. But really it's a great tool for simple things like this too! Comment below if you have any questions about this or if you'd like a more in depth video of how I did it. Let me know!


Also make sure to check out One Room Challenge's site to see all the other amazing projects!

https://www.oneroomchallenge.com/orc-blog


Next week's post, I'll be talking about the fun part of this project - the products I'm ordering! Stay tuned! <3





  • lifestyle instagram
  • A-frame Instagram
  • House Instagram
Ashpine Logo Website 2020.png

© 2020 by Ashpine LLC. All Rights Reserved.