GOOTAKUゴオタク
← ブログに戻る
ガイド約6分で読めます·

スクリーンショットや写真からWobble GIFを作る方法

Wobble MakerはAIアートだけでなくどんな画像にも使える。スクリーンショット、保存した写真、スキャンをループするジグルGIFに変える段階的な手引き。

Wobble Makerについて書かれた内容のほとんどは、あなたがGootakuのスタジオで作った新しいAIアートから始めることを前提としている。しかしそうする必要はない。Wobble MakerにはStudio自身のサンプルボタンのすぐ隣にアップロードボタンがあり、スクリーンショット、スマホの写真、スキャンした絵、ダウンロードしたPNGを、Gootaku生成とまったく同じように扱う — それはただキャンバス上のピクセルであり、そこにモーションを塗るだけだ。漫画の1章のスクリーンショット、壁紙、自分の絵の写真をつかんできて揺らせるのだろうかと思っていたなら、答えはイエスだ。この記事ではその正確な手順を解説する。

---

ステップ1:元画像を準備する

Wobble Makerはファイルピッカーを通じてPNG、JPEG、WebPを受け付ける。結果の仕上がりにとって、いくつかのことが他より重要になる。

  • 解像度は貴重ではない。アップロードしたものは何であれ、他のことが起きる前に480×480px以内に縮小される — これがツールの作業解像度とエクスポート解像度であり、エクスポートされたGIFが軽量に保たれるよう意図的に小さくされている。4000pxのスマホ写真も600pxのスクリーンショットも同じ作業サイズになるので、「大きすぎる」ことを心配する必要はない。
  • 可能ならアップロード前にきつくクロップする。画像は最長辺で480px以内に収まるよう縮小されるため、キャラクターの周りに空のUIクロームが多いスクリーンショットは、決して塗ることのない部分の解像度を無駄にする。まずキャラクターや被写体だけにクロップしよう — ほとんどのスマホやOSのスクリーンショットツールには組み込みのクロップ機能がある。
  • フラットな背景が最も良く機能する。チャットアプリのスクリーンショット、白いガターのある漫画のコマ、被写体の後ろに無地の壁がある写真は、よりクリーンなマスクの境界を与えてくれる。忙しい背景でも機能はする — その上に髪や布を塗ることになるだけだ — が、クリーンな端はモーションマスクがどこで始まりどこで終わるかを見やすくする。
---

ステップ2:アップロードして、何を扱っているか確認する

Wobble Makerを開き、サイドバーのアップロードを押す(既知の良好な画像でツールの動作を先に見たい場合は、その隣にサンプルボタンもある)。ファイルが読み込まれると、キャンバスはその画像を作業サイズに縮小した状態で表示する。ピクセルにはまだ何も起きていない — これはあなたのソースレイヤーであり、手つかずのままだ。

ここで、実際に何を持っているかを見てみよう。漫画のコマのスクリーンショットには、塗りたくない吹き出しやコマの枠があるかもしれない。スマホの写真にはわずかな傾きや、対処したい影があるかもしれない。塗り始める前に、画像のどの部分をアニメーションさせるつもりか — 髪、スカーフ、ジュエリー、布、耳など — を頭の中でズームインするのに、これが良いタイミングだ。

---

ステップ3:モーションマスクを塗る

Add motion(デフォルトのブラシモードだ)に切り替え、動くべきエリアに直接塗ろう。ブラシは塗った部分にマゼンタの色合いとして表示されるので、現在何が「モーション中」としてマークされているか、静的な部分と対比してわかりやすい。

スクリーンショットや写真特有の点:

  • 本物の髪、スカーフ、ジュエリーの写真は、描かれた髪と同じように揺れる。ツールはソースが写真かイラストかを知らないし気にもしない。単にグリッド内のピクセルを変位させているだけだ。
  • スクリーンショットのテキストやUI要素は塗らないままにしておこう。スクリーンショットにキャプション、ウォーターマーク、または歪ませたくないインターフェースのクロームが含まれている場合は、その上をブラシしないだけでいい — マスクは塗った部分にのみ影響する。
  • 間違った場所を塗ったときは消去モードを使おう。同じブラシで、加算ではなく減算に設定されているだけだ。
ブラシサイズは12pxから140pxまで調整可能だ。写真から切り取った個々の髪の毛のような細かいディテールには小さく、広い布やポニーテール全体には大きく使おう。

---

ステップ4:確定する前にプレビューする

プレビューを押し、数回のループを見よう。何もサーバーサイドで生成やレンダリングされないため、これは即座で何度でも無料で繰り返せる。スクリーンショットの直線的な縁(写真フレーム、UI境界線)が揺れというより破れているように見える場合、それは通常マスクが硬い境界の領域に及んでいるサインだ — 消去モードで引き戻し、再確認しよう。

強度には3つのプリセット — ソフト、ミディアム、ストロング — があり、特に写真の場合、ソフトかミディアムのほうがストロングより説得力があることが多い。本物の写真の髪や布にはすでに自然な質感と影のディテールがあり、強い変位はそれを不自然なにじみへと歪ませてしまう。まずソフトから始めてプレビューし、まだ微妙すぎると感じたときだけ強くしよう。

---

ステップ5:エクスポートする

エクスポートを押すと、1回の完全なループサイクルにわたる24フレームがレンダリングされ、GIFに縫い合わされる。Gootakuアカウントでの最初のエクスポートは無料だ。その後は、プラットフォーム上の他のどのエクスポートとも同じ一律料金の1トークンがかかる — Wobble Maker自体はAIを使わないが、トークンシステムは一貫性のためGootakuのすべてのツールで共有されている。

元画像がスクリーンショットや写真であることと、AI生成であることの間に、エクスポートのプロセスやコストの違いは何もない。

---

これは何に向いているか

  • 静的な漫画のコマのスクリーンショットを、何も描き直すことなく素早いアニメーションの再投稿に変える
  • スキャンまたは撮影したぬいぐるみ、フィギュア、絵の写真に微妙な生命感を加える
  • 自分で作っていない保存した壁紙やファンアートをアニメーションさせる(個人利用向け、公開共有する前は必ず元のアーティストの利用規約を尊重しよう)
  • Gootakuの他のメーカーで本格的なAI生成キャラクターにコミットする前に、リファレンス写真でモーションを試作する
---

よくある質問

画像はGootaku由来である必要がありますか? いいえ。スクリーンショット、スマホの写真、スキャン、ダウンロードなど、どんな画像ファイルもアップロードして直接塗ることができる。ソースがGootaku生成である必要はまったくない。

私の写真はサーバーにアップロードされますか? いいえ。Wobble Makerはキャンバスレンダリングを使い、完全にブラウザ内で動作する。あなたの画像は、エクスポートして自分で結果を共有することを選ばない限り、あなたのデバイスから出ることはない。

低解像度のスクリーンショットは見栄えが悪くなりますか? 必ずしもそうではない — 作業解像度はアップロードしたものに関わらず480pxに制限されているので、控えめなスクリーンショットも巨大な写真も似たような出発点になる。非常にぼやけた、または強く圧縮されたスクリーンショットは依然としてぼやけて見える。Wobble Makerはアップスケールやシャープ化をせず、モーションを加えるだけだからだ。

実在の人物の写真を使えますか? 技術的には可能で、ツールはコンテンツによってソース画像を制限しない。しかし、自分以外の誰かに対してこれを行う前によく考えてほしい — 実在の人物の写真をWobble Makerで責任を持って使う方法についての姉妹記事を参照してほしい。

Wobble Makerを無料で試す → — 初回エクスポート無料、カード登録不要。

---

続けて読む

作家になる

自分だけの漫画を作りませんか?

無料で開始 — カード不要。月10回のAI生成。

作成を始める ⚡

Related guides