Fügen Sie Bitmap in Inkscape eine Perspektive hinzu


12

Ich habe einen 3D-Monitor in Inkscape gezeichnet 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 ( Extensions -> Modify Path -> Envelope) anzuwenden , 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?


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

Antworten:


9

Die Perspektiv- oder Hüllkurvenverformung eingebetteter Bitmaps-Objekte ist (noch) nicht in den SVG-Spezifikationen definiert. Daher können wir dies mit Inkscape nicht tun.

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

  1. Verformen Sie die Bitmap vor dem Einbetten mit einem externen Bitmap-Grafikwerkzeug auf die entsprechende Geometrie.

  2. Verfolgen der Bitmap zum Vektor, um dann die Deformation der Hüllkurve oder des perspektivischen Pfads verwenden zu können.

    Dies sind die Schritte zur Verwendung des Umschlagwerkzeugs:

    • Betten Sie das Bitmap-Bild ein und wählen Sie es aus.
    • Pfad> Bitmap mit sinnvollen Einstellungen verfolgen , um akzeptable Ergebnisse zu erzielen.
    • Objekt> Gruppierung der verfolgten Vektoren aufheben .
    • Transformieren Sie sowohl das Ziel als auch die verfolgte Bitmap in Pfade mit Pfad> Objekt zu Pfad .
    • Wählen Sie Quellobjekte und dann Zielobjekt aus.
    • Wechseln Sie in den Modus Pfad nach Knoten bearbeitenF2 .
    • Anwenden von Erweiterungen> Pfad ändern> Umschlag (oder Perspektive für Rechtecke) .
    • warten...

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

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

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


Ich hätte nicht gedacht, dass es zur SVG-Spezifikation zurückkehren würde. Danke für die Möglichkeiten. Ich denke, ich werde mich für das externe Bitmap-Tool entscheiden (was mich zu einer anderen Frage bringen könnte).
Thomas Weller

2
Verformen Sie die Bitmap vor dem Einbetten mit einem externen Bitmap-Grafikwerkzeug auf die entsprechende Geometrie. -> Ich denke, ich werde mich für das externe Bitmap-Tool entscheiden -> Das geht also mit GIMP - 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 anzupassen - dann sollte es möglich sein, es einfach in inkscape zu kopieren / einzufügen)
jsbueno

Wäre Perspektive und nicht Umschlag nicht das richtige Werkzeug dafür?
Wrzlprmft

@Wrzlprmft für ein Rechteck Ziel Perspektive ist auch in Ordnung.
Takkat

Die Perspektive funktioniert für jedes Tetragon und liefert andere Ergebnisse als die Hüllkurve, die - und das war es, wonach ich gesucht habe - für mich perspektivisch korrekter aussieht (unter Berücksichtigung eines Szenarios wie dem oben genannten). Und es gibt wahrscheinlich einen Grund, warum dieses Tool Perspektive genannt wird.
Wrzlprmft

1

Verwenden Sie hierfür besser das richtige Tool: GIMP zum Beispiel. Es gibt eine großartige Perspektivfunktion, die Sie auch beim Ausschneiden des Bildes nach dem Anwenden der Perspektive unterstützt und den Hintergrund transparent macht.

Nach dem GIMP-Schritt können Sie ihn in Ihre Inkscape-Zeichnung einfügen. Ich würde vorschlagen, zweimal über die Integration eines physischen Bildschirms nachzudenken. Ich glaube, dass es besser wäre, von einem tatsächlichen physischen Gerät zu abstrahieren.

... ein Video, das genau dies zeigt, ist: GIMP Tutorial - mit dem Perspective Tool - YouTube

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.