Was das bedeutet?
Bilder freistellen bedeutet, einen Hauptgegenstand eines Bildes vom Hintergrund zu lösen und diesen somit zu neutralisieren.
Warum?
Viele Marktplätze schreiben mittlerweile vor wie ein Produkt dargestellt werden muss. Hierbei wird besonders auf einen ruhigen Hintergrund geachtet, d.h. der Hintergrund sollte möglichst neutral (z.B. weiß) sein. Dadurch wird die Hauptaufmerksamkeit auf das Produkt gelenkt. Denn Ihre Kunden sollen nicht den Baum im Hintergrund kaufen sondern das Fahrrad im Vordergrund.
Wie?
Um Bilder freizustellen gibt es verschiedene Möglichkeiten. Doch das Beste daran ist, dass es viele Open-Source-Software gibt, also kostenlose Software, um diesen Schritt durchzuführen. Je nach Ihrem Können gestaltet sich das Bilder freistellen mehr oder weniger zeitaufwendig. In diesem Tutorial werde ich Ihnen zeigen wie Sie mit Hilfe von GIMP (können Sie hier herunterladen) Ihre Produktbilder selbst freistellen können und bei dieser Gelegenheit auf ein richtiges Format bringen können.
Es geht los!
Zu allererst brauchen Sie natürlich ein Produktbild, welches Sie in Szene setzen möchten. Dann öffnen Sie GIMP und mit Hilfe des Reiters „Datei" eine neue Datei, alternativ drücken Sie die Tastenkombination Strg+N. Dort werden Sie zunächst nach den gewünschten Maßen gefragt (Höhe x Breite), diese variieren nach den Vorgaben der verschiedenen Marktplätze. Klicken Sie nun auf OK und Sie sehen, dass sich der vorerst graue Hintergrund nun weiß färbt.
Nun öffnen Sie den Ordner in dem sich Ihr Produktbild befindet und ziehen dies auf die Bildfläche von GIMP, die Sie gerade erstellten. Ihr Produktbild befindet sich nun auf der Bearbeitungsfläche, wenn es über die Maße hinausragt (wenn Sie zum Beispiel 1600 x 1600 eingegeben haben) ändern Sie das Format mit Hilfe des Reiters „Bild" -> „Leinwandgröße" auf 2000 x 2000.
Leinwandgröße
Werkzeuge
Damit wäre die Vorarbeit erledigt, kommen wir nun zum Hauptteil dem Freistellen. Zu Ihrer linken haben Sie den Werkzeugkasten von GIMP.
Die ersten vier Werkzeuge werden Ihnen beim Freistellen behilflich sein. Das sind zum einen das Rechteck, die Ellipse, das „Lasso" und der Zauberstab. Welches Werkzeug Sie benutzen hängt natürlich von Ihrem Produkt ab: ist es eckig, rund oder unregelmäßig angeordnet/beschaffen?
Bei einem Laptop kommt Ihnen zum Beispiel das Rechteck zugute, damit können Sie Ihn umranden und so freistellen. Doch schwieriger wird es beispielsweise bei einem Fahrrad oder einem Ventilator (den passendes Ventilator zu meinem Beispielbild finden Sie unter creoven.de). Dafür benötigen Sie das ugs. genannte „Lasso" . Wählen Sie also dieses Tool aus.
Nun können Sie Ihr Produkt Punkt für Punkt umranden. Mit dem ersten Klick setzen Sie den Anfangspunkt. Verbunden werden die Punkte durch gerade Linien wobei Sie die Abstände dieser nach Belieben festsetzen können. Um möglichst exakt freizustellen empfiehlt es sich an den Gegenstand mit + ranzuzoomen (mit – wird herausgezoomt).
Wenn Sie an Stellen stoßen an denen diese gerade Linien aber nicht genügen, bzw. den Gegenstand in seiner Beschaffenheit verfälschen würden, können Sie die Maustaste gedrückt halten und eine weitere Verbindungslinie malen. Dafür ist eine ruhige Hand bitter nötig.
Setzen Sie nun die Umrandung fort, achten Sie besonders darauf, dass Sie möglichst nah am Produkt arbeiten und am dunkelsten/hellsten Pixel (variiert nach Produkt) ansetzen, so vermeiden Sie später Unreinheiten wenn Sie nicht nur einen weißen Hintergrund hinter Ihr Produkt setzen wollen sondern es beispielsweise in einen farbigen Banner Ihrer Website mit einbinden wollen.
Wenn Sie die Umrandung abgeschlossen haben, verbinden Sie den letzten mit dem ersten Punkt, nun erscheint die Umrandung gestrichelt.
Klicken Sie mit der rechten Maustaste in den ausgewählten Bereich und gehen Sie zum Punkt Bearbeiten->Ausschneiden. Der Bildausschnitt befindet sich jetzt in der Zwischenablage und Sie können sich um die Bereinigung des Hintergrunds kümmern.
Wählen Sie dafür das Werkzeug „Rechteckige Auswahl" und ziehen Sie dieses über das gesamte Bild, nun drücken Sie Entf, übrig bleibt ein weißer Hintergrund. Fügen Sie Ihr eben ausgeschnittenes Bild wieder ein.
Müssen noch Details ausgeschnitten werden, wie Träger einer Tasche oder Speichen eines Fahrrads, wählen Sie wieder das dazu geeignete Werkzeug umranden diesen Bereich und drücken Entf, so wird der Hintergrund ebenfalls weiß. Diesen Vorgang wiederholen Sie bis alle Stellen frei sind.
Nun haben Sie das Bild freigestellt und Ihr Produkt vor einem weißen Hintergrund präsentiert. Um Ihr Produktbild zu speichern öffnen Sie erneut den Reiter „Datei" -> Exportieren als...->Bildnamen eingeben und Endung auf .jpg ändern.
Wollen Sie Ihr Produkt in einen Banner Ihrer Website einbinden, benötigen Sie jedoch einen transparenten Hintergrund. Hierfür klicken Sie mit der rechten Maustaste in den durch Sie bereinigten Hintergrund, Farben->Farben zu Transparenz-> kontrollieren ob auch weiß als Farbe ausgewählt ist (ansonsten HTML-Farbcode #ffffff eingeben) und bestätigen.
Farbcode
Nun erscheint der Hintergrund kariert. Das gleiche führen Sie mit den übrigen weißen Bereichen durch (hier zunächst mit dem Zauberstab den gewünschten Bereich wählen) . Speichern Sie Ihr Bild beispielsweise mit der Endung .png .
Wollen Sie von vornherein einen transparenten Hintergrund, öffnen Sie wie gewohnt eine neue Datei in GIMP, Maße können Sie beibehalten, rechtsklicken in das weiße Bild, Bearbeiten->Farben->Farben zu Transparenz.
Nun erscheint der Hintergrund wieder kariert. Ziehen Sie Ihr gewünschtes Produktbild in die Bildfläche und schneiden Sie es wie gewohnt aus, entfernen Sie den überschüssigen Hintergrund mit Hilfe des Rechtecks und fügen Sie Ihr Produktbild wieder ein. Gibt es nun noch detaillierte Stellen die ausgeschnitten werden müssen, tun Sie dies mit Hilfe des dazu benötigten Werkzeuges, wenn Sie nun den ausgewählten Bereich entfernen (Entf) erscheint er ebenfalls kariert und ist somit transparent.
Speichern Sie die Datei mit der Endnung .png ab, ebenfalls können Sie sie mit der Endung .jpg abspeichern wodurch ein weißer Hintergrund automatisch eingefügt wird, dies spart natürlich Arbeit und Zeit, denn so haben Sie Ihr Bild nur einmal bearbeitet, können es aber sogleich in einen Banner oder Ihren Webshop einfügen.
Was sagen Sie dazu? Kritik, Lob, alles Mist?
Sie können als Gast posten...