X（旧Twitter）などのSNSで、イラストの線画部分がカクカク動いたり、描いた線が揺れているように見えるGIF風の投稿を見かけることがあります。静止画なのに生命感が出ているため、どのようなツールを使っているのか気になる人も多い表現です。
このような作品は、単純なGIF画像だけではなく、イラストを少しだけ動かすアニメーション加工や、線画を変形させるエフェクトを利用して作られている場合が多いです。この記事では、SNSで見かける線画が動く表現の仕組みや代表的な制作方法について解説します。
Xで見かけるカクカク動く線画の正体
イラストの線がカクカク揺れて見える投稿の多くは、1枚のイラストを少しだけ変化させた「ループアニメーション」です。キャラクター全体を動かすのではなく、線や輪郭、髪、服の一部などに小さな動きを加えることで独特の雰囲気を作っています。
特に最近SNSで増えているのは、手描きアニメーションのような「線揺れ（ラインブレイク）」表現です。線を完全に固定せず、数ピクセル程度ずらした画像を複数枚作り、それを高速で切り替えることで動いているように見せます。
例えば、キャラクターの顔やポーズはほぼ同じでも、髪の線や輪郭だけが微妙に揺れることで、紙に描いたアニメ原画のような味わいが生まれます。
線画を動かすためによく使われるツール
このような表現を作る方法はいくつかあり、専門的なアニメーションソフトからスマホアプリまで幅広い選択肢があります。
代表的な制作ツールには以下のようなものがあります。
| ツール | 特徴 |
|---|---|
| Adobe After Effects | 線揺れや変形、エフェクト加工に向いているプロ向けツール |
| CLIP STUDIO PAINT | イラスト制作と簡単なアニメーション制作を同時に行える |
| Live2D | イラストをパーツ分けして自然な動きを付けられる |
| Procreate Dreams | iPadで手軽にアニメーション制作ができる |
| CapCutなどの動画編集アプリ | 簡単な揺れやループ加工が可能 |
ただし、SNSでよく見る「線だけがカクカク動く」タイプは、Live2Dのような大きな動きを作るソフトよりも、After EffectsやCLIP STUDIOのアニメーション機能で作られることが多いです。
一枚絵から線画を動かす基本的な作り方
最も基本的な方法は、元となるイラストを複製して少しずつ線を変えた画像を数枚作り、それを連続表示する方法です。
例えば以下のような流れになります。
- 完成したイラストを用意する
- 線画レイヤーを複製する
- 線の位置を少しずつずらしたフレームを作る
- 数枚の画像を順番に表示する
- GIFや短い動画として書き出す
1秒間に数枚程度の変化でも、人間の目には線が震えているように感じられます。大きく動かす必要がないため、一枚絵の雰囲気を壊さずにアニメーション感を出せるのが特徴です。
AIイラストでも線画が動く表現は作れるのか
最近ではAIイラストを利用して、このような動く表現を作るケースも増えています。AIで生成した画像を動画化するツールを使い、わずかな揺れや動きを追加する方法です。
例えば、AI画像生成で作ったキャラクターに対して、動画生成AIや画像アニメーションツールを利用すると、髪や服が揺れる表現を作ることができます。
ただし、SNSでよく見るカクカクした線揺れ表現は、AIによる自動動画化よりも、人が意図的に線をずらして作った手描き風アニメーションであることも多いです。
初心者でも作れる簡単な線画GIF風加工方法
本格的なアニメーションソフトを使わなくても、簡単な方法で似た雰囲気を作ることができます。
例えば、イラスト編集アプリで線画レイヤーを複製し、数ミリだけ位置を変えた画像を数枚保存します。その後、GIF作成アプリや動画編集ソフトで順番に表示すると、SNSで見るような線揺れ表現になります。
重要なのは、大きな動きを加えることではなく、線のズレを小さく保つことです。動きを強くしすぎると、自然な手描き感ではなく不自然な揺れに見えてしまいます。
まとめ
Xで見かける「一枚絵の線画がカクカク動くGIF風表現」は、主に線画やイラストを少しずつ変化させたループアニメーションです。
制作にはAdobe After Effects、CLIP STUDIO PAINT、Live2D、動画編集アプリなどが使われますが、特に線だけを揺らす表現は、複数のフレームを作って細かなズレを繰り返す方法が一般的です。
初心者でも画像を少しずつ変化させてGIF化するだけで似た表現を作れるため、まずは小さな動きから試してみると、SNSで見かけるような印象的なイラスト表現に近づけます。
コメント