John Cena

Kane

Rey

Rob van Dam

Stonecold Steve Austin

Triple H

Undertaker

Der Undertaker ist der Einzige der mir etwas sagt, kann mich noch an seine gelben Augen und seinen Lieblingsbildschirmschoner, eine Atombombenexplosion, erinnern. Alles falsch was ich da schreibe, wie man in den Kommentaren nachlesen kann, stellt der Smilie zwar den Undertaker dar, meine Erinnerungen beziehen sich aber auf Adam Bomb! Danke für den Hinweis.

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

WP-Monalisa von Hans vom Tuxlog bietet euch folgende Features:

• Verwaltung der Smilies im Dashboard.
• Frei wählbares Smilies-Verzeichnis, das auch mit >3.000 Smilies nicht überfordert ist!
• Importmöglichkeit für Smilie-Pakete im phpBB 3 pak-Format, zum schnellen Einfügen der GreenSmilies.
• Simples managen der Smilie Codes, deren Sichtbarkeit und Reihenfolge.
• Optional können die Smilies als klickbare Grafiken unter der Kommentarbox und/oder im Dashboard beim Artikel schreiben aktiviert werden.
• Die Smilies werden an der Cursor-Position eingefügt und nicht wie so oft am Ende des Textes.
• Smilies können durch den img-Tag ersetzt werden.

In Kooperation mit Tuxlog biete ich euch nun also nur noch eine pak-Datei zum Download an, sowie eine kleine Anleitung:

1. Download des Plugins.
2. Download der GreenSmilies.
3. Alles entpacken und im Plugin-Unterordner icons die vorhandenen Dateien löschen und durch den Inhalt des Downloads der grünen Smilies ersetzen.

   Alternativ kann man natürlich auch einen neuen Unterordner anlegen und diesen im Dashboard konfigurieren.

4. Alles auf euren Webspace laden.
5. Aktivieren des Plugins über den Plugin-Admindialog.
6. Einstellungen auf der wp-Monalisa Admin-Seite vornehmen (auf jeden Fall, sollte die Kommentarfeld ID geprüft werden, besonders bei der Verwendung von eigenen nicht standardiserten Themes)
7. Optional sollte man unter “Einstellungen -> Schreiben” im WP-Dashboard die Option “Wandle Emoticons wie :-) und :-P in Grafiken um” deaktivieren.
8. Wer möchte kann die Anzeigestile in der Datei wp-monalisa.css anpassen.
9. Freuen!

Folgende Codes und Smilies bietet das GreenSmilies-Paket euch an:

WordPress Code	Standard Smilie	Green Smilie
:) :-) und : smile :
:D :-D :d :-d : grins : und : grin :
:( :-( : traurig : : sad2 : und : sad :
:o :-o und : eek :
8O 8-O : schockiert : : shocked : und : shock :
:? :-? : ??? : : ? : : grübel : : gruebel : : aehm : : ähm : und : confused :
8) 8-) und : cool :
: lol :
:x :-x und : mad :
:P :-P :p :-p : zunge : : tongue : und : razz :
: oops : und : ups :
: frown : : weinen : : heul : und : cry :
: evil :
: twisted :
: roll :
;) ;-) und : wink :
: ! :
: idea : und : idee :
: arrow : und : pfeil :
:| :-| und : neutral :
: mrgreen :
xD XD
Dx DX
: ugly :
: freu :
: freu2 :
: motz :
: lachtot :
: irre :
: help : und : hilfe :
: wallbash :
: god : und : gott :
: zensur : und : censorship :
: hurra :
O-o O_o o-O o_O : Oo : : oO : : Òó : : sceptic : : skepsis : und : skeptisch :
: bravo :
: pfeif :
: ja : und : yes :
: nein : und : no :
: maul :
: doh :
: girl :
: winken :

Code-Wörter werden immer mit Doppelpunkten umfasst die hier einen ein Leerzeichen breiten Abstand tragen, weil manche davon hier aktiv sind und sonst einen Smilie stattdessen anzeigen würden.

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

Nun aber zu den wesentliche Vorteilen dieses Plugins:

• Im Dashboard können die Smilies komfortabel verwaltet werden!
• Optional können die Smilies als klickbare Grafiken unter der Kommentarbox und/oder im Dashboard beim Artikel schreiben aktiviert werden.
• Die Smilies werden an der Cursor-Position eingefügt und nicht wie so oft am Ende des Textes.
• Der Pfad zu den Smilies kann frei konfiguriert werden.
• Uvm.!

Anbei noch ein paar Screenshots:

Dashboard

Artikel

Kommentar

Hier verrichtet es bereits seinen Dienst!

*Nachtrag*

Hier geht es zur Doku!

*Update*

Der Autor hat mir bereits geantwortet und hat anstelle meiner Idee eines weiteren Forks, einen viel besseren Vorschlag gemacht! Mehr wenn es so weit ist.

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

Lyssas Smilie ist wohl selbsterklärend, von Martin bekam ich einen mundlosen Furzer, der leider nur für helle Hintergrundfarben geeignet ist:

Weiter so!

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

Dieses Tutorial basiert auf der Software, mit der ich arbeite und das ist Adobe Photoshop 7 und Adobe Image Ready 7, letzteres ist nur ein Teil von Photoshop. Im Wesentlichen sollten sich die Informationen aber auch in anderen Grafikpaketen, wie neueren Adobe Versionen (CS3) oder freier Software, wie Gimp, nutzen lassen.

Neben der für euch passenden Software, hilft euch beim Einstieg in die Welt von GreenSmilies das GDK und eventuell der von mir für Beschriftungen bevorzugte Font XG Pixo:

Download
dafont.com: XG Pixo

Habt ihr beides heruntergeladen und entpackt bzw. den Font installiert, könnt ihr auch schon mal Image Ready starten und die gif-Dateien öffnen – wer hier jetzt schon scheitert, also beim Entpacken und Öffnen der Dateien, der sollte sich vorher PC-Basics aneignen, welche nicht Teil dieser Anleitung sein werden! Das GDK besteht aus diesen Elementen (und wird ggf. von Zeit zu Zeit erweitert):

Rahmen und Füllung:

Augen:

Münder:

Hände:

Gesichter:

Ein Wort noch zu dem, was einen grünen Smilie, zu einem GreenSmilie macht. Sein Rahmen ist immer ein Kreis in einem Quadrat von der Größe 18×18 Pixel, er besitzt eine schwarze Kontur und seine Füllung ist so ausgerichtet, dass die Reflexion, also der helle Bereich im Grünen, immer rechts oben ist. Egal wie auch immer der Kleine herumspringen wird, die Reflexion ändert nie ihre Position! Accessoires und Teile des Gesichts besitzen in der Regel auch immer schwarze Konturen, wobei das kein “muss” ist.

Los geht’s!

Ich werde mit euch nun einfach mal einen Smilie aus den Bestandteilen des GDK zusammensetzen, um hierbei die wichtigsten Paletten von Image Ready mit euch durchzugehen. Wenn ihr alle Elemente des GDK geöffnet habt, sucht euch den Rahmen und die Füllung und zieht sie euch mal hervor:

Links seht ihr die Werkzeugleiste und im Uhrzeigersinn folgend findet ihr oben eine Leiste mit den Optionen für das aktuell gewählte Werkzeug, dann kommt die Palette zum Optimieren, welche wir aber erst zum Schluss benötigen werden, gefolgt von der Palette zur Farbwahl, Farbtabelle und Ebenen, letzteres ist eine der wichtigsten Paletten. Zum Schluss kommt die Palette zur Animation von Grafiken. In der Werkzeugleiste ist gerade das Werkzeug zum Verschieben aktiviert und zum Start schiebt ihr mal die Füllung per Drag & Drop in das Fenster mit dem Rahmen. Sehr hilfreich hierbei ist die Tastenkombination Strg+0, die das Fenster auf maximale Zoomstufe vergrößert.

Sollte eine Palette fehlen, klickt ganz oben mal auf “Fenster”.

Habt ihr nun die Füllung in den Rahmen gezogen, habt ihr praktischerweise schon zwei Ebenen in der Ebenenpalette, die markierte Ebene kann hierbei auch mit den Cursortasten verschoben werden, um die Füllung passgenau im Rahmen zurecht zu schieben. Neben der Vorschau seht ihr in der Ebenenpalette auch einen kleinen Text, dieser kann per Doppelklick auf diesen modifiziert werden, was sehr hilfreich sein kann:

Die Reihenfolge in der Ebenenpalette bestimmt auch die Sichtbarkeit der jeweiligen Elemente, das was unten steht wird vom darüberstehenden überdeckt. Die Bereiche im Bild, die dieses grau/weiße-Schachmuster aufweisen, sind die transparenten Bereiche, dadurch überdeckt zum Beispiel die Füllung nicht den schwarzen Rahmen, sondern lässt ihn durchscheinen.

Nun zieht euch noch ein paar Augen in euren Arbeitsbereich. Sollten diese nicht sichtbar sein, liegt die Ebene der Augen eventuell unter der Ebene der Füllung und muss daher in der Ebenen-Palette nach oben verschoben werden. Die Augen sollten nun die oberste Ebene darstellen, den Mund wollen wir nun selber pixeln. Dazu erstellt ihr eine neue Ebene, indem ihr in der Ebenenpalette auf das Symbol links unten, neben dem kleinen Papierkorb, klickt. Dadurch wird eine neue Ebene erstellt, die wir gleich in “Mund” umbenennen.

In der Werkzeugleiste aktivieren wir nun den “Buntstift” als Werkzeug (siehe folgenden Screenshot), sollte anstelle des Bleistifts ein anderes Symbol zu sehen sein, könnt ihr mit gedrückter Maustaste an dieser Stelle einen Tooltip mit anderen Werkzeugen öffnen. Multiple Werkzeuge erkennt ihr an dem kleinen schwarzen Dreieck in der rechten, unteren Ecke.

In den zum Buntstift gehörenden Optionen wählen wir als “Buntstiftgröße” die kleinste Einheit “1″ für einen Pixel:

In der Werkzeugleiste gibt es relativ weit unten zwei Farbfelder (im obigen Screenshot die beiden Grüntöne), die als Vorder- und Hintergrundfarbe dienen. Klickt man auf eine der beiden, öffnet sich der “Farbwähler”, in welchem sich auf unterschiedliche Herangehensweisen Farben bestimmen lassen. Ihr könnt auch mit der Maus im großen Feld ein Farbe anklicken. Um ein reines Schwarz für unseren Mund zu bekommen, schiebt den Kreis in diesem Feld in das linke untere Eck. Die Zahlen rechts davon passen sich automatisch an die gewählte Farbe an. Spielt etwas damit herum und ihr werdet schnell merken, wie die Sache funktioniert. Stellt für die Vordergrundfarbe ein reines Schwarz ein und beendet den Farbwähler mit OK.

In der zuvor erzeugten Ebene “Mund” könnt ihr nun munter drauflos pixeln, ich habe dies mal so gemacht:

So einfach und schnell habt ihr nun euren ersten Smilie erstellt! Gefällt euch euer erster Versuch mit dem Mund nicht, so könnt ihr neben dem Buntstift in der Werkzeugleiste den Radiergummi zum Löschen von Pixeln auswählen. Sollte die Position des Mundes nicht passen, könnt ihr sie mit dem anfangs erwähnten Verschiebewerkzeug in der Position ändern. Ebenen lassen sich auch komplett löschen bzw. lässt sich mit dem “Auge” in der Ebenen-Palette die Sichtbarkeit einstellen.

Wie ihr den kleinen Grünen nun animiert und abspeichert, erfährt ihr auf der nächsten Seite!

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

Mttao heißt Martin, ist dementsprechend männlich, 16 Jahre alt (Bj. 1992) und geht genauso dementsprechend noch zur Schule, genau genommen ins Gymnasium. Er kommt aus Hildesheim und hat polnische Wurzeln.

Alle Werke von Mttao und anderen Helfern auf GreenSmilies findet ihr im Bereich “User-Smilies” des Smilie-Albums.

Mein persönlicher Favorit:
Link: www.gearknob.de

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.

Freddus war einer der ersten Helfer auf GreenSmilies, welcher mir bei der Erstellung neuer grüner Smilies kräftig unter die Arme griff. Freddus der mit richtigem Namen Frieder heißt, kommt aus Baden-Württemberg und ist Baujahr 19??.

Vor allem freut es mich, dass er durch einen Besuch von GreenSmilies die Begeisterung für das Pixeln eigener Smilies gefunden hat.

Alle Werke von Freddus und anderen Helfern auf GreenSmilies findet ihr im Bereich “User-Smilies” des Smilie-Albums.

Mein persönlicher Favorit:
Link: www.friederklein.de

© Michael Niedermayr - besuche GreenSmilies.com für noch mehr Smilies.