5. Juli 2010

Animierter Schriftzug (Version 1) PI

© by KroatienMonja
geschrieben PI X3 am 04.07.2010


Heute wollen wir mal einen animierten Schriftzug basteln. Du wirst sehen, das geht ganz einfach. Alles was du dafür brauchst ist dein PI und den Gif-Animator.



*Schritt 1*

Öffne dein PI, erstelle über Datei - neu eine neue Datei mit folgenden Einstellungen:


Wenn dein Name oder das Wort, das du schreiben willst, sehr lang ist, musst du ggf. bei der Breite einen höheren Wert wählen.

Nun schreibe mit einer schönen dicken Schrift möglichst groß deinen Namen auf das Bild. Die Farbe ist erst mal egal.





Achtung: Du darfst bei einer animierten Gif-Datei mit transparentem Hintergrund keinen Schatten verwenden, der in den transparenten Bereich geht, das gibt sonst nämlich später hässliche weiße Ränder.

Rechtsklick auf das Wort - Ausrichten - Mitte



Der Name ist noch immer aktiviert. Drücke nun 2 x nacheinander die Umschalttaste und die Taste D. Mit Umschalt+D duplizierst du nämlich die aktive Ebene. Nun hast du im Ebenenmanager 3 gleiche Ebenen mit deinem Wort.

Klicke nun im Ebenenmanager gleich noch das Auge bei der Basisebene und bei den beiden oberen Textebenen weg, so dass diese unsichtbar werden:



*Schritt 2*

Aktiviere nun im Ebenenmanager die noch sichtbare Textebene. Gehe über bearbeiten - füllen (oder Strg+F) und wechsle zur Karte Farbverlauf. Klicke dort auf das farbige Kästchen neben "mehrere Farben":



Im sich öffnenden Fenster wählst du einen Farbring aus, der dir gefällt:



*Schritt 3*

Aktiviere die nächste Textebene und mache auch das Auge wieder sichtbar.

Wieder mit Strg+F zum Farbverlauf. Dieses Mal änderst du aber den Wert bei Ring von 203 auf 233:



Das wiederholst du mit der dritten Textebene. Allerdings änderst du nun den Wert auf 263.

*Schritt 4*

Nun aktiviere alle drei Textebenen im Ebenenmanager und gehe einmal auf bearbeiten - zuschneiden. Bei dieser Animation ist es nicht schlimm, wenn du nur eine der Textebene aktiviert hast, weil alle Ebenen gleich groß sind. Wenn du aber mal eine Animation bastelst, wo du verschiedene Ebenen hast, musst du vor dem Zuschneiden ALLE markieren, sonst schneidet das Programm dir das nur auf die markierte Ebene zu.

So - nun speicherst du die Datei am besten als ufo-Datei ab. Sollte dein Gifanimator aber Probleme beim Öffnen von Ufo-Dateien haben, kannst du sie auch als psd-Datei abspeichern.

*Schritt 5*

Öffne die eben abgespeicherte UFO- oder PSD-Datei in deinem Gif-Animator

Nun klicke zwei Mal auf "Bild verdoppeln":



Nun hast du 3 Bilder in deiner Leiste unten. Im ersten lässt du nur das Auge der untersten Textebene sichtbar, im zweiten das der mittleren und im dritten bleibt die obere Textebene sichtbar.




Markiere unten alle drei Bilder deiner Animation, Rechtsklick auf eines der Bilder - Bildeigenschaften und den Wert für die Verzögerung auf 20 setzen.



Nun gehst du zur Karteikarte "optimieren"




Dort klickst du in das weiße Feld bei "Matte" und wählst "keine". Das ist immer dann wichtig, wenn du Animationen auf transparentem HG bastelst, da sonst unschöne weiße Ränder entstehen können.




Zuletzt wechseln wir noch zur Karteikarte "Vorschau" (die findest du rechts neben der Karte "Optimieren")

Nun kannst du sehen, wie deine fertige Animation aussieht. Findest du das Ergebnis noch zu schnell, kannst du den Wert für die Verzögerung noch höher setzen.

Wenn dir alles gefällt, gehst du auf Datei - speichern unter - und wählst zunächst das Format "uga" aus - die speicherst du am besten in den gleichen Ordner, in dem schon eine ufo-Datei liegt. Wenn du dann später noch was korrigieren willst, kannst du diese Datei einfach wieder öffnen und bearbeiten.

Abschließend gehst du noch einmal auf Datei - speichern unter - und wählst dieses Mal das gif-Format.

Diese Datei kannst du dann deinen Freunden in einem Forum zeigen oder als Signatur in eine Email einfügen.

Eine Version mit einem rotierenden (runden) Farbverlauf findest du hier: Klick