Guide

同トレスブレ メーカーの使い方

1枚の画像から、線がわずかに揺れて見える「同トレス」風のループアニメを作る手順を説明します。 操作は3ステップだけで、細かい調整はあとから好きなだけ試せます。

先にツールを開いておく画像を用意して、この解説を見ながら触るのが一番早いです。

ツールを開く →

01 同トレスとは

「同トレス」は、アニメで同じ絵を少しずつ描き直して線をわずかに揺らす技法です。静止した絵に生っぽい呼吸感が出るため、キャラクターの立ち止まりカットなどでよく使われます。

このツールは、その効果を手描きせずに再現します。画像の中の「動かしたい範囲」を指定すると、そこだけをランダムな揺れでわずかにワープさせた数枚の絵を自動生成し、つないでループさせます。

02 基本の3ステップ

03 動かす範囲の決め方

範囲の指定方法は2つ、さらに「反転」で動かす場所を入れ替えられます。

「⇄ 範囲を反転」をオンにすると、塗った場所を固定して、それ以外を動かす形に入れ替わります。 「背景だけ揺らして人物は固定したい」といった逆パターンに便利です。オーバーレイの青い部分が常に「動く側」を示します。

04 スライダーの効果

項目	効果
ゆれ幅	線が動く距離。大きくすると揺れが激しく、小さくすると微細な震えになります。
うねりの大きさ	揺れの波の粗さ。大きい値はゆったり大きく波打ち、小さい値は細かくざわつきます。
フレーム数	生成する絵の枚数。3枚前後が同トレスらしい間隔。増やすほど滑らかになります。
速さ	アニメの再生速度（fps）。遅くするとゆったり、速くすると小刻みに揺れます。
範囲のぼかし	動く範囲と固定範囲の境目のなじませ具合。0にすると境目がくっきり出ます。
境界の検出感度	「自動」モード専用。上げるほど、より弱い輪郭線まで拾って動く範囲が広がります。

05 書き出し形式を選ぶ

06 よくある質問

思ったところが動かない

「自動」モードの場合、検出感度を上げると動く範囲が広がります。狙った場所だけ動かしたいときは「塗った範囲」モードに切り替えて、筆で直接塗るのが確実です。

揺れが激しすぎる／弱すぎる

「ゆれ幅」を下げると落ち着き、上げると大きく動きます。あわせて「うねりの大きさ」を大きくすると、細かい震えではなく、ゆったりした波打ちになります。

境目に不自然な線が出る

「範囲のぼかし」を上げてください。動く範囲と固定範囲がなめらかに混ざり、継ぎ目が目立たなくなります。

GIFの色が荒れる

GIFは256色までの制約があるためです。色の再現を優先する場合は、動画（WebM）での書き出しをお試しください。

画像を送信して処理していますか？

いいえ。読み込み・加工・書き出しはすべてブラウザの中だけで行われ、画像がサーバーに送られることはありません。