Photoshop CS6 - Filtro intelligente Animate / Keyframe

Ho applicato lo Smart Filter "Pittura ad olio" a un livello in Photoshop CS6. Mi piacerebbe animare la 'Direzione angolare' del filtro da 0 a 360 gradi, ma i fotogrammi chiave nella corsia "Stile" della linea temporale non sembrano funzionare per questo.

C'è un modo rapido per ottenere questo effetto? Ho una conoscenza limitata delle azioni di scripting / batch in Photoshop, sarebbe un percorso che vale la pena studiare per ottenere questo effetto?

— lil earth
fonte

Ho affrontato questo problema e l'unica soluzione a cui sono arrivato è stata la duplicazione dell'oggetto intelligente per ogni fotogramma chiave, quindi la modifica del filtro su ciascuno. È stato un po 'di lavoro ma ha anche il vantaggio di scambiare il contenuto dell'oggetto intelligente. Ergo, il file è molto riutilizzabile.

— KMSTR,

Risposte:

Ti suggerisco invece di farlo in After Effects .

Photoshop può avere funzioni animate per creare GIF ma non è un programma di animazione. After Effects di Adobe è ciò che vuoi usare e scoprirai che QUALSIASI effetto che stai cercando di animare in Photoshop non solo richiederà meno tempo, ma alla fine sembrerà ... infinitamente migliore. In bocca al lupo.

— Brock Vond
fonte

Potresti forse spiegare come farlo in After Effects? Potrebbe non essere così semplice per un nuovo utente AE.

— Saaru Lindestøkke,

Bart - Non posso davvero, in quanto ti sto sostanzialmente dicendo di usare un nuovo programma ma ... se apri After Effects e vedi che essenzialmente hai livelli di Photoshop con una sequenza temporale ... non è poi così male di una transizione.

— Brock Vond

Quindi vuoi riempire il RIEMPIMENTO di un oggetto come l'acqua? o vuoi solo animare il riempimento a gradiente di un oggetto ... ecco come capisco il tuo dilemma ed entrambi sono facili da fare in After Effects ... ti piacerebbe cercare un tutorial sull'animazione di riempimento e tratto. .. probabilmente ne vedrai uno per TEXT ma si applicherà anche a una forma uguale.

— Brock Vond

Inoltre potresti fare una ricerca su Google per il TIPO di animazione che stai cercando di fare in PS e cercare il tutorial in AE. Sei obbligato a vedere qualcuno che fa quello che desideri fare ... Non riesco proprio a guidarti perché non so esattamente cosa stai cercando di fare ma ... La curva di apprendimento di AE è incredibilmente bassa se hai usato principalmente qualsiasi altro prodotto Adobe. In bocca al lupo! c'è uno StackOF per AE?

— Brock Vond

Non è per me stesso (non sono il PO), l'ho appena sottolineato in modo tale che i futuri utenti che trovano questa domanda non vengano semplicemente reindirizzati ad AE, ma abbiano direttamente un punto di partenza. video.stackexchange.com è un sito SE per domande relative ai video (che include AE).

— Saaru Lindestøkke,

Se hai intenzione di utilizzare l'animazione esclusivamente sul Web, potrebbe essere meglio scegliere un formato più intuitivo del Web rispetto ai video, come animazioni Javascript o CSS o svg animati. Il lato positivo è che questi di solito sono più leggeri di peso e quindi più veloci da caricare, il rovescio della medaglia è che questi non possono sempre raggiungere la "freddezza" degli effetti video.

1. javascript

Una prima opzione per le animazioni Javascript è codificarla tu stesso utilizzando javascript puro, jQuery o un framework di animazione come GSAP . Questo ti dà il massimo controllo e flessibilità, ma dovrai sporcarti le mani.

Una seconda opzione per le animazioni Javascript è Edge Animate , uno strumento Adobe creato appositamente per le animazioni sul Web. Abbastanza facile da usare, non c'è bisogno di conoscere molto codice e molti tutorial fantastici disponibili sul web. L'aspetto negativo è che EA produce molti file, il che può rendere difficile l'integrazione in un sito Web se non si conosce alcun codice.

2. css

Le animazioni CSS richiedono di conoscere un po 'di codice, ma sono potenti e facili una volta capito. Upside: non è necessario utilizzare javascript eccessivo, che manterrà basso il carico utile del tuo sito web. Unico inconveniente: non potente e flessibile come le animazioni javascript.

3. svg animato

SVG è un formato di grafica vettoriale, quindi più adatto per le immagini vettoriali (dal momento che stai usando PS, presumo che potrebbe essere un problema). L'aspetto positivo dell'utilizzo di uno svg animato è che puoi salvarlo tutto in un unico file e inserirlo nel tuo HTML come qualsiasi altra immagine. Unico inconveniente: IE non sta giocando bene .

— PieBie
fonte