Advertisements
Advertisements

MkrGeo

An original point of view

GIS, Spatial planning

How to get the floorplans from the MagicPlan app for free?

Inkscape vector image

Pic. 15 Our new vector image floor plan placed within the drawing page borders in the Inkscape.

The Magicplan is an Android application, by which we can quickly draw the floorplan of any building by i.e camera scanning or corner defining. The spectrum of options looks wide, even in the free bundle because we can add some internal objects and furniture. This is the stuff, which is mostly needed for common work projects. Unfortunately, the application is not free. If we want to have all these features possible to save in any reasonable drawing format given, we have to purchase the standard subscription, which will cost us about 10$/month.

In this post, I am leading to explain to you, how to get over these frill costs and get as many floorplans as you need completely for free!

After reading this post, you will know how to:
– resize the page to the content in the content in the Inkscape,
– convert raster image to the vector image in the Inkscape,
– do simple vector drawing alterations in the AutoCAD

In general, the basic 3 steps are needed to get any floorplan saved from this application.

1. Make and edit the screenshot from your smartphone. Once your floorplan is ready, the first thing, which should be done. Thereafter, we have a crude .jpg image of our plan as follows (Pic. 1).

Magicplan floorplan screenshot

Pic. 1 The screenshot of our floorplan, prepared with the MagicPlan application.

The screenshot looks not enough prepared for our further work. Since apart from the floorplan, a whole screen is coming from the phone, we must adjust this image for further action. I believe, that most of the basic smartphone editors in equipped with the “crop” tool. This feature is necessary to make our floor-plan clean (Pic. 2,3).

Magicplan application screenshot cropping

Magicplan application screenshot cropping2

Pic. 2,3 The Magicplan floorplan under the cropping process.

Our output .jpg image of the floorplan shouldn’t contain any additional elements outside (Pic. 4).

Magicplan floorplan screenshot complete

Pic. 4 The MagicPlan floorplan image ready for the next step.

If this is so, then we can go to the next step, which is transforming our raster floorplan into the vector image.

2. Convert the raster image into the vector image. Assuming, that everything is fine with the getting our floorplan from the screen, we can open some vector graphic manipulation software, for instance, the Inkscape, and import our image there (Pic. 5).

Inkscape import option

Pic. 5 The ways of import graphic file into the Inkscape program.

For this purpose, you can use the “Open” file, or the “Import” file either. Both options are valid. The difference between them is the number of windows. Opening the file triggers a new working window of the Inkscape program, whilst the “Import” option will let you work in the already opened document. Once you do it, MAKE SURE that your document is placed inside the document page! Otherwise, even after the best process, it won’t be saved properly. In order to make sure, that this step is done, select the “Document properties” from the “File”, and find the “Resize page to the content”, as follows (Pic. 6,7).
Inkscape document properties

Inkscape document properties2

Pic. 6, 7 The “Document properties” options in the Inkscape graphics software with the document resizing feature marked with red.

Next, develop it, by clicking “+”, where you will be able to set the proper document size by clicking “Resize page drawing to the selection”(Pic. 8). Instantly after clicking the button, the change appears (Pic. 9AB). You don’t need to do anything after it, just close the window.

Inkscape document properties3

Inkscape fitting page to the drawing

Pic. 8,9 Fitting drawing page to the selection, which in our case is the imported floorplan image. Looking at the picture 9A, you see the drawing not fitted, as the document borders appear next to. In image 9B our image has been adjusted to the borders, which are currently overlapped with our selection edges.

When this adjustment is done, it’s time to start converting our floorplan. Because it has been imported as a .jpg format, it’s the raster image. To have it viable for use in AutoCAD, Visio or other drawing software applications we have to get the vector image of our floorplan.
This process is quick and simple. In the major toolbar, we must find the “Path” option, and next click on the “Trace Bitmap” feature, which will do a whole job for us (Pic. 10).

Inkscape image conversion

Pic. 10 Selection of the “Trace bitmap” option in the Inkscape software.

The “Trace bitmap” window should appear straight afterward (Pic. 11). It would be good to see our real-time image changes, so I advise you to thick the “Preview” option on the bottom right corner.

Inkscape image conversion

Pic. 11 The “Trace bitmap” window opened and the “Preview” option available in the bottom right corner.

The most important option for us is the vector image path creation, which has 3 major options. I used the “Brightness cutoff” – the very top one from the list. Look at the threshold value and observe what happens in your preview mode. As you change the threshold value (It would be advised to put higher, than lower), your proposed vector image should change. It’s nicely visible on less prominent elements of our floor plan, especially these, which aren’t completely dark (Pic. 12, 13).
Inkscape tracing bitmap

Inkscape tracing bitmap2

Pic. 12 Tracing bitmap in the Inkscape program, seeing what happens when you are changing the threshold value, you can see how your image changes.

The live preview option prevents you from exaggerating the image performance. Try to input the 0,99 value and see how your floorplan is turning into the dark. In my opinion, an optional brightness cutoff threshold value for clear floorplan appearance with all objects included is about 0,800-0,880.

Inkscape turning raster into vector

Pic. 13 The changes in our image as a result of the brightness cutoff threshold value changes.

If you are happy with these parameters, just click the OK button and see what happens. Bear in mind, that our vector image has been created roughly in the same place as the existing raster one. In this event, you can spot how the unusual thickness and boldness emerge. Because our newly created vector plan appears as a top layer, we can simply select it and drag it outside the drawing page (Pic. 14).

Inkscape vector vs raster image

Pic. 14 Moving the fresh vector image outside the drawing page unhides the old raster plan lying underneath.

This step is good for comparing our both images. When you are unhappy with your fresh vector image plan, you can always repeat the process, changing the parameters, since the preview option is almost a thumbnail. Personally, I think, that it happens only rarely.
Well, assuming, that everything is fine, we can now delete our raster floor plan and supersede it with the vector image. Click simply the “Delete” button on the raster image selected, and drag back the vector floor plan inside the drawing page (Pic. 15).

Inkscape vector image

Pic. 15 Our new vector image floor plan placed within the drawing page borders in the Inkscape.

Unlike the previous raster floor plan, the document page edges are clearly visible, as the white background has been completely removed.
Our last step in the Inkscape is saving the file in the DXF format, designated for the AutoCAD drawing application or similar (Pic. 16).

Inkscape saving as a DXF

Pic. 16 Saving the Inkscape vector image as a DXF file format.

3. Now you can open your floorplan, for example in the AutoCAD, from where my example comes from (Pic. 17).

AutoCAD floorplan pan option

Pic. 17 Our floorplan already opened in the AutoCAD. The red arrow shows the command bar.

It’s advisable, at the very beginning to type the “Pan” in our command bar. Once the hand cursor appears, move your view on the middle and do some zoom in/out to make sure, that it has been imported correctly.
At first look, we can see some unnecessary lines (Pic. 18).

MagicPlan floorplan in AutoCAD

Pic. 18 The red arrows show the unnecessary lines, coming from the file import.

Fortunately, we can easily and quickly get rid of them, using the “Trim” tool from the main toolbar (Pic. 19). You can also use the “Erase” tool, however, it will remove the whole shapes instead of their pieces.

MagicPlan floorplan in AutoCAD2

Pic. 19 The “Trim” and “Erase” tools position in the AutoCAD main toolbar.

As a result, you should get the floorplan clear and tidy, as per below (Pic. 20).

MagicPlan floorplan in AutoCAD3

Pic. 20 The floorplan cleared from the unwanted lines.

The last thing, which we would consider is the text, which is displayed here as enclosed smallish polygons (when you zoom in). I believe, you won’t need it for your future work, or provide the better one with AutoCAD. It can be removed here easily. You can only select the area, where you will be working. Afterward, you will see the blue triangles, circles, etc showing selected text polygons mentioned above (Pic. 21).

MagicPlan floorplan in AutoCAD4

Pic. 21 The area of our selection in AutoCAD, enables the objects inside to manipulate.

At the finish, your floorplan should look like this below (Pic. 22).

MagicPlan floorplan in AutoCAD5

Pic. 22 Our floorplan fro the MagicPlan app is ready for use.

In summary, I would encourage you to watch the video below, explaining these basic and major three steps of our work.

Basically, you need a decent screenshot from your smartphone, some vector graphic manipulation tool and AutoCAD or similar.

Mariusz Krukar

Read also:

1. How to show coordinate grids on Google Earth and Google Maps?
2. Flood simulation in Google Earth
3. How to make isochrone map in Google MyMaps quickly?

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Advertisements
Advertisements

Theme by Anders Norén

Follow

Get the latest posts delivered to your mailbox:

%d bloggers like this: