GIF Toolkit

Marquee.

図形や画像を並べて、ずっと流れ続けるバナーの GIF を作ります。 どんな設定でもループはきれいにつながります。データはサーバーに送られません。

プレビュー

1240×310px2.0 秒で 1 周(60 コマ)note に貼れます

見本が入っているので、このままでも作れます

雰囲気を変えたいときは見本を選び、必要なところだけ調整してください。

1サイズ

バナーの形を決めます。横幅は 1240px のまま、縦の細さだけ変えます。

縦幅1240×310px

細いほど本文の邪魔をしません。上の比から外れた値も選べます。

2素材

バナーに並べるものを選びます。見本から始めるのがいちばん速いです。

見本から始める

選ぶと、素材・色・動きがまとめて切り替わります。

図形と画像を足す

押すと、そのままバナーの並びに加わります。

文字を足す

1 行の文字を追加します(24 文字まで)。

絵とアイコンから選ぶ

先にテイストを選ぶと、その中の絵だけが出ます。

並んでいるもの

3 個

押すと 1 つずつ調整できます。右上の ✕ で外せます。

ぜんぶの大きさ100%
小さくバナーいっぱい

並んでいるものをまとめて拡げ縮めします。1 つずつは下で調整できます。

間隔

等間隔に並べています。1 つでも動かすと自由配置に切り替わります。

要素どうしの間隔40px
ぎっしりゆったり

プレビューの要素はドラッグでも動かせます。

3流れ

どちらへ、どれくらいの速さで流すかを決めます。ループは自動でつながります。

向き
速さ2.0 秒で 1 周
ゆっくり速い
なめらかさ

上げるほどコマ数が増え、note の上限に近づきます。

4こだわり設定角度・行・背景・フェード・エフェクト

向きと並び

流す角度を細かく決めたり、行を増やしたりします。

角度(細かく)180°

0° が右へ、90° が下へ、-90° が上へ。

行を増やす1 行だけ

流れと直角の方向にも並べます。上下や斜めに流すときに。

背景

note はダークモードでも画像を明るい下地に載せるので、白がいちばん馴染みます。

端のフェード

バナーの両端で消えます。ずっと動き続ける効果は下の「流れながらのエフェクト」です。

流れながらのエフェクト

流れている間ずっと続く動きです。どれも下の「エフェクトの間隔」で足並みが揃います。

明滅なし
揺れなし
回転なし
色替え使える色 3 色

色数となめらかさ

GIF は 256 色までです。フェード・にじませる・回転・縁のなめらかさは色を増やすので、超えたときは書き出した後に出る案内のとおりに減らしてください。

縁のなめらかさ