Inhalt
Transparente Bilder wie GIFs ermöglichen die Anzeige von Inhalten und Texten auf einer Webseite durch das Hintergrundbild. Ein Webdesigner kann beispielsweise ein Bild eines Autos auf einer Webseite mit blauem Hintergrund platzieren. Da der Hintergrund des Bildes transparent ist, sehen Sie nur ein Auto, das von blauer Farbe umgeben ist. Mit Photoshop können Sie ähnliche Effekte erzeugen, indem Sie weiße Bereiche eines Bildes in transparente Bereiche umwandeln.
Anweisungen
-
Starten Sie Photoshop und öffnen Sie ein Bild, das weiße Bereiche enthält. Für beste Ergebnisse wählen Sie einen Hintergrund mit durchgehend weißem Hintergrund.
-
Klicken Sie in der Toolbox auf das Werkzeug "Zauberstab".
-
Klicken Sie auf den weißen Bereich des Bildes. Photoshop hebt alle Bereiche hervor, die diesen weißen Ton enthalten. Klicken Sie auf das Werkzeug "Hintergrund-Radierer", um es auszuwählen.
-
Suchen Sie im oberen Bereich des Photoshop-Fensters die Optionsleiste. Klicken Sie auf den Pfeil unter dem Wort "Bild". Das Dialogfeld mit den Optionen wird angezeigt.
-
Klicken Sie auf das Kontrollkästchen "Anti-Alias", um ein Häkchen hinzuzufügen. Behalten Sie den Standardwert "32" im Textfeld "Toleranz" bei.
-
Klicken Sie auf das kleine Quadrat im Feld "Größe", halten Sie die linke Maustaste gedrückt, und verschieben Sie die Leiste ganz nach rechts, um die Größe des Hintergrundlöschers zu maximieren.
-
Klicken Sie auf eine beliebige Stelle im Bild. Photoshop entfernt die ausgewählten weißen Bereiche. Wenn noch einige vorhanden sind, erhöhen Sie den Wert im Textfeld "Toleranz" unter "Optionen" in der Symbolleiste und klicken Sie erneut auf das Bild. Das Programm wählt die zusätzlichen weißen Bereiche aus. Wenn Sie Bereiche auswählen, die Sie nicht transparent machen möchten, drücken Sie gleichzeitig die Tasten "Strg", "Alt" und "Z", um die Änderung rückgängig zu machen, den Toleranzwert zu verringern, und klicken Sie erneut auf das Bild, um die weißen Bereiche auszuwählen. Wiederholen Sie diese Schritte, bis Sie nur die Bereiche auswählen, die Sie transparent machen möchten.
-
Klicken Sie auf "Bild", "Modus" und "Indizierte Farbe", um das Fenster "Indizierte Farbe" zu öffnen.
-
Klicken Sie auf "Transparenz", um das Kontrollkästchen zu aktivieren, und klicken Sie auf "OK", um das Fenster zu schließen.
Transparenz hinzufügen
-
Klicken Sie auf "Datei", um das Menü zu öffnen.
-
Klicken Sie auf "Für Web und Geräte speichern". Das Fenster "Save for Web and Devices" wird geöffnet.
-
Klicken Sie auf "Speichern", um das Fenster "Save Optimizes As" anzuzeigen.
-
Geben Sie im Feld "Dateiname" einen Namen für die Datei ein und klicken Sie auf "Speichern". Photoshop speichert die Datei als transparentes GIF.
Speichern des Bildes
Wie
- Um zu überprüfen, ob die weiße Farbe transparent ist, fügen Sie das Bild zu einer Ihrer Webseiten hinzu und öffnen Sie es in Ihrem Browser. Das Bild erscheint transparent, wenn die weiße Farbe vorhanden war.
Hinweis
- Mit dem Hintergrund-Radiergummi-Werkzeug werden alle Weißtöne entfernt, deren Farbe derjenigen entspricht, die Sie mit dem Zauberstab-Werkzeug ausgewählt haben. Wenn zum Beispiel jemand auf dem Foto ein weißes Hemd trägt, das der Hintergrundfarbe entspricht, wird es auch von Photoshop transparent gemacht. Wählen Sie bei dieser Technik Bilder mit einer einheitlichen weißen Hintergrundfarbe, die nicht der Farbe eines anderen Objekts entspricht.