Ich habe den Smartfilter „Ölfarbe“ auf eine Ebene in Photoshop CS6 angewendet. Ich würde gerne die „Angular Direction“ des Filters von 0 bis 360 Grad animieren, aber die Keyframes in der „Style“-Spur der Timeline scheinen dafür nicht zu funktionieren.
Gibt es eine schnelle Möglichkeit, diesen Effekt zu erzielen? Ich habe nur begrenzte Kenntnisse über Skript-/Batch-Aktionen in Photoshop. Wäre das ein Weg, der es wert wäre, untersucht zu werden, um diesen Effekt zu erzielen?
Ich schlage vor, Sie tun dies stattdessen in After Effects .
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 zu animieren versuchen, nicht nur weniger Zeit in Anspruch nimmt, sondern am Ende unendlich viel besser aussieht. Viel Glück.
Wenn Sie die Animation ausschließlich im Web verwenden möchten, ist es möglicherweise besser, ein Format zu verwenden, das webfreundlicher ist als Video, wie z. B. Javascript- oder CSS-Animationen oder animiertes SVG. Der Vorteil ist, dass diese normalerweise leichter sind und daher schneller geladen werden können. Der Nachteil ist, dass diese nicht immer die „Coolness“ von Videoeffekten erreichen können.
1. Javascript
Eine erste Option für Javascript-Animationen ist das eigene Programmieren mit reinem Javascript, jQuery oder einem Animations-Framework wie GSAP . 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. Ziemlich einfach zu bedienen, Sie müssen nicht viel Code kennen und es gibt viele großartige Tutorials, die im Internet verfügbar sind. Der Nachteil ist, dass EA viele Dateien produziert, was die Integration in eine Website erschweren kann, wenn Sie keinen Code kennen.
2. CSS
CSS-Animationen erfordern ein wenig Code-Kenntnis, sind jedoch leistungsstark und einfach, sobald Sie den Dreh raus haben. Vorteil: Sie müssen kein übermäßiges Javascript verwenden, was die Nutzlast Ihrer Website niedrig hält. Nachteil: nicht so leistungsfähig und flexibel wie Javascript-Animationen.
3. animierte SVG
SVG ist ein Vektorgrafikformat und daher am besten für vektorielle Bilder geeignet (da Sie PS verwenden, gehe ich davon aus, dass dies ein Problem sein könnte). Der Vorteil bei der Verwendung eines animierten SVG ist, dass Sie alles in einer Datei speichern und einfach wie jedes andere Bild in Ihren HTML-Code einfügen können. Nachteil: IE spielt nicht gut mit .
KMSTR