Brauche Animations Hilfe

[Corsa]

Servus zusammen.

Ich möchte gerne mein bisheriges Anfängerwissen über Photoshop erweitern.
Ich arbeite sehr gerne mit der Software und kann schon paar sehr einfache Animationen wie Regen, und verschiedene Schriftanimationen.

Allerdings hab ich immer ein wenig das Problem, das wenn ich die Datei für web und Geräte speichere, das die im Schwarzen hintergrund dann einen weissen hässlichen Rand kriegen, wie kann ich das verhindern?
Ich hab hier mal ein Bild gemacht:
http://www.loaditup.de/files/658478_b8y5p7eb9d.gif

Mir fällt hier aber auf das auch ein minimaler hässlicher Pixelrand entstanden ist und auch der Mond ruckelt ein wenig, ich weiss nicht wie ich da einen fliessenden übergang vom Mond hinbekommen soll.

Zudem suche ich paar Schrift animationen Tutorials, ich hab mal ein Video gesehen mit animierten Strahlen (leider find ich es nicht mehr) und auch eins wo der Schriftzug so extrem wackelt.
Hat mir jemand vielleicht paar Links?

Gibt es eine möglichkeit einen animierten Schriftzug zu machen der mit einem senkrechten strich anfängt nach rechts fährt die schrift sichtbar macht und wieder zurück und die schrift wieder verschwinden lässt? Schwirig zu erklären hab sowas in einer FBI Serie gesehen XD wo die Zeit im Bild vorkam fand das einfach toll :)

Freu mich über Hilfe.

Liebe Grüsse.

[dorftrottel]

Hallo Corsa :)

Sieht doch schon gut aus! :ok:
Damit der Rand nicht erscheint, würde ch sagen, solltest du genauer freistellen. :) Ich kenne jetzt deine Ebenenpalette nicht, aber ich denke du hast das irgendwie mit Freistellen gelöst.

Wegen der Frage zum Mond:
Je mehr Frames du einbaust, desto weniger ruckelt es. Dafür gibt's die Funktion in der Frameleiste, die automatisch zwischen 2 Frames (Anfang- und Endframe) mehrere Frames ergänzt.

Zu deiner letzten Frage verlinke ich dir mal ein Tutorial:
http://www.photoshop-cafe.de/forum/showthread.php?t=8563&highlight=schrift+animation
Wenn ich es richtig verstanden habe, ist es das, was du suchst. Damit der Text erst erkannt wird, wenn der Strich darüber fährt, kannst du den Hintergrund in der gleichen Farbe anlegen wie den Text.

Bei Fragen fragen ;)

[Corsa]

Heya "ähm" hast du noch einen anderen namen (dorftrottelt finde ich so beleidigend xD)
Vielen Dank für das Kompliment.
Ok werde ich versuchen umzusetzen (hatte gehofft es gibt eine einfachere Lösung als das ganze freizustellen :/)

Danke für den Link, aber der Schein habe ich vor einiger Zeit gelernt, ist eine tolle Animation ^^ und die benutze ich auch oft, ich hab das mal zeichnerisch dargestellt damit man weiss was ich genau meine:
http://www.loaditup.de/files/658684_sye5ycfpra.png
Also das es mit einem Strich anfängt, und dann fährt der halt nach rechts und legt so den Text frei, und dann wieder nach links und der Text verschwindet so wieder :)

Das mit den mehr Frames werde ich mal ausprobieren, ich hab beim Mond jetzt schon 30 Frames, aber ka ruckelt leider immer noch bissl find ich :(

[dorftrottel]

Hallo

Jetzt verstehe ich. :)
Habe dir eine .psd angehängt. Damit solltest du ziemlich schnell sehen, wie es funktioniert.

Ebene 1 -> Hintergrund
nächste Ebene -> Text
Form 2 -> 2 Formen auf eine Ebenen reduziert: ein kurzes Rechteck (blau) und die ganze Länge um die Schrift abzudecken in weiss

Ebene 2 musst du nicht beachten, ist irgendwie noch drin geblieben. ;)

Animation ist lediglich die Form 2 bewegt sich von links nach rechts, fertig!

[Corsa]

Vielen Dank für deine Mühe.
Hab die Datei grad mal runtergeladen aber leider stehe ich grad bisschen auf dem Schlauch, weiss grad nicht wie ich daraus ne Animation machen soll >_<
Bin wohl zu doof grad ~

[dorftrottel]

Hmm..? Wie meinst du das jetzt?
Kannst du das etwas genauer schreiben, dann kann ich dir vielleicht helfen.

Also die Ausgangsposition (1. Frame) ist so:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1318783422_bild1.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318783422_bild1.jpg)

Die Form 2-Ebene liegt über dem Text.

Nun kommen die nächsten Frames, wo der Balken nach rechts wandert...

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1318783422_bild2.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318783422_bild2.jpg)

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1318783422_bild3.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318783422_bild3.jpg)

... bis der Text völlig frei liegt:

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1318783422_bild4.jpg (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318783422_bild4.jpg)

In meiner .psd sollte die Animation schon vorhanden sein.
Am Schluss sollte es ja so aussehen, nicht wahr? Oder habe ich es falsch verstanden? Bitte Bild anklicken, um die Animation sehen zu können!

https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1318783635_animation.gif (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318783635_animation.gif)

Dazu muss noch gesagt sein, in einer Extended Version von Photoshop ist neben der Frame- auch noch eine Zeitleiste (Timeline) verfügbar. Dadurch ist es ein Kinderspiel so eine Animation zu machen.
Man setzt nämlich zu Beginn ein Keyframe und am Schluss. Photoshop macht dann eigentlich die ganzen Frames im Hintergrund. Du hast nicht zufällig die Extended Version? :)

[Corsa]

Soweit ich weiss habe ich die Extended installiert.
Also soweit ich mich zurückerinnern kann.
Allerdings hab ich mir auch schon vor längerer Zeit mal Photoshop Cs2 und 7 gekauft und da kann ich auch nicht genau sagen was das für ne Version ist XD ich installier die einfach immer nur gleich und die Verpackung schmeiss ich meist weg, genau so wie mit den Games, ja die Animation hab ich inzwischen gesehen, aber hab mir erst gedacht, wenn da jetzt kein weisser Vorgrund und Hintergrund wäre, also Transparent, ob das dann auch möglich ist? :/

[dorftrottel]

Das ist jetzt ein Herausforderung. Ich muss mir das mal überlegen. Jetzt direkt kann ich dir keine Lösung sagen, aber ich versuche mal einige Dinge.

[Corsa]

x) Super, lieb von dir :liebe05:

[dorftrottel]

So:

Hab's jetzt

https://www.photoshop-cafe.de/bildupload/pics/sonst/1318789099_animation2.gif (https://www.photoshop-cafe.de/bildupload/pics/sonst/1318789099_animation2.gif)

Im Anhang wieder die PSD.

Das "Geheimnis" liegt darin, eine Ebenenmaske beim Text zu erstellen. Danach nur die Maske zu verschieben (von links nach rechts). Dadurch wird der Text wieder sichtbar.
Wenn du jetzt in der Zeitleiste schaust, siehst du, dass bei der Ebene "TEXT" zwei neue Punkte hinzugekommen sind: Ebenenmaskenposition und Ebenenmaske aktiv.
In Verbindung von dem Befehl "Ebenenmaskenposition" und Position von "Ebene 2" (die Rechteck-Form) kann man mit einigen Versuchen die Zeiten so aufeinanderabstimmen, dass sobald der Balken über dem ersten Buchstaben war, der Text danach/darunter erscheint.
Ich musste auch herumprobieren, da ich nicht weiss, ob das irgendwie berechenbar ist oder auch nicht.

Entsprich das (oben) deinen Vorstellungen?
Ich weiss es nicht, aber ich denke in anderen Programmen wäre diese eigentlich kleine Animation viel leicht hinzubekommen.

[Corsa]

Woah genau *__* super, vielen Dank.
Sieht super aus x)
Mit Masken arbeite ich nicht so arg viel, also leider auch erst seit kurzem vermehrt, z.b bei dem animierten da oben, wird also noch n hartes Stück arbeit bis ich das so hinkriege wie dus hinbekommen hast.
*mal runterlad*

Ja ich hatte mal ein gutes Programm da konnte man die Animationen direkt einfügen, leider weiss ich nicht mehr wies heisst und ist leider auch schon ne ganze Weile her :(

[dorftrottel]

Also wenn du dir die PSD anschaust, wirst du merken, dass es gar nicht schwer ist, mit Masken zu animieren. Es geht gleich, wie wenn du die Form animierst.
Ich frage mich nur, wie man das machen kann, ohne lang herumprobieren zu müßen. Vielleicht fällt mir eine Möglichkeit ein. Bin dann morgen Abend wieder da ;)

[dorftrottel]

Und, hast du's schon mal weiter versucht? :)

[Corsa]

Ja hab bissel rumprobiert ... aber ich blick bei der Maske einfach nicht durch, was genau hast du da gemacht xD? ._. *doof ist*

[dorftrottel]

Also die Maske habe ich von der Ebene gelöst. Das machst du, wenn du das Kettensymbol zwischen Miniaturbild und Ebenenmaske anklickst.

Dann lässt sich die Maske an sich frei vom Bild verschieben.

Wenn du jetzt die Maske zuerst ganz über den Schriftzug hast, sieht man davon nichts. Ziehst du die Maske aber langsam nach rechts, erscheint der Schriftzug.
Könntest du jetzt den Balken gleichzeitig mitziehen, würdest du den Effekt da schon sehen.

Wenn du die Maske animierst (von links nach rechts), gleichzeitig aber den Balken mitanimierst, dass er dann beim ersten Buchstaben rüber ist, wenn die Maske ihn freigelegt hat. :)

Ich weiss, tönt jetzt ein bisschen kompliziert, kann dir aber leider momentan keine Screenshots machen, da ich nicht am PS-Computer bin ;)
Können aber folgen, wenn es nicht klappt! :ok: