3つの道具の、使い方。

配信画面の配置下書き

1. 横長・縦長と、雑談・作業のレイアウトを選びます。
2. タイトルや色を調整します。背景は自分の画像を読み込めます。
3. 配置の相談用は下書き、重ねる枠には透過枠を選んでPNGを保存します。

配置の下書きには仮ラベルが入ります。「透過枠」にすると、カメラ・コメントの仮ラベルと背景画像を外して保存できます。人物や配信映像は入りません。

画像から、配色のメモを。

1. 使う権利のあるPNG・JPEG・WebP画像を選びます。
2. 配色候補が入ったら、色の枠から好みに合わせて調整します。
3. 見本PNGか、制作に必要なSVG・CSS・JSONを保存します。

PNGは配色メモ、SVGは編集用の色見本、CSS・JSONは制作データとして使えます。出力データには元の画像やファイル名を入れません。

伝えたいことを、1枚に。

1. 画像サイズを選び、見出し・タイトル・本文を書きます。
2. 色や図案を変えます。自分の写真やイラストも読み込めます。
3. プレビューで文字の収まりを見て、PNGを保存します。投稿はご自身で行ってください。

文字が多いと自動で小さくなり、入りきらない場合は末尾を「…」にします。プレビューを見て文を短くすると読みやすくなります。読み込んだ画像の上には、文字を読みやすくする面を置きます。

画像と保存について

選べる画像はPNG・JPEG・WebP、15MB・一辺12000px以内です。画像はこのページの中で読み込み、ツールから外へ送信しません。配色の候補は小さく読み取った画素を大まかにまとめたもので、同じ色が複数の欄に入る場合があります。色は手動で調整できます。

PNGは表示サイズの画素数で保存します。印刷サイズや印刷色の保証ではありません。文字の形は端末のフォントによって変わる場合があります。スマートフォンの保存先やダウンロード操作はブラウザによって異なります。

設定と読み込んだ画像は、このツールではサーバーやブラウザストレージへ保存しません。ページを閉じたり再読み込みすると設定は初期値に戻ります。必要な出力を先に保存してください。

オフライン版

ZIPを展開し、index.htmlをブラウザで開いてください。HTML・CSS・JavaScriptは同じフォルダに置いたまま使います。ブラウザのダウンロード制限や組織の設定で使えない場合は、公開サイト版をご利用ください。商品ページや無料素材への外部リンクを開くときだけ通信が必要です。

利用条件

このツールが描く枠・図案・色見本は商用・非商用で使用できます。入力した画像や文章の権利を譲るものではありません。コードは無料で利用・改変でき、同じ利用条件を添えた無料再配布もできます。本ZIP・コード自体の有料販売、無改変での自作主張はできません。既存のBOOTH商品の条件は変わりません。