Geschrieben von blackangel- am 20.09.2005, 03:31

Da ich nun des öfteren gefragt worden bin, wie genau man denn diese kleinen Pixel-Icons erstellt (unter anderem auch animierte GIFs und Smilies), hab ich mich dazu entschlossen, ein kleines Tutorial zu erstellen^^
Als erstes müsst ihr nun mit "Strg + N" ein neues Dokument öffnen. Da es sich um ein Pixel-Icon handelt, sollte die Größe nicht wirklich sehr ausladend sein. Ich habe mich beim Beispielbild für die Größe von 11x11 Pixel entschieden. Wichtig ist, das der Hintergrund transparent ist: Dies stellt ihr im unteren Drittel des Fensters (nachdem ihr "Strg + N" gedrückt habt) unter "Inhalt" -> "Transparent" ein. Danach müsst ihr das neue Dokument noch ordentlich vergrößern mit dem Zoomwerkzeug. Ich nehme für gewöhnlich imm 1600%. Wählt nun den Buntstift aus - und zwar sollte die Pinselspitze nur einen Pixel groß sein. Beginnt nun freihand die Outlines - also die Umrisslinien - eures Icons zu gestalten. Das mag sich nun vielleicht anfangs etwa schwer anhören, aber nach ein paar Versuchen gewöhnt man sich sehr schnell daran^^ Für den Anfang solltet ihr euch an leichten Formen, wie Smilies, Herzen oder Sternen versuchen.^^

Wie ihr auf meiner Seite im Beispielbild sehen könnt, sollten die Pixel (immer) Eck an Eck angesetzt werden - das ist theoretisch jetzt etwas schwer zu erklären ^^"" Bei Diagonalen Linien sollten keine "Klümpchen" entstehen. (Obwohl es aber auch Ausnahmen gibt.) Beginnt nun, die Outlines mit einer Farbe, die ihr mögt (und zum Bild passt) komplett auszufüllen^^ Ich persönlich finde es meistens besser, wenn dir Outlines etwas dunkler sind, als der Rest des Bildes.

Nun kommen meine Lieblingdinge, nämlich den Schatten und die Lichter einzufügen. Bedenkt nun als erstes, von welcher Seite euer Icon angeleuchtet wird. Angenommen ihr soltet euch für "Licht von links" enscheiden, dann kommen Lichtrflexe auf die linke Seite und Schatten auf die rechte. Pixelt nun wieder mit dem Buntstift an den Rändern eures Icons entlang, beachtet aber, dass ihr die Pixel wieder "Eck auf Eck" ansetzt und die Outlines nicht übermalt ^.~ Die Schattenfarbe sollte dabei etwas heller sein als die Outlines, aber auch etwas dunkler als die Füllfarbe.

Wenn ihr euer Werk nun in realer Größe anschauen möchtet, könnt ihr wieder das Zoomwerkzeug benutzen und auf 100% runterzoomen. Und schon habt ihr euer eigenes Pixel-Icon erstellt^^

Wenn ihr eine Version mit Bildern wollt, besucht einfach meine Site:
http://www.MA-Shrine.de

Für Fragen stehe ich natürlich gerne zur Verfügung^^

LG,
BlackAngel-

Bewertung Anzahl
5
100,0 %
2 Bewertungen