GIFアニメ作成

動画の好きな場面をGIFアニメに。文字やスタンプを重ねて、表示するタイミングまで決められます。

AD

ここに動画やGIFをドラッグ&ドロップ、またはクリックして選択

MP4 · WebM · MOV · GIF — 変換はすべてこのブラウザ内で完結します。どこにもアップロードされません。

動画
長い商品ページのように複数のGIF・画像を1つの枠でつなぎ、ファイルはパーツごとに別々に保存します。
0.0秒
トリミング
トリミング:画面をドラッグして使う部分だけ残します(四角いハンドルでサイズ調整)。結果:文字・画像をドラッグで移動、文字はダブルクリックでその場で編集。
目標サイズに合わせる
MB
載せる先の容量制限までドラッグすると、その範囲でいちばんきれいになるようサイズとコマ数を合わせます。オフにすると手動調整。1MB未満は数字を直接入力してください。
区間
開始 0.0秒
終了 10.0秒
速度1倍
再生方向
AD
変換したGIFのプレビュー

長い動画を先にカット・倍速したいときは → 無料エディタ VidCut

AD

作り方

  1. 動画を入れる — スマホで撮ったMP4や画面録画を上の枠にドラッグします。ファイルはこのページの中だけで処理されます。
  2. 場面を選ぶ — 「区間」で開始と終了を決めます。GIFアニメは2〜5秒がいちばん見やすく、サイズも軽くなります。
  3. トリミング — プレビューをドラッグして、見せたい部分だけを残します。1:1や4:5を選ぶとSNS向けの比率にすぐ合わせられます。
  4. レイヤーを重ねる — 「装飾 → レイヤー」で文字、透過PNG、動くGIFを追加できます。プレビュー上でドラッグして移動、丸いハンドルでサイズ変更。レイヤーごとに表示する区間を決められるので、「2秒後にタイトルが出る」といった演出もできます。
  5. 作成 — 右側の予想サイズを確認して「GIFを作る」。上限のある場所に載せるなら「目標サイズ」を選んでおくと自動で合わせます。

継ぎ目のないループにするには

「再生方向 → 往復」を選ぶと、前へ進んでから逆再生で戻るので、最初と最後が自然につながります。うなずき、手を振る、湯気が立つといった短い動きに向いています。コマ数が2倍になるので、サイズもほぼ2倍になる点だけ注意してください。

文字を読みやすくするコツ

動画の上の文字は、背景の明るさが変わっても読めるように縁取りを付けるのが基本です。白い文字に黒の縁取り(初期設定)がいちばん無難です。自分のPCに入っているフォントや、フォントファイル(TTF・OTF)も使えます。文字を多く入れるほど色数が必要になるので、細かい文字のGIFは色数256色のままにしておくのがおすすめです。