Kachelbares Hintergrundsprite aus einem Baumfoto

Als Vorlage reicht ein Foto. Es ist von Vorteil wenn sich Objekte die vom Hintergrund freigestellt werden sollen im Bild gut von diesem hervorheben. Einzeln stehende Bäume mit einem klaren Himmel als Hintergrund sind ideal. Aus nur einem Baummotiv entsteht ein kachelbares (seamless) Waldsprite für die Levelbegrenzung.

Photoshop bietet mehrere Werkzeuge zum Freistellen an. Ich benutze zuerst den MAGISCHEN RADIERGUMMI (Umschalt + E im Wechsel mit allen Radiergummiarten). Optionen: TOLERANZ  alle Farbtöne bis + - 20% wie den mit dem Radiergummi angeklickten auswählen. DECKKRAFT 100%  lösche die Auswahl vollständig. AUFEINANDERFOLGEND nur aneinandergrenzende Farben löschen. Mit dem Blau des Himmels fange ich an. Ein Klick hinein und das Himmelsblau wird gelöscht. Das gute am magischen Radiergummi ist, das gleichzeitig das Bild in eine Ebene umgewandelt und das gelöschte transparent wird.

Sind die großen Farbflächen entfernt kann der Toleranzwert verkleinert werden, denn nun kommen die Flächen wo Hintergrund und Baum nicht mehr so klar zu unterscheiden sind. Oder ich benutze das MAGNETISCHE LASSO (Umschalt + L im Wechsel mit den anderen Lassoarten). Dieses sucht nach Konturen im Bild und setzt dann von Zeit zu Zeit Punkte um die Auswahl zu fixieren. Damit fahre ich entlang von Zweigen. Ich habe es im linken Bild mit der blauen Auswahl verdeutlicht. Unten am Fuß des Baumes war das Foto jedoch zu verschwommen. Deshalb kürze ich den Baum und lösche diesen Teil. Der Aufwand zum Freistellen wäre zu hoch gewesen.

So nun färbe ich den Baum nach meinem Geschmack ein. BILD --> EINSTELLEN --> FARBTON/SÄTTIGUNG (Strg + U). Die Option FÄRBEN ist wichtig. Damit wird der Baum gefärbt, seine Konturen bleiben jedoch erhalten. Als nächstes habe ich vor den Baum auszuschneiden und in eine neue Datei zu kopieren. Mit dem ZAUBERSTAB (W) ,Optionen nächstes Bild rechts, in den transparenten Teil klicken. Alles was Transparent ist wird ausgewählt. Da ich aber den Baum auswählen will wird die Auswahl mit AUSWAHL --> AUSWAHL umkehren ( Umschalt + Strg + I) umgekehrt. Nun ist der Baum ausgewählt. Diese Auswahl kopieren mit BEARBEITEN --> KOPIEREN (Strg + C).

Anschliessend eine neue Datei öffnen. DATEI --> NEU (Strg + N). Die Größe der Datei wird automatisch nach der Größe der Kopie erstellt. Transparent Option nicht vergessen. Kleine Farbfehler hatte ich noch übersehen. Die lösche ich nun mit dem normalen Radiergummi. Der Musterbaum ist fertig.

Nun erstelle ich das eigentliche Bild für das Sprite. Eine neue Datei mit 400x200 Pixel erstellen.

Da mein Sprite 200 Pixel hoch ist wird die Bildgröße des Baumbildes auch auf 200 Pixel Höhe verkleinert. BILD --> BILDGRÖSSE. Option siehe nächste Bilder. Nur die Höhe ändern, die Breite ändert sich automatisch mit.

Der Baum wird ausgewählt, kopiert und in das Spritebild eingefügt ( BEARBEITEN --> EINFÜGEN oder Strg + V). Diese Prozedur wiederhole ich noch einmal. Eine neue Ebene wird dabei automatisch erstellt. Diesen zweiten Baum ändere ich in der Farbe und gebe ihm eine etwas andere Größe mit BEARBEITEN --> FREI TRANSFORMIEREN (Strg + T). Die Bäume werden nach vorn farblich immer heller gestaltet.

2