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:


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!
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/s...rift+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:

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:



Die Form 2-Ebene liegt über dem Text.

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





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



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!



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

[dorftrottel]

So:

Hab's jetzt



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.