Slop Effects ガイド

Slop Effectsの使い方

Slop Effectsは、ブラウザーでモーショングラフィックスを作れるツールです。レイヤー、キーフレーム、エフェクトを使い、端末上で書き出します。アップロードはありません。

レイヤーを追加する

上部の「レイヤー」をクリックし、「テキスト」を選びます。ほかにも、「ソリッド」「シェイプ」「ヌル」や、パソコンまたはSlop Driveの画像・動画があります。
右側の「レイヤー」タブで、「テキスト」に文字を入力します。「ボックスを文字に合わせる」を選ぶと、ボックスが文字の大きさに合います。
上部の「コンポジション」で、サイズ、フレームレート、長さ、背景を設定します。

「モーション」タブには、ランダムな動きもあります。同じシード値を使えば、同じ揺れを繰り返せます。

「モーション」タブを開きます。「イン」（フェードイン、スライドアップ、ポップ、スピンイン）からプリセットを選び、「イン」をクリックします。終わりの動きは「アウト」で同じように設定します。
独自の動きを付けるには、再生ヘッドを動かし、位置や不透明度などの項目の横にあるひし形をクリックしてキーフレームを追加します。再び再生ヘッドを動かして、値を変えてください。
キーフレームはタイムラインにひし形で表示されます。ドラッグすると、タイミングを変えられます。グラフエディターでは、イージングの曲線を確認できます。
Spaceキーで再生します。プレビューの下の「ループ」「イン」「アウト」で、再生する範囲を設定します。

「エフェクト」タブでエフェクトを選び、「追加」をクリックします。エフェクトには、ぼかし、ドロップシャドウ、グロー、色、グレイン、ビネット、グリッチがあります。上から下へ順に適用され、矢印で順番を変えられます。各数値にはそれぞれひし形があるため、アニメーションも付けられます。

動画は実時間で録画されるため、5秒のクリップは約5秒かかります。「Slop Driveに保存」（Ctrl+S）でプロジェクトを保存できます。