Fügen Sie Bitmap in Inkscape eine Perspektive hinzu

Ich habe einen in Inkscape gezeichneten 3D-Monitor und möchte der Region einen Screenshot hinzufügen. Ich habe versucht zu verzerren, aber die Form ist zu unregelmäßig. Ich habe auch versucht, einen Umschlag ( ) anzuwenden Extensions -> Modify Path -> Envelope, aber es scheint nicht mit Bitmaps zu funktionieren.

Hinzufügen eines Screenshots zu einem Monitor

Wie kann ich dafür sorgen, dass der Screenshot wie auf dem Bildschirm gezeichnet erscheint?

heute habe ich GIMP dafür verwendet - was ein großer Erfolg war :)

Antworten (3)

Die perspektivische oder Hüllverformung von eingebetteten Bitmap-Objekten ist (noch) nicht in den SVG-Spezifikationen definiert. Daher können wir dies nicht mit Inkscape tun.

Um dies zu überwinden, haben wir nur zwei Möglichkeiten.

  1. Verformen Sie die Bitmap zu einer geeigneten Geometrie, bevor Sie sie mit einem externen Bitmap-Grafikwerkzeug einbetten.

  2. Verfolgen der Bitmap zum Vektor, um dann Hüllkurven- oder perspektivische Pfadverformung verwenden zu können.

    Dies sind die Schritte zur Verwendung des Umschlag-Werkzeugs:

    • Bitmap-Bild einbetten und auswählen.
    • Pfad > Bitmap nachzeichnen mit vernünftigen Einstellungen für akzeptable Ergebnisse.
    • Objekt > heben Sie die Gruppierung der verfolgten Vektoren auf.
    • Wandeln Sie sowohl das Ziel als auch die nachverfolgte Bitmap mit Path > Object to Path in Pfade um .
    • Wählen Sie Quellobjekte und dann Zielobjekt aus.
    • Wechseln Sie in den Modus „Pfad nach Knoten bearbeiten“F2 .
    • Erweiterungen anwenden > Pfad ändern > Hülle (oder Perspektive für Rechtecke) .
    • Warten...

    Danach haben wir eine nachgezeichnete Bitmap mit korrekter perspektivischer Ansicht eingebettet in unser Zielobjekt:

Geben Sie hier die Bildbeschreibung ein Geben Sie hier die Bildbeschreibung ein

Wie wir sehen können, ist dies eine ziemlich zeitaufwändige Aufgabe, die Computerspeicher und Prozessor beansprucht. Es ist möglicherweise besser, die Verformung der Bitmap vor dem Einbetten außerhalb von Inkscape durchzuführen.

Dachte nicht, dass es zur SVG-Spezifikation zurückkehren würde. Danke für die Optionen. Ich denke, ich werde mich für das externe Bitmap-Tool entscheiden (was mich zu einer anderen Frage bringen könnte).
Verformen Sie die Bitmap zu einer geeigneten Geometrie, bevor Sie sie mit einem externen Bitmap-Grafikwerkzeug einbetten. -> Ich denke, ich werde mich für das externe Bitmap-Tool entscheiden -> Also, das kann mit GIMP gemacht werden - exportieren Sie einfach Ihren leeren Monitor als PNG, öffnen Sie ihn in GIMP, öffnen Sie das gewünschte Bild als Ebene und verwenden Sie die Perspektive von GIMP Werkzeug, um das Bild dort einzupassen - dann sollte es möglich sein, es einfach in Inkscape zu kopieren/einzufügen)
Wäre nicht Perspective und nicht Envelope das richtige Werkzeug dafür?
@Wrzlprmft für eine rechteckige Zielperspektive ist auch in Ordnung.
Perspective funktioniert für jedes Tetragon und erzeugt andere Ergebnisse als Envelope, die – und das war es, was ich wollte – für mich perspektivisch korrekter aussehen (unter Berücksichtigung eines Szenarios wie dem obigen). Und es gibt wahrscheinlich einen Grund, warum dieses Werkzeug Perspektive genannt wird .

Verwenden Sie dafür besser das richtige Tool: GIMP zum Beispiel. Es gibt eine tolle Perspektivfunktion, sie unterstützt dich auch beim Zuschneiden des Bildes nach dem Anwenden der Perspektive und macht den Hintergrund transparent.

Nach dem GIMP-Schritt können Sie es in Ihre Inkscape-Zeichnung einfügen. Wobei ich vorschlagen würde, zweimal darüber nachzudenken, einen physischen Bildschirm zu integrieren. Ich glaube, dass es besser wäre, von einem tatsächlichen physischen Gerät zu abstrahieren.

... ein Video, das genau das zeigt, ist: GIMP Tutorial - using the Perspective Tool - YouTube

Ich habe diese Inkscape-Erweiterung InkRasterPerspective erstellt , um eine perspektivische Transformation auf ein Rasterbild mit definiertem Pfad anzuwenden.

Unten ist eine Demonstration, wie es funktioniert:

So verwenden Sie die Erweiterung, um eine perspektivische Transformation anzuwenden

Das ist sehr schön!