横長のゲーム画面のスクリーンショットを読み込んで、縦画面(9:16)に切り出す範囲を、枠のドラッグで決められるツールです。 縦画面を上下に分けて、ゲーム画面とカメラなど2か所を1枚の縦画面にまとめる配置も確認でき、縦長PNGとして保存できます。 ブラウザで開くだけで動き、読み込んだ画像や設定は外部に送られません。 1つの枠だけで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8980884 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 表示する座標や倍率は、スクリーンショットから計算した目安です。 お使いの編集ソフトや配信ソフトによって、数値の基準や単位が違うことがあります。 最終確認は、実際のソフト上で行ってください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 縦画面を上下に分けて、2つの切り出し枠を置ける画面(上下の割合は20〜80%、5%刻み) ◆ 枠ごとの位置と大きさ(拡大)を調整して、切り出し後の見た目をプレビューで確認 ◆ 2つの枠それぞれの座標(左上X・Y、幅、高さ)と、1080x1920にしたときの倍率の表示 ◆ レイアウトの保存と呼び出し、削除(保存先はお使いのブラウザの中) ◆ 設定のJSON保存と読み込み(位置は割合で保存するので、画像のサイズが違っても読み込めます) ◆ 縦長PNG(1080x1920)の保存 ◆ 画像(png/jpg)の読み込み ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. vertical-layout-sim.html をダブルクリックして、ブラウザで開く 2. 横長のスクリーンショットを、画面にドラッグ（「画像を選ぶ」からも選べます） 3. オレンジの枠(上側)と青い枠(下側)をドラッグして位置を決め、プレビューを見ながら大きさと上下の分け方を調整する。必要なら保存やPNG出力を使う ━━━━━━━━━━━━━━━━━━━━ 近いツールとの違い ━━━━━━━━━━━━━━━━━━━━ 同じTOOL BOXの「縦型動画のUI被りプレビュアー」は、すでに縦型になった動画や画像に、アプリのボタンや説明文の位置の目安を重ねて、字幕が隠れないかを確認するツールです。 このツールは、その前の段階で、横長の画面のどこを縦に切り出すかを決めるツールです。両方を順番に使うこともできます。 ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・動画の読み込みと書き出しはできません(静止画のスクリーンショットで位置を決めます) ・保存するPNGは、プレビューと同じ切り出しを1枚にした画像です。字幕やテロップの追加はできません ・枠は2つまでです。別々の画像を上下に並べる機能はありません(1枚の画像から2か所を切り出します) ・編集ソフトや配信ソフトへの自動の反映はできません。数値を見ながら手で設定してください ・レイアウトの保存先はブラウザの中です。閲覧データを消すと無くなることがあるので、大事な配置はJSONで残してください ・表示する数値は目安です ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　vertical-layout-sim.html ／ README.txt TOOL BOX