Photoshop CS6 - Filtro inteligente animado / fotograma clave

He aplicado el filtro inteligente 'Pintura al óleo' a una capa en Photoshop CS6. Me gustaría animar la 'Dirección angular' del filtro de 0 a 360 grados, pero los fotogramas clave en el carril "Estilo" de la línea de tiempo no parecen funcionar para esto.

¿Hay alguna forma rápida de lograr este efecto? Tengo un conocimiento limitado de las secuencias de comandos / acciones por lotes en Photoshop, ¿sería una ruta que valga la pena investigar para lograr este efecto?

— pequeña tierra
fuente

Me he enfrentado a este problema y la única solución que encontré fue duplicar el objeto inteligente para cada fotograma clave y luego cambiar el filtro en cada uno. Fue un poco de trabajo, pero también tiene la ventaja de que el contenido del objeto inteligente se puede intercambiar. Ergo, el archivo es muy reutilizable.

— KMSTR

Respuestas:

Te sugiero que hagas esto en After Effects en su lugar.

Photoshop puede tener funciones animadas para hacer GIF, pero no es un programa de animación. After Effects de Adobe es lo que desea usar y encontrará que CUALQUIER efecto que esté tratando de animar en Photoshop no solo le tomará menos tiempo, sino que se verá, um ... infinitamente mejor al final. Buena suerte.

— Brock Vond
fuente

¿Podría explicar cómo hacer esto en After Effects? Puede que no sea tan sencillo para un nuevo usuario de AE.

— Saaru Lindestøkke

Bart - Realmente no puedo, ya que básicamente te estoy diciendo que uses un nuevo programa, pero ... si abres After Effects y ves que esencialmente tienes capas de Photoshop CON una línea de tiempo ... no es una transición tan mala.

— Brock Vond

¿Entonces quieres que el LLENADO de un objeto se llene como el agua? o simplemente desea animar el relleno de degradado de un objeto ... así es como entiendo su dilema y ambos son fáciles de hacer en After Effects ... querría buscar un Tutorial sobre animación de relleno y trazo. .. probablemente verá uno para TEXT pero también se aplicará a una forma igual.

— Brock Vond

También puede hacer una Búsqueda en Google para el TIPO de animación que está tratando de hacer en PS y simplemente buscar el tutorial en AE. Seguramente verá a alguien haciendo lo que desea hacer ... Simplemente no puedo guiarlo porque no sé exactamente qué está tratando de hacer, pero ... La curva de aprendizaje de AE es sorprendentemente baja si usó cualquier otro producto de Adobe principalmente. ¡Buena suerte! ¿Hay un StackOF para AE?

— Brock Vond

No es para mí (no soy el OP), lo señalé de tal manera que los futuros usuarios que encuentren esta pregunta no solo serán redirigidos a AE, sino que directamente tendrán un lugar para comenzar. video.stackexchange.com es un sitio SE para preguntas relacionadas con videos (que incluye AE).

— Saaru Lindestøkke

Si planea usar la animación únicamente en la web, podría ser mejor usar un formato que sea más amigable con la web que el video, como las animaciones Javascript o CSS, o svg animado. Lo positivo es que estos son generalmente más livianos y, por lo tanto, más rápidos de cargar, lo malo es que no siempre pueden lograr la "frescura" de los efectos de video.

1. javascript

Una primera opción para las animaciones de Javascript es codificarlo usted mismo usando JavaScript puro, jQuery o un marco de animación como GSAP . Esto le brinda mayor control y flexibilidad, pero necesitará ensuciarse las manos.

Una segunda opción para las animaciones de Javascript es Edge Animate , una herramienta de Adobe diseñada específicamente para animaciones en la web. Bastante fácil de usar, no es necesario saber mucho código y hay muchos tutoriales excelentes disponibles en la web. Lo malo es que EA produce muchos archivos, lo que puede dificultar la integración en un sitio web si no conoce ningún código.

2. css

Las animaciones CSS requieren que sepas un poco de código, pero son potentes y fáciles una vez que te acostumbras. Al revés: no es necesario usar JavaScript excesivo, lo que mantendrá baja la carga útil de su sitio web. Desventaja: no es tan potente y flexible como las animaciones de JavaScript.

3. svg animado

SVG es un formato de gráficos vectoriales, por lo que es más adecuado para imágenes vectoriales (dado que está utilizando PS, supongo que podría ser un problema). La ventaja de usar un svg animado es que puede guardarlo todo en un archivo y simplemente ponerlo en su HTML como cualquier otra imagen. Desventaja: IE no está funcionando bien .

— PieBie
fuente