Photoshop CS6 - Animieren / Keyframe Smart Filter

Ich habe den Smart Filter "Ölfarbe" auf eine Ebene in Photoshop CS6 angewendet. Ich möchte die 'Winkelrichtung' des Filters von 0 bis 360 Grad animieren, aber die Keyframes in der Spur "Stil" der Timeline scheinen dafür nicht zu funktionieren.

Gibt es einen schnellen Weg, um diesen Effekt zu erzielen? Ich habe nur begrenzte Kenntnisse über Skript- / Stapelaktionen in Photoshop. Wäre dies eine Route, die es wert ist, untersucht zu werden, um diesen Effekt zu erzielen?

— kleine Erde
quelle

Ich bin mit diesem Problem konfrontiert und die einzige Lösung, zu der ich gekommen bin, bestand darin, das Smart-Objekt für jeden Keyframe zu duplizieren und dann den Filter für jeden zu ändern. Es war ein bisschen Arbeit, hat aber auch den Vorteil, dass der Inhalt des Smart-Objekts ausgetauscht werden kann. Ergo ist die Datei sehr wiederverwendbar.

— KMSTR

Antworten:

Ich schlage vor, dass Sie dies stattdessen in After Effects tun .

Photoshop verfügt möglicherweise über animierte Funktionen zum Erstellen von GIFs, ist jedoch kein Animationsprogramm. Adobe After Effects ist das, was Sie verwenden möchten, und Sie werden feststellen, dass JEDER Effekt, den Sie in Photoshop animieren möchten, nicht nur weniger Zeit in Anspruch nimmt, sondern am Ende auch unendlich besser aussieht. Viel Glück.

— Brock Vond
quelle

Könnten Sie vielleicht erklären, wie das in After Effects geht? Für einen neuen AE-Benutzer ist dies möglicherweise nicht so einfach.

— Saaru Lindestøkke

Bart - Ich kann es wirklich nicht, da ich Ihnen grundsätzlich sage, dass Sie ein neues Programm verwenden sollen, aber ... wenn Sie After Effects öffnen und feststellen, dass Sie im Wesentlichen Photoshop-Ebenen mit einer Zeitleiste haben ... ist es kein so schlechter Übergang.

— Brock Vond

Sie möchten also, dass sich die FÜLLUNG eines Objekts wie Wasser füllt? oder Sie möchten einfach nur die Verlaufsfüllung eines Objekts animieren ... so verstehe ich Ihr Dilemma und beides ist in After Effects einfach zu tun ... Sie möchten nach einem Tutorial zum Animieren von Füllung und Strich suchen. .. Sie werden wahrscheinlich eine für TEXT sehen, aber sie wird trotzdem auch auf eine Form angewendet.

— Brock Vond

Sie können auch eine Google-Suche nach dem Animationstyp durchführen, den Sie in PS ausführen möchten, und einfach nach dem Tutorial in AE suchen. Sie werden bestimmt jemanden sehen, der tut, was Sie tun möchten ... Ich kann Sie einfach nicht durch die Sache führen, weil ich nicht genau weiß, was Sie versuchen, aber ... Die Lernkurve von AE ist schockierend niedrig, wenn Sie haben meistens ein anderes Adobe-Produkt verwendet. Viel Glück! Gibt es einen StackOF für AE?

— Brock Vond

Es ist nicht für mich selbst (ich bin nicht der OP), ich habe nur darauf hingewiesen, dass zukünftige Benutzer, die diese Frage finden, nicht nur zu AE weitergeleitet werden, sondern direkt einen Ausgangspunkt haben. video.stackexchange.com ist eine SE-Site für Fragen zu Videos (einschließlich AE).

— Saaru Lindestøkke

Wenn Sie die Animation ausschließlich im Web verwenden möchten, ist es möglicherweise besser, ein Format zu verwenden, das webfreundlicher ist als Videos, z. B. Javascript- oder CSS-Animationen oder animiertes SVG. Der Vorteil ist, dass diese normalerweise leichter und damit schneller zu laden sind. Der Nachteil ist, dass diese nicht immer die „Coolness“ von Videoeffekten erreichen können.

1. Javascript

Eine erste Option für Javascript-Animationen besteht darin, sie selbst mit reinem Javascript, jQuery oder einem Animationsframework wie GSAP zu codieren . Dies gibt Ihnen die meiste Kontrolle und Flexibilität, aber Sie müssen sich die Hände schmutzig machen.

Eine zweite Option für Javascript-Animationen ist Edge Animate , ein Adobe-Tool, das speziell für Animationen im Web entwickelt wurde. Sehr einfach zu bedienen, Sie müssen nicht viel Code kennen und viele großartige Tutorials im Internet. Nachteil ist, dass EA viele Dateien erstellt, was die Integration in eine Website erschweren kann, wenn Sie keinen Code kennen.

2. CSS

Für CSS-Animationen müssen Sie ein wenig Code kennen, aber sie sind leistungsstark und einfach, sobald Sie den Dreh raus haben. Vorteil: Sie müssen kein übermäßiges Javascript verwenden, wodurch die Nutzlast Ihrer Website niedrig bleibt. Nachteil: nicht so leistungsfähig und flexibel wie Javascript-Animationen.

3. animierte svg

SVG ist ein Vektorgrafikformat, das sich am besten für Vektorbilder eignet (da Sie PS verwenden, gehe ich davon aus, dass dies ein Problem sein könnte). Der Vorteil der Verwendung eines animierten SVG ist, dass Sie alles in einer Datei speichern und wie jedes andere Bild einfach in Ihren HTML-Code einfügen können. Nachteil: IE spielt nicht gut mit .

— PieBie
quelle