Favicon in Paint.NET

© Asmodiel 2007

Ich weiß zwar, dass es "bessere" Programme gibt, wie Fireworks, Flash, Gimp oder Photoshop, aber heute will ich mal eine einfache, aber cool wirkende grafik in Paint.NET vorstellen.

Also fangen wir am besten mal an:

Voraussetzungen für das Tutorial:

» .NET Framework 2.0 oder höher (3.0 ist das neueste).
» Paint.NET (ich werde es anhand von 3.1 erklären :P)

Schritt 1 - Datei öffnen

Nachdem alles installiert wurde, können wir Paint.NET starten und mit "Strg-N" oder einem intuitiven Klick eine neue Datei öffnen.



Schritt 2 - Hintergrund

So, nun haben wir eine 16x16 Pixel große Datei erstellt und können jetzt mit der eigentlichen Arbeit anfangen. Ich habe für meinen Hintergrund orange (#ff9900) und dunkelorange (#dd6600) gewählt.

Also heranzoomen, das Verlaufswerkzeug auswählen und die Farben setzen.



Da wir die Farben jetzt ausgewählt haben, kommt nun eine sehr einfache Technik, die man bestimmt auch aus anderen Grafikprogrammen kennt: Klicken-Halten-Ziehen, also von unten nach oben (so, dass das Dunkle oben ist) einen geraden Verlauf ziehen :P

Schritt 3 - Initial

Nun - damit die Grafik auch etwas persönlicher wirkt, nehmt ihr euer Initial (Anfangsbuchstabe des Nicks / Vornamens / Seitennamens) und schreibt ihn auf das Favicon, ich hab hier mit weiß gearbeitet :D (#ffffff)

Neue Ebene -> Text (größe 12) -> Initial (bei mir: asmodiel) -> ggf. Verschieben.

Schritt 4 - Optional: Scheineffekt

Das darf bei mir in keiner Grafik fehlen, aber es gibt ja geteilte Meinungen. Wenn es euch schon so gefällt, wie es ist, lässt diesen Schritt einfach aus :)

Also, wieder Neue Ebene -> Obere Hälfte des Bildes Auswählen -> Mit weiß füllen -> Ebenensichtbarkeit auf ca. 50-60 stellen.



So, fertig, nun Speichern und das ist das endergebnis:

HTML - Code für die Website:

Das favicon wollt ihr ja bestimmt noch auf eurer Seite einfügen...
Ich könnte es auch hier schreiben, aber ich kann nicht so gut erklären, also schaut lieber mal auf favicons.de