PSDファイルでできるんだ！要素がぷるるんとアニメーションでくっついたり離れたりするエフェクト -Photoshop Gooey Effect

Post on:2016年3月14日

sponsors

これ、くっついたり離れたりするのはCSSアニメーションのデモではなくて、PSDファイルでスマートオブジェクトを移動させているとこです。

Photoshop全体でも撮影してみました。
くっついたり離れたりは水平移動だけでなく、自由な方向に対応しています。

ハメコミ合成じゃないよ

「Gooey Effect」はネバネバ・ベタベタくっついたり離れたりする動きで、最近のUIデザイン、ボタンやナビゲーションなどにも使われているのをよく見かけます。

これらの動きはSVGフィルターで実装されているのですが、基本的なフォームをPhotoshopで繰り返すことができたらと考え、作成されたのがこのファイルです。
PSDは下記ページからダウンロードできます。

Gooey EffectのPSD

使い方は簡単です。