Adobe Photoshop Tutorial: Animierte Schrift (leicht)
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')
2.Ihr öffnet die Animationsleiste,indem ihr auf <Fenster/Animation> drückt.
javascript:insert2('',%20'
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')
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')
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.
1.Als erstes erstellt ihr euch einen belibigen Schriftzug(mit dem Textwerkzeug).Den wir Später animieren.
javascript:insert2('',%20'

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

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')
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')
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 am: 5 May. 2009 |
Bookmarks:
Schlüsserwörter: |
Themenverwandte Tutorials
- Kamera entlang eines Splines bewegen
- Kleine Text Animation mit MoGraph
- Fels Textur
- Animieren mit Photoshop CS3
- Fallender Text - Fortgeschitten
- Animiertes Radar
- Masken Animation in Flash
Kommentar(e) (6)
Oso87 sagt:
Hab mich so drauf gefreut das ich das Lerne.. menno hoffe finde ein besseres tut..
MFG
Oso87
Hab mich so drauf gefreut das ich das Lerne.. menno hoffe finde ein besseres tut..
MFG
Oso87
28 Aug. 2009 10:33:20 • 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". ;)
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.
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!

Hauptmenü
Weitere Optionen
Tutorial suchen





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 •