Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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.

Adding a screenshot to a monitor

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

share|improve this question

1 Answer 1

up vote 2 down vote accepted

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.

  1. Deform the bitmap to appropriate geometry prior to embedding using an external bitmap graphics tool.

  2. 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:

enter image description here enter image description here

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.

share|improve this answer
    
Didn't think it would go back to the SVG specification. Thanks for the options. I think I'll go for the external bitmap tool (which might bring me to another question). –  Thomas W. Jul 29 at 19:24
    
Deform the bitmap to appropriate geometry prior to embedding using an external bitmap graphics tool. -> I think I'll go for the external bitmap tool -> So, that can be done with GIMP - just export your blank monitor as a png, open it in GIMP, open the desired image as a Layer, and use GIMP's perspective tool to fit the image there - then it should be possible to ust copy/paste it over to inkscape) –  jsbueno Jul 30 at 11:58
    
Wouldn’t Perspective and not Envelope be the correct tool for this? –  Wrzlprmft Jul 30 at 19:11
    
@Wrzlprmft for a rectangle destination Perspective is fine too. –  Takkat Jul 30 at 19:25
    
Perspective works for any tetragon and produces different results than Envelope, which – and that’s what I was after – look more perspectively correct to me (considering a scenario like the above). And there probably is a reason, why this tool is called perspective. –  Wrzlprmft Jul 30 at 21:41

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.