Grafik-Editor

In diesem Dokument wird beschrieben, wie mit der Visual Studio Grafik-Editor arbeitet, um Textur und Bildressourcen anzuzeigen und zu ändern.

Sie können in der Bildbearbeitung mit den umfassenden Textur- und Bildformaten arbeiten, die in der Entwicklung von DirectX-Apps verwendet werden. Hierzu gehört die Unterstützung gängiger Bilddateiformate und Farbcodierungen, von Funktionen wie Alphakanäle und MIP-Zuordnung sowie von vielen der hochkomprimierten, hardwarebeschleunigten Texturformate, die DirectX unterstützt.

Unterstützte Formate

Folgende Bildformate werden von der Bildbearbeitung unterstützt:

Erste Schritte

In diesem Abschnitt wird beschrieben, wie Sie Ihrem Projekt hinzugefügt Visual Studio und für Ihre Anforderungen konfiguriert.

So fügen Sie ein Bild dem Projekt hinzufügen

1. In Projektmappen-Explorer öffnen Sie das Kontextmenü für das Projekt, das Sie das Bild hinzufügen möchten, und wählen Sie dann Hinzufügen, Neues Element aus.

2. Neues Element hinzufügen im Dialogfeld unter Installiert, wählen Grafiken ausgewähltes und dann ein entsprechendes Dateiformat für das Bild aus.Weitere Informationen dazu, wie Sie ein Dateiformat auf Grundlage der Anforderungen, finden Sie im folgenden Abschnitt auswählt.

3. Geben Sie Name der Bilddatei und Speicherort an, in dem sie erstellt werden sollen.

4. Wählen Sie die Schaltfläche Hinzufügen aus.

Auswählen des Bildformats

Abhängig davon, wie Sie planen, das Bild zu verwenden, ist möglicherweise bestimmte Dateiformate besser geeignet als andere.Beispielsweise möglicherweise mehrere Formatierungen keine Funktion, die Sie möglicherweise Anforderung ähnliche Transparenz oder eine bestimmte Farbe Format- oder geeignete Komprimierung nicht für die Art des Imageinhalts bereitgestellt haben, den Sie, geplant haben.

Die folgenden Informationen können Ihnen helfen, ein Bildformat auszuwählen, das Ihre Anforderungen erfüllt.

• Bitmapbild (.bmp)
  Das Bitmap-Bildformat.Ein nicht komprimiertes Bildformat, das 24-Bit-Farbe unterstützt.Das Bitmapformat unterstützt keine Transparenz.

• GIF-Bild (GIF)
  Das GIF-Bildformat (Graphics Interchange Format).Ein LZW-komprimiertes, verlustfreies Bildformat, das bis zu 256 Farben unterstützt.Ungeeignet für Fotografien und Bilder mit hohen Farbendetails. Es verfügt jedoch über gute Komprimierungsverhältnisse für Bilder mit wenig Farbe aber einem hohen Grad an Farbenkohärenz.

• JPG-Bild (JPG)
  Das JPEG-Bildformat (Joint Photographic Experts Group).Ein hochkomprimiertes, verlustbehaftetes Bildformat, das 24-Bit-Farbe unterstützt und für allgemeine Zwecke zur Komprimierung von Bildern mit hoher Farbenkohärenz geeignet ist.

• PGN-Bild (PNG)
  Das PNG-Bildformat (Portable Network Graphics).Ein mittelmäßig stark komprimiertes, verlustfreies Bildformat, das 24-Bit-Farben- und -Alphatransparenz unterstützt.Es ist sowohl für natürliche als auch künstliche Bilder geeignet. Die Komprimierungsverhältnisse sind jedoch nicht so gut wie bei verlustbehafteten Formaten, wie JPG oder GIF.

• TIFF-Bild (TIF)
  Das TIFF- oder TIF-Bildformat (Tagged Image File Format).Ein flexibles Bildformat, das mehrere Komprimierungsschemas unterstützt.

• DDS-Textur (.dds)
  Das DDS-Texturformat (DirectDraw Surface-Texturformat).Ein stark komprimiertes, verlustbehaftetes Texturformat, das 24-Bit-Farben und Alphatransparenz unterstützt.Die Komprimierungsverhältnisse können bis zu 8:1 betragen.Es basiert auf dem Texturkomprimierungssystem "S3 Texture Compression", das mithilfe von Grafikhardware dekomprimiert werden kann.

• TGA-Bild (TGA)
  Das TGA-Bildformat (Truevision Graphics Adapter-Format; auch unter der Bezeichnung Targa bekannt).Ein RLE-komprimiertes, verlustfreies Bildformat, das sowohl farbzugeordnete (Farbpalette) oder Direct Color-Bilder bis zu 24-Bit-Farben und Alphatransparenz unterstützt.Unpassend für Fotografien und Bilder mit hohem Farbendetails. Es stellt verfügt jedoch über gute Komprimierungsverhältnisse für Bilder mit weitflächigen identischen Farben.

Konfigurieren des Bilds

Bevor Sie beginnen, mit dem Bild zu arbeiten, das Sie gerade erstellt haben, können Sie die Standardkonfiguration ändern.Beispielsweise können Sie seine Dimensionen oder das Farbenformat ändern, die sie verwendet.Informationen dazu, wie diese und andere Eigenschaften des Bilds, finden Sie unter Bildeigenschaften konfiguriert.

Hinweis
Bevor Sie Ihre Arbeit speichern, sollten Sie darauf achten, die Eigenschaft Farbformat festzulegen, wenn Sie ein bestimmtes Farbenformat verwenden möchten.Wenn das Dateiformat Komprimierung unterstützt, können Sie die Komprimierungseinstellungen anpassen, wenn Sie die Datei zum ersten Mal speichern, oder wenn Sie Speichern unter auswählen.

Arbeiten mit der Bildbearbeitung

In diesem Abschnitt wird beschrieben, wie der Grafik-Editor verwendet, um Texturen und Bilder zu ändern.

Symbolleisten der Bildbearbeitung

Die Symbolleisten der Bildbearbeitung enthalten Befehle, die Sie bei der Bearbeitung von Bildern unterstützen.

Befehle, die den Zustand der Grafik-Editor beeinflussen, sind auf der Symbolleiste Bildbearbeitungsmodus zusammen mit erweiterten Befehlen.Die Symbolleiste befindet sich am oberen Rand der Bildbearbeitungsentwurfsoberfläche.Zeichentools sind auf der Symbolleiste Bild-Editor entlang dem äußersten linken Rand der Bildbearbeitungsentwurfsoberfläche.

Dies ist die Symbolleiste des Bildbearbeitungsmodus:

In dieser Tabelle werden die Elemente der Symbolleiste der Bildbearbeitungsmodus beschrieben und in der Reihenfolge aufgelistet, in der sie auf der Symbolleiste von links nach rechts angezeigt werden.

Element der Symbolleiste	Beschreibung
Auswählen	Ermöglicht die Auswahl eines rechteckigen Bereichs eines Bilds.Nachdem Sie einen Bereich ausgewählt haben, können Sie ihn ausschneiden, kopieren, verschieben, skalieren, drehen, spiegeln oder löschen.Wenn eine aktive Auswahl vorhanden ist, haben die Zeichenwerkzeuge nur Auswirkungen auf den ausgewählten Bereich.
Unregelmäßige Auswahl	Ermöglicht die Auswahl eines unregelmäßigen Bereichs eines Bilds.Nachdem Sie einen Bereich ausgewählt haben, können Sie ihn ausschneiden, kopieren, verschieben, skalieren, drehen, spiegeln oder löschen.Wenn eine aktive Auswahl vorhanden ist, haben die Zeichenwerkzeuge nur Auswirkungen auf den ausgewählten Bereich.
Stabsauswahl	Ermöglicht die Auswahl eines ähnlich farbigen Bereichs eines Bilds.Die Toleranz, d. h. der maximale Unterschied zwischen benachbarten Farben, innerhalb dessen sie als ähnlich betrachtet werden, lässt sich so konfigurieren, dass ein kleinerer oder größerer Bereich von ähnlichen Farben berücksichtigt werden kann.Nachdem Sie einen Bereich ausgewählt haben, können Sie ihn ausschneiden, kopieren, verschieben, skalieren, drehen, spiegeln oder löschen.Wenn eine aktive Auswahl vorhanden ist, haben die Zeichenwerkzeuge nur Auswirkungen auf den ausgewählten Bereich.
Schwenken	Ermöglicht das Verschieben des Bilds relativ zum Fensterrahmen.Wählen Sie im Schwenken-Modus einen Punkt auf dem Bild aus, und bewegen Sie ihn. Sie können den Schwenken-Modus vorübergehend aktivieren, indem Sie die STRG-TASTE gedrückt halten.
Zoom	Ermöglicht das Anzeigen von mehr oder weniger Bilddetails relativ zum Fensterrahmen.Wählen Sie im Zoom-Modus einen Punkt auf dem Bild aus, und verschieben Sie ihn: zum Vergrößern nach rechts oder nach unten und zum Verkleinern nach links oder nach oben. Sie können ihn vergrößern oder verkleinern, indem Sie die STRG-TASTE gedrückt halten, während Sie entweder das Mausrad verwenden oder das Pluszeichen (+) oder Minuszeichen (-) drücken.
Originalgröße anzeigen	Zeigt das Bild in einem 1:1-Verhältnis zwischen Pixel des Bilds und Pixel des Bildschirms.
Mit Zoom anpassen	Zeigt das ganze Bild im Fensterrahmen an.
Auf Breite vergrößern	Zeigt die gesamte Breite des Bilds im Fensterrahmen an.
Raster	Aktiviert oder deaktiviert das Raster, das die Pixelgrenzen anzeigt.Das Raster wird möglicherweise erst angezeigt, wenn Sie das Bild vergrößern.
Nächste MIP-Ebene anzeigen	Aktiviert die nächsthöhere MIP-Ebene in einer MIP-Zuordnungskette.Die aktive MIP-Ebene wird auf der Entwurfsoberfläche angezeigt.Dieses Element ist nur für Texturen mit MIP-Ebenen verfügbar.
Vorherige MIP-Ebene anzeigen	Aktiviert die nächstkleinere MIP-Ebene in einer MIP-Zuordnungskette.Die aktive MIP-Ebene wird auf der Entwurfsoberfläche angezeigt.Dieses Element ist nur für Texturen mit MIP-Ebenen verfügbar.
Roter Kanal Grüner Kanal Blauer Kanal Alphakanal	Aktiviert oder deaktiviert den spezifischen Farbkanal. Hinweis Durch systematisches Aktivieren oder Deaktivieren von Farbkanälen können Sie Probleme isolieren, die mit einem oder mehreren Farbkanälen zusammenhängen.Sie können beispielsweise eine falsche Alphatransparenz identifizieren.
Hintergrund	Aktiviert oder deaktiviert die Anzeige des Hintergrunds durch transparente Teile des Bilds.Sie können durch Auswahl einer der folgenden Optionen konfigurieren, wie der Hintergrund angezeigt wird: Schachbrett Verwendet eine grüne Farbe zusammen mit der angegebenen Hintergrundfarbe, um den Hintergrund als Schachbrettmuster darzustellen.Sie können diese Option verwenden, um transparente Teile des Bilds sichtbarer zu machen. Weißer Hintergrund Verwendet die Farbe Weiß, um den Hintergrund anzuzeigen. Schwarzer Hintergrund Verwendet die Farbe Schwarz, um den Hintergrund anzuzeigen. Hintergrund animieren Schwenkt das Schachbrettmuster langsam.Sie können diese Option verwenden, um transparente Teile des Bilds sichtbarer zu machen.
Eigenschaften	Öffnet bzw. schließt das Fenster Eigenschaften.
Erweitert	Enthält zusätzliche Befehle und Optionen. Filter Stellt einige allgemeine Bildfilter bereit: Schwarz und weiß, Weichzeichner, Aufhellen, Abdunkeln, Kantenerkennung, Relief, Farben umkehren, Wellen, Sepia und Scharfzeichnen. Grafik-Engine Mit D3D11 rendern Verwendet Direct3D 11 zum Rendern der Entwurfsoberfläche der Bildbearbeitung. Mit D3D11WARP rendern Verwendet Direct3D 11 Windows Advanced Rasterization Platform (WARP) zum Rendern der Entwurfsoberfläche der Bildbearbeitung. Tools Horizontal spiegeln Vertauscht das Bild um seine horizontale bzw. X-Achse. Vertikal spiegeln Vertauscht das Bild um seine vertikale bzw. Y-Achse. MIPS generieren Generiert MIP-Ebenen für ein Bild.Wenn bereits MIP-Ebenen vorhanden sind, werden sie von der größten MIP-Ebene neu erstellt.Alle Änderungen, die an kleineren MIP-Ebenen vorgenommen wurden, gehen verloren.Um die MIP-Ebenen zu speichern, die Sie generiert haben, müssen Sie zum Speichern des Bilds das DDS-Format verwenden. Ansicht Frame Rate Bei aktivierter Option wird in der rechten oberen Ecke der Entwurfsoberfläche die Framerate angezeigt.Die Einzelbildrate ist die Anzahl von Bildern, die pro Sekunde gezeichnet werden. Tipp Klicken Sie zum erneuten Ausführen des letzten Befehls auf die Schaltfläche Erweitert.

Dies ist die Symbolleiste der Bildbearbeitung:

In der folgenden Tabelle werden die Elemente der Symbolleiste der Bildbearbeitung beschrieben und in der Reihenfolge aufgelistet, in der sie auf der Symbolleiste von oben nach unten angezeigt werden.

Arbeiten mit MIP-Ebenen

Einige Bildformate, z. B. DirectDraw Surface (.dds), unterstützen MIP-Ebenen für die Detailebene Texturraum.Informationen zum Generieren von und Arbeiten mit MIP-Ebenen finden Sie unter Gewusst wie: Generieren MIP-Ebenen

Arbeiten mit Transparenz

Einige Bildformate, z. B. DirectDraw Surface (.dds), unterstützen Transparenz.Es gibt mehrere Möglichkeiten, mit Transparenz zu arbeiten. Dies hängt vom Werkzeug ab, das Sie verwenden.Um die Ebene der Transparenz für eine Farbauswahl anzugeben, legen Sie im Fenster Eigenschaften die Komponente A (Alpha) für die Farbauswahl fest.Im Folgenden wird gezeigt, wie die verschiedenen Werkzeuge die Anwendung von Transparenz steuern:

Bildeigenschaften

Sie können das Fenster Eigenschaften verwenden, um verschiedene Eigenschaften des Bilds anzugeben.Beispielsweise können Sie die Breite und Höhe festlegen, um das Bild Größe zu ändern.

Die folgende Tabelle beschreibt Bildeigenschaften.

Ändern der Bildgröße

Es gibt folgende zwei Möglichkeiten, die Größe eines Bilds zu ändern.In beiden Fällen verwendet die Bildbearbeitung eine bilineare Interpolation, um das Bild neu zu berechnen.

• Geben Sie im Fenster Eigenschaften die neuen Werte für die Eigenschaften Breite und Höhe an.

• Wählen Sie das gesamte Bild aus, und ändern Sie die Größe des Bilds mithilfe der Rahmenmarker.

Arbeiten mit Werkzeugen

Ausgewählte Bereiche

Die Auswahl in der Bildbearbeitung legt die Bereiche des Bilds fest, die aktiv sind, das heißt, diese Bereiche sind durch Anwendung der Werkzeuge und Transformationen betroffen.Wenn eine aktive Auswahl vorhanden ist, werden Bereiche außerhalb des ausgewählten Bereichs von den meisten Tools und Transformationen nicht beeinflusst.Gibt es keine aktive Auswahl, ist das gesamte Bild aktiv.

Die meisten implementiert Zeichenstift, Pinsel, Airbrush, Füllen, Radierer und Primitive- und 2D Transformationen Drehen, Glätten, Farben umkehren, Horizontal kippen und Vertikal kippen- werden durch die aktive Auswahl beschränkt oder definiert.Es gibt jedoch Werkzeuge, z. B. Formatpipette und Text, und Transformationen, z. B. MIPS generieren, die durch eine aktive Auswahl nicht betroffen sind. Diese Tools verhalten sich stets so, als ob das gesamte Bild die aktive Auswahl ist.

Während Sie einen Bereich auswählen, können Sie die UMSCHALTTASTE gedrückt halten, um eine proportionale (quadratische) Auswahl zu treffen. Andernfalls wird die Auswahl nicht beschränkt.

Größenanpassungs-Auswahl

Nachdem Sie einen Bereich ausgewählt haben, können Sie dessen Größe oder die Größe des Bildinhalts ändern, indem Sie die Größe des Auswahlmarkers ändern.Während Sie den ausgewählten Bereich Größe ändern, können Sie die folgenden Modifizierertasten verwenden, um das Verhalten des ausgewählten Bereichs zu ändern, wie er Größe ändern (Drücken Sie und halten die - Taste gedrückt, während Sie Größe ändern).

• Ctrl
  Kopiert den Inhalt des ausgewählten Bereichs, bevor er Größe geändert wurde.Dadurch verbleibt das Originalbild intakt, während die Kopie angepasst wird.

• Shift
  Ändert den ausgewählten Bereich relativ auf die ursprüngliche Größe Größe.

• Alt
  Ändert die Größe des Auswahlbereichs.Dadurch verbleibt das Bild unverändert.

Im Folgenden finden Sie die gültigen Modifizierertastenkombinationen:

Tooleigenschaften

Während ein Tool aktiviert ist, können Sie das Fenster Eigenschaften verwenden, um anzugeben, wie es Informationen über das Bild beeinflusst.Sie können z. B. die Breite des Zeichenstift-Werkzeugs oder die Farbe des Pinsel-Werkzeugs festlegen.

Sie können eine Vordergrundfarbe und eine Hintergrundfarbe festlegen.Beide unterstützen einen Alphakanal, um benutzerdefinierte Deckkraft bereitzustellen.Die Einstellungen gelten für alle Werkzeuge.Wenn Sie eine Maus verwenden, entspricht die linke Maustaste der Vordergrundfarbe und die rechte Maustaste der Hintergrundfarbe.

In der folgenden Tabelle werden die Tooleigenschaften beschrieben.

Tastenkombinationen

Verwandte Themen