Mobile app version of vmapp.org
Login or Join
Megan533

: Photoshop CS6 - Animate / Keyframe Smart Filter I've applied the 'Oil Paint' Smart Filter to a layer in Photoshop CS6. I'd like to animate the filter's 'Angular Direction' from 0 to 360 degrees

@Megan533

Posted in: #AdobePhotoshop #Animation #Cs6 #Smartobject

I've applied the 'Oil Paint' Smart Filter to a layer in Photoshop CS6. I'd like to animate the filter's 'Angular Direction' from 0 to 360 degrees but I the keyframes in the "Style" lane of the Timeline don't seem to work for this.

Is there a quick way to achieve this effect? I have limited knowledge of scripting / batch actions in Photoshop, would that be a route worth investigating to achieve this effect?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Megan533

2 Comments

Sorted by latest first Latest Oldest Best

 

@Sent7350415

If you're planning on using the animation solely on the web, it might be better to go with a format that's more web-friendly than video, such as Javascript or CSS animations, or animated svg.
Upside is that these are usually lighter in weight, and thus faster to load, downside is that these can't always achieve the 'coolness' of video effects.

1. javascript

A first option for Javascript animations is coding it yourself using pure javascript, jQuery or an animation framework like GSAP. This gives you most control and flexibility, but you'll need to get your hands dirty.

A second option for Javascript animations is Edge Animate, an Adobe tool specifically made for animations on the web. Quite easy to use, no need to know a lot of code, and a lot of great tutorials available on the web. Downside is that EA produces a lot of files, which can make it hard to integrate into a website if you don't know any code.

2. css

CSS animations require you to know a bit of code, but are powerful, and easy once you get the hang of it. Upside: no need to use excessive javascript, which will keep your website payload down. Downside: not as powerful and flexible as javascript animations.

3. animated svg

SVG is a vector graphics format, so best suited for vectorial images (since you're using PS, I'm assuming that might be a problem). The upside of using an animated svg is that you can save it all to one file and just put it in your HTML like any other image. Downside: IE isn't playing along nicely.

10% popularity Vote Up Vote Down


 

@Carla748

I suggest you do this in After Effects instead.

Photoshop may have animated features to make GIFs but it is not an animation program. Adobe's After Effects is what you want to use and you'll find that ANY effect you are trying to animate in Photoshop will not only take less of your time but will look, um... infinitely better in the end. Good luck.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme