Mobile app version of vmapp.org
Login or Join
Ravi4787994

: Add perspective to Bitmap in Inkscape I have a 3D monitor drawn in Inkscape and I'd like to add a screenshot into the region. I have tried to skew, but the shape is too irregular. I have

@Ravi4787994

Posted in: #Inkscape #Perspective

I have a 3D monitor drawn in Inkscape and I'd like to add a screenshot into the region. I have tried to skew, but the shape is too irregular. I have also tried to apply an envelope (Extensions -> Modify Path -> Envelope), but it seems not to work with Bitmaps.



How can I get the screenshot to appear like drawn on the screen?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

2 Comments

Sorted by latest first Latest Oldest Best

 

@Kevin459

Better use the right tool for this: GIMP for example. There is a great perspective function, it also supports you in cutting the image after applying the perspective and makes the background transparent.

After the GIMP step, you can place it into you Inkscape drawing. Whereas I'd suggest to think twice about integrating a physical screen. I believe that it would be better to abstract from an actual physical device.

... a video showing exactly this is: GIMP Tutorial - using the Perspective Tool - YouTube

10% popularity Vote Up Vote Down


 

@BetL875

Perspective or envelope deformation of embedded bitmaps objects is not (yet) defined in the SVG specifications. Therefore we can not do this with Inkscape.

To overcome this we have two options only.


Deform the bitmap to appropriate geometry prior to embedding using an external bitmap graphics tool.
Tracing the bitmap to vector to then be able to use envelope or perspecitive path deformation.

These are the steps involved for using the envelope tool:


Embed bitmap image and select it.
Path > Trace bitmap using sensible settings for acceptable results.
Object > ungroup the traced vectors.
Transform both, the destination, and the traced bitmap to paths with Path > Object to Path.
Select source objects, then destination object.
Switch to Edit Path by nodes mode F2.
Apply Extensions > Modify Path > Envelope (or Perspective for rectangles).
wait...


After that we have a traced bitmap with correct perspective view embedded in our destination object:




As we can see this is a quite time consuming, computer memory, and processor demanding task. We may be better off to perform the deformation of the bitmap outside of Inkscape prior to embedding.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme