20 本のバー：すだれのような細い 20 枚の分割画像
20 本のバーは、このツールで作れる最大数の短冊、つまり同じ幅の細いバー 20 本に画像を切り分けるので、投稿はすだれが流れていくようにスクロールします。バーはそれぞれ X のカルーセルの別々の画像ですが、X がボックスの間に隠すピクセルを引き伸ばしでごまかさず、切り分けの段階で除くので、絵はくずれずに届きます。ステージにはスクロールする前に見えているバーの数が表示されるので、タイムラインで最初にどれだけ絵が見えるかがわかります。
自分好みに仕上げる
本数を減らして太く
小さな画面で 20 本がせわしなく感じるなら、「分割数」を 14 か 16 に下げます。1 本ずつが太くなり、画像は変わらず並び全体に途切れずつながります。
明るいタイムラインで確かめる
「X のテーマ」を「ホワイト」に切り替えると、X を明るいテーマで見ている人の画面と同じように、バーの間の細い枠線とすき間を確認できます。
よくある質問
細いバーでもすき間をまたいでつながりますか？
はい。X ではどのバーもすき間ごとに同じ 6 px を失い、切り分けではちょうどそのピクセルを除くので、斜めの線や曲線も段差なく 20 本のバーすべてを横切ります。バーが細くなると、すき間の数は増えますが、すき間の幅は広がりません。
使い方
画像を追加する
画像をアップロードするか、ギャラリーから選びます。4:5 かそれより縦長の画像はタイムラインの中に全体が収まり、それより横長の画像は端からはみ出して、スワイプを誘います。
並びを整える
短冊の数を 2 から 20 で選び、並びの幅と、すき間を合わせるタイムラインを決めます。短冊の端をドラッグすると幅が広がり、画像をドラッグすると切り抜きが動き、端をダブルクリックすると均等な短冊になります。
ダウンロードして投稿する
無料の UX Pilot アカウントでログインすると、短冊ごとに 1 枚ずつ、順番に番号を付けた PNG の ZIP をダウンロードできます。あとは、その順番どおりに 1 つの投稿へすべて追加します。