Photoshop CS6のレイヤーに「オイルペイント」スマートフィルターを適用しました。フィルターの「角度方向」を0から360度までアニメートしたいのですが、タイムラインの「スタイル」レーンのキーフレームがこれに対応していないようです。
この効果を達成する簡単な方法はありますか?Photoshopのスクリプト/バッチアクションについての知識は限られていますが、この効果を実現するために調査する価値のあるルートでしょうか?
Photoshop CS6のレイヤーに「オイルペイント」スマートフィルターを適用しました。フィルターの「角度方向」を0から360度までアニメートしたいのですが、タイムラインの「スタイル」レーンのキーフレームがこれに対応していないようです。
この効果を達成する簡単な方法はありますか?Photoshopのスクリプト/バッチアクションについての知識は限られていますが、この効果を実現するために調査する価値のあるルートでしょうか?
回答:
代わりにAfter Effectsでこれを行うことをお勧めします。
PhotoshopにはGIFを作成するためのアニメーション機能がある場合がありますが、これはアニメーションプログラムではありません。AdobeのAfter Effectsがあなたの使いたいものであり、Photoshopでアニメーション化しようとしているすべてのエフェクトは、時間を節約できるだけでなく、見た目も、最終的には無限に優れていることがわかります。幸運を。
アニメーションをWebだけで使用することを計画している場合は、JavascriptやCSSアニメーション、またはアニメーションsvgなど、ビデオよりもWebに適した形式を使用することをお勧めします。利点は、これらは通常軽量であり、したがって読み込みが速いことです。欠点は、ビデオ効果の「クールさ」を常に実現できるとは限らないことです。
1. javascript
JavaScriptアニメーションの最初のオプションは、純粋なJavaScript、jQuery、またはGSAPのようなアニメーションフレームワークを使用して自分でコーディングすることです。これにより、ほとんどの制御と柔軟性が得られますが、手を汚す必要があります。
JavaScriptアニメーションの2番目のオプションはEdge Animateです。これは、Web上のアニメーション用に特別に作成されたAdobeツールです。非常に使いやすく、多くのコードを知る必要がなく、Webで利用可能な優れたチュートリアルもたくさんあります。欠点は、EAが大量のファイルを生成するため、コードがわからない場合にWebサイトに統合するのが難しくなる可能性があることです。
2. css
CSSアニメーションは少しのコードを知っている必要がありますが、コツをつかめばパワフルで簡単です。メリット:過剰なJavaScriptを使用する必要がなく、ウェブサイトのペイロードが低く抑えられます。欠点:JavaScriptアニメーションほど強力で柔軟ではありません。
3.アニメーションsvg
SVGはベクターグラフィックス形式であるため、ベクター画像に最適です(PSを使用しているため、問題になる可能性があります)。アニメーションsvgを使用する利点は、すべてを1つのファイルに保存して、他の画像と同じようにHTMLに配置できることです。欠点:IEがうまく機能していない。