Marktplatz Downloads Tutorials Forum

Designnation bietet auch:

Tutorial hinzufügen

Beliebte Links Weitere Optionen

Tutorial suchen

Titel

Schlüsselwörter

Adobe Photoshop Tutorial: Animierte Schrift (leicht)



Ranking: +7   Kommentare: 6   |   Bewertung: Keine Berechtigung!  

Hi!.Da dies mein erstes tut ist bewertet es bitte nicht zu hart.Ich benutze Photoshop CS4 es funktioniert aber auch mit älteren Versionen.

1.Als erstes erstellt ihr euch einen belibigen Schriftzug(mit dem Textwerkzeug).Den wir Später animieren.
javascript:insert2('',%20'Schrift
Schrift
')

2.Ihr öffnet die Animationsleiste,indem ihr auf <Fenster/Animation> drückt.
javascript:insert2('',%20'Animations Fenster
Animations Fenster
')

3.Danach wählt ihr den ersten Frame in der Animationsleiste aus,dann klickt auf den Button links neben der Mülltonne in der Animationsleiste.Dadurch wird der ausgewählte Frame dubliziert.Stellt beim ersten Frame die Deckkraft der textebene auf 0%.
javascript:insert2('',%20'
')

4.Jetzt klickt ihr auf den "Tweening"Button links neben dem Button den wir benutzt haben um den Frame zu dublizieren.Dann wählt ihr 5 Frames aus und klickt auf OK.
javascript:insert2('',%20'Frames hinzufügen
Frames hinzufügen
')

5.Dann setzt ihr die Deckkraft bei dem zweiten Frame auf 33,3%,beim dritten auf 66,6%,beim vierten auf 100%,beim fünften auf 66,6% und beim sechsten auf 33,3%.

6.Wenn ihr jetzt auf den Playbutton in der Animationsleiste drückt läuft es sehr schnell ab,deswegen verändern wir die Zeitwerte noch etwas.Das könnt ihr machen indem ihr auf den kleinen Pfeil linksunten im Frame klickt.Als werte nehmt ihr beim ersten Frame 0,5sec,beim vierten 0,2sec und beim siebten 0,5sec.Die anderen lasst ihr auf 0sec.Jetzt müsst ihr es nur noch als GIF Speichern und Fertig

7.Bei mir sieht es jetzt so aus:
javascript:insert2('',%20'Animierter Text
Animierter Text
')

Ich hoffe es hat euch gefallen!Dieses Tut soll als Grundlage für das Animieren mit Photoshop dienen und erklärt (hoffentlich) das Grundwissen für komplexere Animationen.

Veröffentlicht von: Heinz1
Veröffentlicht am: 5 May. 2009
Bookmarks: social bookmarking yigg it Linkarena Technorati Yahoo Mr. Wrong
Schlüsserwörter: Animation


Themenverwandte Tutorials


Kommentar(e) (6)


Heinz1 sagt:

Es wäre sinnvoll wenn du irgendetwas bemängeln wirdest statt einfach zu sagen das das blöd ist!
Oso87[/quote]

28 Sep. 2009 21:12:05 • Antworten


Oso87 sagt:

Hab mich so drauf gefreut das ich das Lerne.. menno hoffe finde ein besseres tut..
MFG
Oso87

28 Aug. 2009 10:33:20 • Antworten


Heinz1 sagt:

@Zial ich weiß habs auch bemerkt!

13 May. 2009 16:34:38 • Antworten


Hember sagt:

Dieser Beitrag wurde leider gelöscht!

Zuletzt bearbeitet am: 13 May. 2009 16:36:11

10 May. 2009 18:12:40 •


ZiaL' sagt:

Du hast es nur falsch gespeichert, denn man kann animierte bilder nicht einfach über "Speichern unter..." speichern, sondern unter "Datei -> Für Web und Geräte speichern". ;)

9 May. 2009 14:32:44 • Antworten


Heinz1 sagt:

sorry das das end bild nicht funzt!Muss ich wohl ausversehn als falsche datei gespeichert haben.

9 May. 2009 13:25:34 • Antworten



Anfang

<<

1

>>

Ende

Kommentar eintragen


!! Jetzt kostenlos anmelden oder einloggen und mitdiskutieren!


Partner: • Designer in ActionFlash HilfeTutorials.dePixelio.deFlashstar BlogLizenzfreie Bilder