I am trying to draw a picture that includes a computer monitor. The monitor is tilted slightly back and the drawing viewpoint is about 45 degrees off to the left, so I need to apply a perspective effect. It's easy to do when the monitor screen has just a few simple shapes on it:
[*] draw what I want to be on the monitor screen as if seen exactly square on
[*] duplicate the inside edge of the monitor's frame, which is a trapezoid that looks like a rectangle which has had its top edge skewed a little to the left and the left edge stretched to be longer than the right
[*] use Extensions > Modify Path > Perspective to transform the seen-head-on screen contents
That works fine provided what I want to have on the screen is just some simple lines and shapes (transformed into paths). But when I include some bitmaps in what I want on the monitor screen I can no longer use the perspective transform as above.
I've tried using the matrix transform and that works fine with a group that includes bitmaps but it only seems to let me do horizontal or vertical stretching, rotation and parallel skews. I can't work out how to get it to stretch one side of the group I'm transforming more than the other to transform the original rectangle-framed screen into a trapezoid-framed one. Can matrix transform do this? Should I use a different tool altogether? Or is what I'm trying to do beyond Inkscape's capabilities?
Please note that removing the bitmaps or drawing vector approximations of them is not an option as the bitmaps are too complicated.
If Inkscape can't do it, I suppose I could export the screen element of my drawing as a bitmap then apply transformations using Photoshop Elements' Filter > Correct Camera Distortion tool, then import back into Inkscape!
Transforming rectangular image with bitmaps to trapezoid
Re: Transforming rectangular image with bitmaps to trapezoid
Hi.
Have a look at this threads:
viewtopic.php?f=5&t=13201&hilit=+Lighthouse#p50235
If you can not get it to work please chime back.
Have a look at this threads:
viewtopic.php?f=5&t=13201&hilit=+Lighthouse#p50235
If you can not get it to work please chime back.
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
Re: Transforming rectangular image with bitmaps to trapezoid
Thanks, Ragastian, but none of the methods in that thread seem suitable. The problem is that the group I'm trying to reshape has a mix of vector elements and bitmaps. Extensions > Modify Path > Perspective doesn't work when there are bitmaps. The other techniques discussed in the thread you referred me to seem to involve converting the image you want to reshape into a vector path. I can't do that with a complex bitmap.
Regards,
Bruce Officer
Regards,
Bruce Officer
Re: Transforming rectangular image with bitmaps to trapezoid
In SVG, bitmap images can't be transformed in such a way.
See this earlier topic Tutorial: Creating a Box in accurate perspective for an example how to use GIMP for the bitmap images, and Inkscape for the vector parts.
See this earlier topic Tutorial: Creating a Box in accurate perspective for an example how to use GIMP for the bitmap images, and Inkscape for the vector parts.
Re: Transforming rectangular image with bitmaps to trapezoid
Thanks for that, ~Suv.
I'll go with my own Plan B, then, which was to do the bitmap transformation in Photoshop Elements 11 (which I already have on my PC). No point in me installing GIMP and spending time learning to use it. In fact, I found that Photoshop Elements' Image > Transform > Distort was the easiest way to reshape the image of what I want to appear on the screen of the monitor I drew, instead of Filter > Correct Camera Distortion. If paste the target trapezoid frame in as a second layer I can easily use that Distort tool to move the four corners of the image onto the respective corners of the trapezoid, and ... le voila! It's done.
I'll go with my own Plan B, then, which was to do the bitmap transformation in Photoshop Elements 11 (which I already have on my PC). No point in me installing GIMP and spending time learning to use it. In fact, I found that Photoshop Elements' Image > Transform > Distort was the easiest way to reshape the image of what I want to appear on the screen of the monitor I drew, instead of Filter > Correct Camera Distortion. If paste the target trapezoid frame in as a second layer I can easily use that Distort tool to move the four corners of the image onto the respective corners of the trapezoid, and ... le voila! It's done.