Einen Fußball mit Photoshop gestalten.

Die Fußball-WM in Südafrika sorgt immer für reichlich Diskussionsstoff. Auch der neue WM-Fußball »Jabulani« von Adidas war im Vorfeld der Weltmeisterschaften Bestandteil von Experten- und Fandebatten. Er sei für den Torwart einfach unberechenbar.

Vielleicht ist es ja für die gefrusteten Torwächter ein Trost, dass sie mit ihrem Schicksal nicht alleine sind. Denn auch Grafiker haben einen Grund, sich über den Fußball zu beschweren - er lässt sich nämlich einfach nicht digital berechnen.

 Es fängt schon damit an, dass ein Fußball nicht ganz rund ist. Wer schon einmal versucht hat, einen fotografierten Fußball mit dem Auswahl-Werkzeug einzufangen, wird mir da Recht geben müssen. Ich gehe sogar soweit zu sagen: ein Fußball darf auch nicht rund sein, denn dann verliert er seine Authentizität. Lederfußbälle werden traditionell zusammengenäht, setzen sich aus Flicken zusammen. Ein ganz runder Ball mit einer glatten Umrandung wird immer wie ein Plastikball wirken.

Es gibt Dinge, die gibts nicht...
Aber nicht nur die Form bereitet Probleme, sondern auch die Oberfläche eines Fußballs. Versucht man, die Fünf- und Sechsecken aneinanderzusetzen, dann erhält man früher oder später nicht zu schließende bzw. weit auseinander klaffende Nähte. Grund dafür ist, dass der Fußball erst durch die Luft seine endgültige Form erhält. Diesen Luftfaktor können vielleicht CAD-Programme bei der Berechnung mit einbeziehen. Klassische Grafiker-Tools und auch 3-D-Programme geraten hier jedoch an ihre Grenzen, denn das zu mappende Muster kann es mathematisch nicht geben. Auf der Seite von Werner Brefeld ist dies übrigens recht genau erklärt.

Eine Lösung: Lizenzfrei einkaufen...
Will man also einen (fotorealistischen) Fußball in sein Layout einbauen, dann muss man diesen selbst knipsen oder geknipst einkaufen, z.B. bei mev.de. Das wäre auf jeden Fall eine sinnvolle Investition, denn in fußballbegeisterten Ländern wie Deutschland, Österreich und der Schweiz ist Fußball für die Werbung immer ein Thema - daran wird sich auch so schnell nichts ändern. Braucht man eine Vektorvariante bzw. eine grafisch anmutende Version, dann ist es keine große Sache, eine Fotovorlage mit dem Zeichenstift in Illustrator oder Photoshop nachzuzeichnen.

Einen nichtdestruktiven Fußball gestalten.
Jetzt könnte dieser Blogbeitrag zu Ende sein. Dieses Thema hat mir aber keine Ruhe gelassen und so habe ich ein bisschen mit dem Ziel herumexperimentiert, einen Fußball in Photoshop so zu gestalten, dass er beinahe nach Belieben komfortabel in Farbe und Bedruckung angepasst werden kann. Am Ende habe ich dann doch noch einen interessanten, natürlich nicht destruktiven Gestaltungsweg gefunden.

Vorlage organisieren.
Man benötigt als Ausgangspunkt eine passende Fotovorlage eines Fußballs. Dabei kann es sich - wie in meinem Beispiel - um eine quasi-symmetrische Version handeln. Bei einer solchen Variante muss man nur ein Drittel gestalten (1, 2, 3, 4, 5) und kann den Rest des Fußballs über Duplikate erzeugen. Den letzten, mittleren Flicken (6) legt man darüber. Dadurch werden mögliche Ungenauigkeiten im Zentrum des Balls, wo sie mehr auffallen würden, kaschiert. Natürlich kann man den Lösungsweg auch mit jeder anderen Fotovorlage erstellen. Es kostet nur ein wenig mehr Arbeitszeit, weil man dann sämtliche Flicken nachformen muss.

Grundformen erzeugen.
1. Wir erstellen ein großes Sechseck. Um Reserven für Transformationen zu haben, sollte es mindestens doppelt so groß sein wie das mittlere Sechseck (6). Dann wandeln wird es in ein Smart-Objekt um.

Es ist für meinen Lösungsweg von essentieller Wichtigkeit, diese Umwandlung ganz am Anfang vorzunehmen, denn dieser Flicken ist das zentrale Symbol - der Fußball besteht aus dessen Instanzen. Also bitte nicht vergessen!

2. Nun flicken wir uns aus Kopien des Smart-Objekts einen Fußball zusammen. Wir halbieren dessen Größe und erstellen dann vier Kopien dieses verkleinerten Smart-Objekts.  

3. Dann passen wir die Kopien nacheinander via Transformation an die Flicken der Fotovorlage an. Manch einer wird sich nun fragen, wie das mit den klassischen Skalier- und Umformwerkzeugen gehen soll. Mit diesen wäre der Fall in der Tat hoffnungslos. Aber dankenswerterweise steht bei Smart-Objekten auch das VERKRÜMMEN-Werkzeug zur Verfügung.

Endlich das Verkrümmen mal richtig exzessiv üben...
Mit diesem Werkzeug kann man wie ich meine den Flicken sogar noch komfortabler in der Form anpassen als mit Bezierkurven . Denn man kann das Objekt an allen Stellen kneten und sowohl die Außenform als auch die »Massenverteilung« intuitiv ändern. Ich verspreche: Wer das Verkrümmen-Werkzeug bis heute nie so richtig eingesetzt hat, wird es bei dieser Aufgabe richtig intensiv kennenlernen, denn vor allem bei den Außenflicken ist die Umformung ziemlich »tricky«. Das Verkrümmungsraster hilft jedoch dabei, das Sechseck perspektivisch richtig um zu formen. Und wenn man nicht zufrieden ist, dann kann man es jederzeit nachbessern, weil man ein Smart-Objekt umformt.

4. Nachdem wir drei Sechsecke angepasst haben (1, 2, 3), machen wir dasselbe nun mit den Fünfecken. Wir erstellen also mit dem Formwerkzeug ein Fünfeck (einfach Eckenanzahl in der Optionenleiste anpassen). Auch hier daran denken, es ein bisschen größer zu erstellen, um ein bisschen Fleisch für Transformationsprozesse zu haben.

5. Wir erstellen eine Kopie des Smart-Objekts und passen dann beide Fünfecke mit dem VERKRÜMMEN-Werkzeug an die Fünfecke der Fotovorlage an.

7. Von diesem Smart-Objekt erzeugen wir zwei Kopien.

8. Die erste Kopie drehen wir um 120° Grad und die zweite um -120° Grad.

9. Dann schieben wir alle drei Teile zu einem Fußball zusammen. Es macht nichts, wenn der Fußball erst mal nicht ganz rund ist, denn erstens können wir die Formen jederzeit aufgrund des nichtdestruktiven Aufbaus anpassen und zweitens wissen wir ja, dass ein richtiger Fußball gar nicht so rund ist, wie die vielen Zitate, z. B. »Das Runde muss in Eckige«, vermuten lassen.

10. Im Rahmen der Nachbesserung korrigieren wir nun die Formen so, dass die Nähte passen, also Flickenecken miteinander verbunden sind und außen nichts übersteht. Dies fällt übrigens leichter, wenn man dem Flicken einen Kontur-Ebenenstil (innen liegend) verpasst. Das braucht man auch nur bei einem Flicken zu machen, denn es handelt sich schließlich um Smart-Objekt-Kopien.

11. Schließlich passen wir auch noch den letzten Flicken (Nr. 6) mit dem VERKRÜMMEN-Werkzeug an. Dieser Flicken ändert sich später zwar nicht automatisch mit den anderen Flicken mit, muss also z.B. bei einer Farbänderung separat angepasst werden. Er hilft aber, Zeit zu sparen, indem er mögliche Doppelkonturen überdeckt. (Denn nach der Umformung ist das mittlere Sechseck nicht mehr symmetrisch.)

Damit ist der »Grundfußball« fertig (Bild).

Plastizität durch Lichtgestaltung.
1. Wir erstellen aus der Grundform des Fußballs eine Auswahl und dann über EBENE > NEUE FÜLLEBENE > VOLLTONFARBE… eine Form. Als Farbton wählen wir einen hellen Grauton.

2. Diese Form wandeln wir in ein Smart-Objekt um. Denn dann können Filterwirkungen jederzeit nachträglich angepasst werden.

3. Wir wählen FILTER > RENDERFILTER > BELEUCHTUNGSEFFEKTE und erstellen zwei Strahler-Lichtquellen, eine stärkere links oben und eine abgeschwächte rechts unten. Klick auf OK.

4. Schließlich stellen wir den Modus dieser Lichtebene auf  MULTIPLIZIEREN. Wem der Fußball zu dunkel ist, ändert später einfach den Grauton in einen helleren.

Fußball-Varianten erstellen.
Dank des nichtdestruktiven Aufbaus kann man nun schnell verschiedene Varianten basteln. Man muss nur den Masterflicken ändern und schon ist der komplette Ball umgestaltet. Und wenn man die Flicken perspektivisch richtig umgeformt hat, dann passen sich auch die Strukturen glaubhaft an.

In einem nächsten Schritt kann man z. B. die Räumlichkeit der Flicken ein bisschen simulieren, indem man Flickenkante einen leichten Innenschatten verpasst. Im nachfolgenden Bildbeispiel habe ich den Ball zudem mit einer Lederstruktur versehen. Wie macht man eine Lederstruktur? Das würde den Rahmen dieses Beitrags sprengen. Vielleicht erkläre ich das aber noch in einem zukünftigen Blogbeitrag.

Auch der gute alte »Tango« kann schnell erzeugt werden. Dafür benötigt man nur das passende Muster für das Sechseck und färbt die schwarzen Flicken des klassischen Lederballs weiß. Spätestens hier merkt man übrigens, ob man die Flicken perspektivisch richtig umgeformt hat. Aber nachdem ja das Muster des Flickens auch beim Umformen sichtbar bleibt, kann man dies ggf. ganz gut manuell optimieren.

Und wenn Sie für Ihre Werbung einen Fußball mit individuellem Logoaufdruck benötigen, so ist auch dieser schnell gestaltet:

Zwar ist der »Jabulani« von Adidas nicht so ohne Weiteres mit Flickenmanipulation zu erzielen, aber man kann sich die Drittelung des Balles auch hier zunutze machen. Ich habe einfach mal versuchsweise ein Jabulani-Muster in Photoshop erstellt und es dann ebefalls via VERKRÜMMEN auf den Ball gelegt. Das Ergebnis entspricht zwar nicht ganz dem Originalball, macht aber als Replique keine schlechte Figur:

Auf dieser Seite  kann sich übrigens alle bisherigen WM-Bälle ansehen.

Vorlage downloaden.
Wer nicht selbst  zum zufriedenstellenden Ergebnis gelangt, sich Zeit sparen oder den Ebenenaufbau studieren möchte, für den habe ich die von mir gestaltete Variante hier in den Downloadbereich gestellt. Sie lässt sich nach Belieben weiter anpassen. Nachdem der Aufbau nichtdestruktiv ist, hätte die Datei normalerweise eine enorme  Dateigröße. Daher habe ich das eine oder andere Smart-Objekt gerastert und die Größen ein bisschen heruntergefahren. Viel Spaß beim Fußballgestalten!