Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
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?
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.
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.
