° PIXELCHEN

Es gab die Anfrage, ob ich nicht mal ein Tutorial darüber verfassen könnte, wie man ein Icon klöppelt. Es gibt dazu mehrere Möglichkeiten. Zum einen kann man ein Bitmap Icon bauen, unter OS X kenne ich dazu nur ein halbwegs geeignetes Programm. Mit dem Iconographer X kann man direkt Icons erzeugen oder sie als Photoshop Datei exportieren, um sie dort noch weiter zu bearbeiten.

Bitmap Icons haben den Vorteil, dass sie um längen schärfer und klarer Aussehen, als anders geklöppelte Icons - der große Nachteil ist aber, dies trifft nur auf genau die Größe zu, in der sie geklöppelt wurden. Ein OS X Icon (.icns Datei) hat 128 x 128 Pixel und wenn ein Bitmap Icon in der Größe perfekt aussieht, heißt das noch lange nicht, dass es verkleinert im Dock oder auf dem Desktop immer noch so gut aussieht oder so erkennbar ist, wie gewünscht.

Eine andere Variante und die von mir am häufigsten verwendete ist der Weg über eine Vektorgrafik, die man in einem Vektorgrafikprogramm nach Wahl klöppeln kann. Wer nicht direkt Unsummen für Freehand oder Illustrator ausgeben will, kann sich mal lineform anschauen.

Vorteil von Vektorgrafiken ist die Skalierbarkeit, Nachteil ist, dass gerade bei Verkleinerungen Schärfe verloren geht. Für mich überwiegen die Vorteile. Neben dem mangelnden Talent für Bitmap Icons, ist die Bearbeitung von Vektorgrafiken mit Ebenen, nachträglichem Korregieren usw. einfach viel angenehmer.

Eine so erstellte Vektorgrafik übernehme ich dann in Photoshop, um sie dort dann nach Belieben weiter zu bearbeiten. Dazu gehören unter anderem das Einbringen von Licht und Schatten, Spiegelungen, Reflektionen, Verläufe und was einem sonst noch so einfällt. Man könnte auch direkt in Photoshop mit dem Zeichnen des Icons anfangen, mir liegt das einfach nur nicht.

Bei Icons arbeite ich sehr viel mit den Fülloptionen um aus einem eher zweidimensionalem Umriss etwas plastisches zu bekommen. Manchmal arbeite ich auch mit mehreren Ebenen und Ebenenmasken um Licht und Schatten und Ränder mit ins Spiel zu bringen.

Jetzt sieht das doch schon viel räumlicher aus und käme auch durch den Schattenwurf im Dock besser zur Geltung. Noch ein wenig Text und eine kleine Drehung und es passt sich den typischen Icons an.

Durch die Drehung (Apfel+T) in Photoshop werden die Ränder leicht zackig (unsauber). Dieses werden wir später wieder beheben oder man legt direkt eine schräge Ausgangsgrafik an. Schneller als über eien Ebenenmaske kann man mit folgender Methode ein wenig Lichtspiel in das Icon bringen.

Ich habe mit dem ‘Auswahlwerkzeug’ eine Fläche ausgewählt und die Auswahlkante auf 0,2 Pixel gestellt (möchte man weiche Übergänge, stellt man hier eine entsprechend höhere Zahl ein), von der Auswahl eine Kopie in eine neue Ebene kopiert, dies geht am schnellsten mit Apfel+C, dann Apfel+J und diese Ebene habe ich mit einer Tonwertkorrektur (Apfel+L) bearbeitet. Noch ist dieses Icon aber nicht ganz stimmig, denn an der umgeknickten Stelle, stimmt der Schatten nicht.

Von dieser Ecke habe ich wie eben bei der Lichtreflektion eine Auswahl (auch mit einer ganz leichten weichen Auswahlkante) eine Kopie in einer neuen Ebene angelegt und dort über die Fülloptionen den passenden Schatten angelegt und für etwas mehr “Räumlichkeit” gesorgt.

Das Icon ist jetzt fast fertig, nur ist es an den Ränder arg gezackt, was insbesondere bei der Verkleinerung im Dock störend aussieht. Diese Ränder zeichne ich immer mit dem ‘Weichzeichner - Werkzeug’ (R) weich. Um wirklich nur diesen Bereich zu bearbeiten, lege ich wieder eine Auswahl mit einer weichen Auswahlkante an. Dieses mache ich übrigens auch bei Bitmap Icon und gerade bei Icons mit vielen Rundungen | Kreisen.

Jetzt muss man nur noch das Icon exportieren. Von Haus aus kann Photoshop das nicht - ich benutze den Iconbuilder. Das ist wohl das beste PlugIn für diese Arbeiten, aber auch das teuerste. Wesentlich billiger, dafür aber auch auf die reine Funktion des Exportierens beschränkt ist das Export Icon PlugIn. Menschen, die mit dem Klöppeln von Icons ihr Geld verdienen, werden ob meiner Art und Weise vielleicht gerade mit dem Kopf in ihr ACD knallen, aber auch wenn ad das Gegenteil behauptet, die Zeit, Wochen für ein Icon aufzubringen, habe ich dann doch nicht und die Geduld schon mal gar nicht.

Technorati Tags: Icon gestalten, Icon erstellen, Icon, Iconbuilder, Tutorial, OS X Icon