Tutorial: Grüne Smilies selber machen!
Wir animieren!
Wir wollen nun die Augen des Smilies “klimpern” lassen, zieht euch dazu die geschlossenen Augen aus dem GDK in euren Arbeitsbereich, nennt die Ebene “Augen zu” und positioniert sie an der richtigen Stelle. Stellt dann in der Ebenenpalette die Sichtbarkeit der geschlossen Augen aus und widmet euer Augenmerk der Animations-Palette:
In dieser sollte euch euer Werk als Frame Nummer “1″ anlachen. Eine Animation besteht einfach aus unterschiedlichen Ansichten (Frames) eures Objekts, welche eine gewisse Zeit sichtbar sind und dann durch den Folgeframe ersetzt werden. Das Ganze startet bei Frame 1 und ihr bestimmt, wie oft die Abfolge euer Frames wiederholt wird. Damit eine Animation ständig wiederholt wird, klickt unter dem ersten Frame auf das Pulldown-Menue und wählt “Unbegrenzt” aus. Maximal sind 30.000 Wiederholungen möglich, ich arbeite aber eigentlich immer mit “Unbegrenzt”.
Wählt nun rechts oben in der Animations-Palette, bei diesem Doppelpfeil “>>”, “Neuer Frame” aus. Euer erster Frame wird nun dupliziert und zwei Smilies lachen euch in Frame 1 und 2 an. Im zweiten Frame dreht ihr den Spieß nun um und stellt die Sichtbarkeit der Ebene “Augen zu” an und die der Ebene “Augen” aus.
Drückt nun auf den “Play”-Button in der Animations-Palette. Rasend schnell klimpert der Gute nun, um dies zu optimieren, müssen wir den Frames noch mitteilen, wie lange sie sichtbar sein dürfen. Dazu gibt es unter dem Vorschaubild eines jeden Frames die Möglichkeit, die Bilddauer in Sekunden einzustellen. Stellt für Frame 1 drei Sekunden und für den Frame 2 0,1 Sekunden ein. Fertig ist eure erste Animation!
Abspeichern!
Regelmäßig solltet ihr euer Werk auch im photoshopeigenen Format “psd” abspeichern, ansonsten wäre die ganze Arbeit bei einem Absturz im Nirvana. Um die Grafik in einem internettauglichen Format zu speichern, muss die Grafik noch etwas optimiert werden. Dazu benötigt ihr die Paletten “Optimieren” und “Farbtabelle”. Im Arbeitsbereich wechselt ihr auf den Register “Optimiert”. Wichtig beim Optimieren von gif-Bildern sind folgende Dinge!: Die Anzahl der Farben und wie diese ausgewählt werden sowie das Format “GIF”.
In der Optimieren-Palette wählt ihr die Einstellung wie im folgenden Screenshot gezeigt. Die korrekte Anzahl der Farben könnt ihr mit Hilfe der Farbtabelle ermitteln. Wählt ihr für unser Beispiel z.B. acht Farben, so wird das Bild entstellt, da zu wenig Farben verfügbar sind. Erhöht ihr auf 16 Farben sieht das Ganze schon besser aus und in der Farbtablle werden auch weitere Farbkästchen erscheinen. Ein erhöhen der Farben auf 32 wird keine Veränderung mehr in der Farbtabelle erzeugen, was bedeutet, dass 16 Farben ausreichend sind. Die Anzahl der Farben ist in Zweier-Potenzen gestaffelt und reichen bis zum Maximalwert von 256, mehr Farben gehen also nicht! Umso weniger Farben, umso kleiner wird der Platzbedarf eures Smilies.
Ist das Bild fertig optimiert, speichert ihr es zum einen im psd-Format und dann nochmals, indem ihr auf Datei klickt und “Optimierte-Version speichern unter…” auswählt. Die Datei wird dann zusätzlich noch im GIF-Format abgelegt. Vergesst nie, die Datei auch im psd-Format abzuspeichern, andernfalls verliert ihr sämtliche Ebenen und die Möglichkeit, die Quelldatei erneut zu modifizieren!
Fertig!:
Ende!
Ich bitte nun um euer Feedback! Nur daran kann ich erkennen, was noch fehlt und dem Tutorial hinzugefügt werden kann.
Auf der nächsten Seite findet ihr noch weitere gut gemachte Tutorials zum Thema “Smilies erstellen”.
Beliebte Beiträge:
(16 votes, average: 4.94 out of 5)
Loading ...
Loading ...
Am 11. Mai 2009 um 21:53 Uhr.
Hi
Ich habe jetzt diese Schrift gedownlodet wo mus die jetzt hin und wo finde ich die dan.
MFG
Player
Am 11. Mai 2009 um 22:00 Uhr.
Nachdem du die Entpackt hast, Rechtsklick => Installieren :)
Falls dass nicht möglich ist:
Im Explorer oder Arbeitsplatz den Ordner Windows\Fonts\ aufrufen und die Schrift da reinziehen, dann wird sie installiert.
Dann ist sie als Systemschriftart integriert und du kannst sie (fast) überall nutzen …
Am 11. Mai 2009 um 22:15 Uhr.
Danke fürs Tutorial. Werd mich demnächst mal dran machen und eigene erstellen.
Am 11. Mai 2009 um 22:45 Uhr.
Sehr feines Tutorial!
Hab sonst immer mit Ebenen und fürs Web speichern im Photoshop selber gearbeitet wenn ich mal was animiert habe, das ist so doch angenehmer ^^…
Erster ‘eigener’ Smiley ist per Mail unterwegs :)
Liebe Grüße
Lyssa
Am 11. Mai 2009 um 23:06 Uhr.
Das versuche ich auch mal, mal sehen was das wird.
Am 12. Mai 2009 um 00:19 Uhr.
Freut mich, sagt mir wenn was unverständlich ist oder gar fehlt!
@Player: sry, das sind die angesprochenen Basics, Tom hats aber richtig beschrieben.
Am 12. Mai 2009 um 08:10 Uhr.
@Lyssa: Super Smilie! Beim Abspeichern hast du dem Kleinen aber noch etwas zu wenig Farben spendiert, du müsstest die Grafik also noch etwas besser optimieren.
Am 12. Mai 2009 um 11:04 Uhr.
Hammer Tut!!!
:bravo:
Am 12. Mai 2009 um 12:57 Uhr.
Ich finde diesen Ordner nicht (Windows)
Da sind nur welche dieSO heißen :
Windows Media Player
Windows NT
Windows Media Connect 2
Windows Media Connect 1
Windows Journal Viewer
Aber keine anderer mit W.
MFG
Player
Am 12. Mai 2009 um 14:36 Uhr.
@Player: Nicht unter programme sondern unter C:Windowsfontshier rein muss es dann
P.s.: Neues GDK!!! (Neue Münder Hände etc.)
Hab noch das ganz alte, so fort gedownloadet, ein paar fehlten mir noch
Probiere das prog auch mal aus
Am 12. Mai 2009 um 14:50 Uhr.
@The blog: Das hat Tom doch oben geschrieben.
Am 12. Mai 2009 um 15:04 Uhr.
Ah
Danke hat geklapt.
Mein Forum: http://wrestling-champions.all-up.com/
MFG
Player
Am 12. Mai 2009 um 15:13 Uhr.
Boar geil, vor kurzem habe ich noch um ein Tut gebettelt, und schwups ist eines da. Ne menge Infos!
Werde das demnächst mal durchgehen. Fettes Danke für das Tut!
Am 12. Mai 2009 um 15:15 Uhr.
@Player: Ich würde mir mal nen Duden kaufen!
Am 12. Mai 2009 um 17:35 Uhr.
@Christian: Warum nen Duden.
Wer brauch so eine S******. und wofür.
Am 12. Mai 2009 um 18:05 Uhr.
@Schocker Blogger: Moment, jetzt musst du es aber schon sofort durchgehen und nicht erst “demnächst”!
@Player: Ich kann mir schon vorstellen was Christian meint, du postest ja brav deine Foren-URL hier (es reicht aus, wenn du sie in das dafür vorgesehene Feld setzt, im Beitrag sieht das sehr nach Spam aus) und ich habe da mal draufgeklickt und das hier ist schon sehr amüsant:
Und das zieht sich durch all deine Beiträge, ich würde dir auch dazu raten, falls Deutsch nicht deine Muttersprache ist, mal die Texte Korrektur lesen zu lassen.
Am 12. Mai 2009 um 18:39 Uhr.
@Michael: Wilst du jetzt sagen das ich ein Auslender bin.
Dan hast u dich geiert.
Ich tippe nur so schnell, und gucke dabei nicht auf Rechtschreibfehler.
OK
MFG
Player
Am 12. Mai 2009 um 18:53 Uhr.
@Player: Du tippst nicht nur schnell, sondern schlichtweg falsch!!
LG AveN
Am 12. Mai 2009 um 19:45 Uhr.
@Player: Nix für ungut, du schreibst wie jemand der nicht der deutschen Sprache mächtig ist, ich wäre da nicht unbedingt stolz drauf. Wie wärs, wenn du dir etwas mehr Zeit lässt und dafür weniger Fehler machst.
Am 12. Mai 2009 um 20:24 Uhr.
@Michael: Ja, kan ich ja mal machen.
Dan last uns das Thema jetzt beenden.
MFG
Player
Am 14. Mai 2009 um 22:44 Uhr.
Hi habe noch einen Roling gemacht, einen mit Schild:
Ist er Gut oder nicht.
Am 14. Mai 2009 um 22:49 Uhr.
Am 14. Mai 2009 um 22:58 Uhr.
@Player: Ähm, also an Rohlingen besteht nicht wirklich Bedarf. ^^
Am 14. Mai 2009 um 23:15 Uhr.
@Player: die “Fläche” ist zu hoch, Ich hab auch so welche um mir schnell Schildersmilies zu machen. Hab einen von Michael genommen und dass unötige gelöscht
Siehst du an den “Viel Spaß mit der Verwarnung”´s Smilies.
Am 14. Mai 2009 um 23:51 Uhr.
@Player: Außerdem sehe ich gerade, dass er nicht transparent ist, aber wie gesagt, von meiner Seite kein Bedarf da ich sowieso mit Layern im psd-Format arbeite und ganz andere Rohlinge benutze.
Aber wenn du ihn anhand des Tuts gemacht hast, sehr gut!
Am 15. Mai 2009 um 06:53 Uhr.
Oh ja, er ist nicht transparent.
Danke.
Am 15. Mai 2009 um 13:13 Uhr.
[...] GDK wurde aktualisiert und außerdem gibt es nun ein Smilie-Bastler-Tutorial! Beliebte [...]
Am 15. Mai 2009 um 13:42 Uhr.
@The blog: ehm
Warum, hier ist er doch auch so hoch.
Aber egal.
MFG
Player
Am 15. Mai 2009 um 17:38 Uhr.
@Player: Oh, der ist mir noch gar nicht aufgefallen.
Naja, ich dachte immer die hohen wären nur für welche mit zwei schildhaltenden Händen, sorry.
Am 15. Mai 2009 um 21:12 Uhr.
Ja egal.
Jeder macht mal Fehler.
Auch Rechtschreibfehler.*lach*
Am 16. Mai 2009 um 18:16 Uhr.
[...] erste Ergebnis des Smilie-Bastel-Tutorial kam von Lyssa und es ist ihr vorzüglich [...]
Am 17. Mai 2009 um 16:36 Uhr.
die gängs der smilies ist ned zu unterschätzen die kommen noch an die macht glaubt mir
:ja: 
lol wollte mal was zum lachen rein bringen den es wert so sein gibt den noch parr jahre und ihr wert ALLE noch sehen 
also nachst immer sich um schauen kann sein das sie auch schon in eure städte sind 
Am 17. Mai 2009 um 19:32 Uhr.
Smilies na die Macht
Am 9. Juni 2009 um 16:42 Uhr.
Hallo.
Das Tutorial ist wirklich gelungen und ich würde mich gerne auch daran versuchen.
Allerdings sind die GDK Vorlagen bei mir im PS gesperrt, so dass ich sie nicht verschieben kann etc.
Wie kann ich das ändern, oder muss ich die Vorlagen in einen bestimmten Ordner kopieren um sie nutzen zu können?
Danke schonmal :)
Am 9. Juni 2009 um 19:34 Uhr.
Da gibts viele Wege, ein schneller ist den Modi auf RGB zu ändern, dann kannst du sie weiterbearbeiten.
Am 5. August 2009 um 16:38 Uhr.
mann könnte doch vielicht so extras wie hüte einbauen :)
Am 30. Oktober 2009 um 16:10 Uhr.
@Dominik: Ja, genau.
@Michael: Zum Beispiel die Weihnachtsmann-Mütze. Die fehlt mir nämlich.
Am 2. November 2009 um 18:06 Uhr.
Hi, ich hab die Seite erst vor kurzem gefunden und finde die Smilies echt klasse.
Als ich das Tutorial gesehen hatte hatte ich es sofort durchgelesen und meinen ersten Smilie gemacht:
mfg Teehee
Am 6. November 2009 um 16:54 Uhr.
Hey, ich habe Photoshop Elements, und wenn ich da einen Smiley animiere wird das total ruckelig
… Geht das damit überhaupt gescheit? 
Am 11. November 2009 um 14:26 Uhr.
@Stephan: Das kann ich dir nicht beantworten, aber ich tendiere eher zu ja.
Am 14. Februar 2010 um 12:31 Uhr.
wie kann ich ein eigenes smailie machen die sich bewegen ?
Am 14. Februar 2010 um 12:34 Uhr.
@portugal: Wie wärs wenn du den Beitrag liest?
Am 30. März 2010 um 21:10 Uhr.
Am 31. März 2010 um 00:05 Uhr.
@Anonymous: Huhu, sind wir das nicht alle?
Am 8. Oktober 2010 um 21:34 Uhr.
[...] Tutorial: Grüne Smilies selber machen! – GreenSmilies 8. Oktober 2010 4klee.net Keine Kommentare window.fbAsyncInit = function() { FB.init({appId: ‘fe913cc87acc6987c2749b3b3fee8064′, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(’script’); e.type = ‘text/javascript’; e.src = document.location.protocol + ‘//connect.facebook.net/de_DE/all.js’; e.async = true; document.getElementById(‘fb-root’).appendChild(e); }()); Tutorial: Grüne Smilies selber machen! – GreenSmilies. [...]
Am 10. März 2011 um 16:44 Uhr.
hoi ik ben frieke en ik ben de beste
Am 21. Juni 2011 um 17:56 Uhr.
Cool. Ich hab die kreirt.
sORRY WEN EINPAAR “MAL SIND:
Eure Königin.
Am 21. Juni 2011 um 17:57 Uhr.
@Michael: HY COOLE ANTWORT^^
Am 15. Dezember 2011 um 15:10 Uhr.