スクリーンショットや写真から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要素は塗らないままにしておこう。スクリーンショットにキャプション、ウォーターマーク、または歪ませたくないインターフェースのクロームが含まれている場合は、その上をブラシしないだけでいい — マスクは塗った部分にのみ影響する。
- 間違った場所を塗ったときは消去モードを使おう。同じブラシで、加算ではなく減算に設定されているだけだ。
---
ステップ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を無料で試す → — 初回エクスポート無料、カード登録不要。
---
続けて読む
- Wobble Makerを試す → — 揺らしたい部分を塗る、初回エクスポート無料
- Wobble Maker — あらゆるアニメアートのための無料ジグル&バウンスアニメーション — 完全な機能概要
- Wobble Makerでより良い結果を得るコツ — ブラシサイズ、強度、画像の選び方
- 写真からAI漫画メーカー — まず写真をAIでフルの漫画アートに変える
Related guides
Kickstarter向けAIコミックメーカー — 成約につながるプレビューページの作り方
完成した号もアーティストも雇わずに、コミックのKickstarterキャンペーンを成約させるプレビューページ、表紙アート、サンプルコマをAIで生成する方法。…
AIで漫画のチャプターを作るのにどれくらい時間がかかるか?
白紙のページから公開準備の整った20コマのチャプターまで、AI漫画チャプターの執筆・生成・組み立てにかかる現実的な時間の内訳。…
コミック1ページに何コマ入れるべきか?(実例つき)
1コマの見開きページから9コマグリッドまで、コミックのコマ数の実践的な使い分け。それぞれをいつ使うべきか、テンポにどう影響するかを解説する。…
実在の人物の写真にWobble Makerを使っても安全か?
Wobble Makerは技術的には実在の人物の写真を含むどんな画像にもモーションを塗ることができる。何が問題なく、何がリスクがあり、何をすべきでないかを正直に解説する。…