delightfularts

Dieses Tutorial ist auf wunsch fuer sandy-x.de.vu entstanden.
Ich werde euch erklaeren wir ihr die kleinen Herzchen in einem
Button zum ''huepfen'' bringt.


Als erstes oeffnet ihr wie immer euer Photoshop.

Ob ihr ein fertige Buttonvorlage nehmt oder euch selber
eine macht ist euch ueberlassen. Ich nehme eine vorgefertigte
Diese hier.



Um sie in Photoshop zu bekommen geht ihr auf
Datei -> Oeffnen oder ihr zieht die vorlage einfach
in euer Photoshop...

Jetzt koennt ihr ihn erstmal so gestalten wie ihr es
gerne moechtet. Ich habe meinen jetzt so gestaltet.



Nichts besonderes, dient auch nur der erklaerung.

Soo. Jetzt kommen wir zum eigentlichen.
& zwar die Herzchenanimation.

Ihr macht euch jetzt 2 neue ebenen. Diese Zommt ihr auf 1600%



Jetzt nehmt ihr das Buntstift-Werkzeug, das findet ihr hier.



Jetzt Pixelt ihr auf die erste ebene von den zwein' die
euch gemacht habt ein kleines Herz.
das sieht dasnn so aus...



Jetzt klickt ihr auf die zweite ebene und pixel da
nochmal ein ein kleines Herz hin. Es muss nicht die
gleiche farbe haben.. Ich nehm immer zwei verschiedene
aber das ist ganz euch ueberlassen. Bei mir sieht das
ganze jetzt so aus...



Soo wenn ihr das habt koennt ihr die ebene wieder auf
100% Stellen.

Als naechstes oeffnet ihr das Animations fenster.
Fenster -> Animation.
Klickt dort jetzt auf das kleine Ebenenfeld um eine
Zweite ebene hinzuzufuegen.



So wenn ihr das habt klickt ihr auf die erste Ebene
in dem Animationsfehld, anschließend auf die Ebene
auf die ihr das erste herz gepixelt habt. Jetzt
drueckt ihr STRG + Pfeiltaste nach unten & verschiebt
das Herz etwas. Jetzt klickt ihr auf die zweite
Ebene vom Animationsfenster und schiebt es da
wieder nach oben.
Ihr bleibt auf der zweiten Ebene und klickt auf
die Ebene auf die ihr das Zweite Herz gepixelt
habt und macht es da nach unten.
Wieder mit STRG + Pfeiltaste. Dies braucht ihr
auch der ersten ebene nicht aendern das bleibt so.

Wenn ihr jetzt auf den beiden ebenen in dem
Animatinsfenster ein bisschen hin und her klickt
seht ihr ja schon das sich das etwas bewegt.

Makiert beide ebenen mit STRG + Mausklick.
klickt mit der rechtenmaustaste unten auf
auf 0 Sek. & stellt dort 0,5 Sek ein.

Jetzt koennt ihr auf Play klicken und um die
Animation abzusppielen. Das wars auch schon.
Klickt jetzt einfach nur noch auf Datei ->
fuer web und geraete speichern. Achtet aber
darauf das bei Vorgaben GiF eingestellt ist.

Fertig (:



Fragen bitte ins Gaestebuch (: