#7: Creating floor plans from sketches in Photoshop

TourVista’s interactive floor plans are a great addition to your virtual tour.  If you already have floor plan graphics, you are ready to connect them to your photos and create interactive floor plans.

But how do you create the floor plan graphic in the first place?

You may be able to get floor plan graphics from an assessor or your home blueprints (if you can find them). Or you could just do it the old fashioned way: with a pencil and some graph paper!

Drawing a sketch of your floor plans and converting that sketch into a floor plan graphic is a fast and easy way to create your floor plans.  Here’s a tutorial on how to convert your sketches into floor plan graphics using Photoshop.

The video above follows these steps for creating a floor plan graphic from your hand-drawn sketches using Photoshop:

  1. take a picture of the sketch from straight above
  2. open picture in Photoshop and crop it; leave a small padding for the borders and dimensions should be at least 500px. if long and narrow, consider rotating it 90 degrees
  3. add guides for each wall
  4. draw exterior & interior walls on their own layers. hold “shift” key and click away
  5. add room name labels
  6. export for web as .gif
  7. save .psd for future reference
  8. upload floor plan graphic to your virtual tour on www.TourVista.com


  • color: #777777 (gray)
  • pencil width: 5px for exterior; 3px for interior

Room Labels

  • Myriad Pro – Bold Condensed
  • color: #000000 (black)
  • Size: 18-36pt

Note: when uploaded to TourVista the floor plan will be shrunk to around 350px wide.

Leave a Reply