Story Board Maker

00:00 / 00:00

作品一覧

作品はこのブラウザの中に保存されます。バックアップや端末の引っ越しには「すべての作品データを書き出す」を使ってください。
書き出したファイルは .json 形式です。ダブルクリックしたりブラウザで直接開いたりしても作品は表示されないので、このアプリの「作品データを追加」（または「作品データを開く」）から読み込んでください。

コマの編集

コマをクリックすると画面の下に編集バーが出ます。画像は「画像を追加」のほか、コマへのドラッグ＆ドロップや貼り付けでも入れられ、1つのコマに何枚でも重ねられます。

画像や文字はドラッグで移動、四隅のつまみで拡大縮小、上の丸いつまみで回転できます。コマの編集中は、Content などの入力欄は薄く表示されて使えなくなります。入力欄をクリックすると、コマの編集が終わってそのまま入力できます。画像の四隅のつまみを中心の反対側まで引っぱると、左右・上下に反転します。ドラッグ中に画像や文字の中心がコマの左右・上下の中央に来ると、ピンクのガイドラインが出て中央にぴたっと合います。文字はダブルクリック（iPhone・iPadでは、選んでいる文字をもう一度タップ）で書き換えられます。文字の色は白・黒・赤・青・オレンジとカラーピッカーから選べ、白などの明るい色には自動で縁取りが付きます。

画像や文字を選んで「コピー」（⌘C／Ctrl+C）を押し、貼りたいコマを選んで「ペースト」（⌘V／Ctrl+V）で、ほかのSceneにも貼れます。大きさ・回転・背景を消した状態もそのまま写ります。

コマ（画像や文字のない所）をクリックすると、編集バーに「背景」が出て、コマの背景色を白・黒・カラーピッカーから選べます。背景色は印刷とテストにも反映されます。

画像を選んで「背景を消す」を押すと、背景を透明にできます。消しすぎたところは「復活ブラシ」でなぞると元に戻ります。

字幕

NA, Text 欄に書いた内容は、コマの下に字幕として自動で表示されます（左揃え、黒い文字に白い縁取り）。欄で Enter を押して改行した位置で字幕も改行し、1行が字幕の幅に収まらないときだけ自動で折り返します。行の先頭の「NA：」「T：」は字幕には出ません。字幕をクリックすると選べて、ドラッグで移動、四隅のつまみで文字の大きさを変えられます。編集バーでは、文字の大きさ・字幕の幅・左揃え／中央揃え・色を変えられます。字幕は NA, Text 欄と双方向に連動していて、欄を書き換えても、コマ上の字幕をダブルクリック（iPhone・iPadでは選んだ字幕をもう一度タップ）して書き換えても、もう一方に同じ内容が入ります。「字幕を消す」を押すか、コマを選んで編集バーの「字幕」のチェックを外すと、そのSceneの字幕は出なくなります。印刷とテストにも字幕が出ます。

手描き

コマを選んで編集バーの「手描き」を押すと、描く画面が開きます（画像や文字を選んでいるときも「手描き」が出るので、コマいっぱいの画像の上からでも描けます）。今のコマの絵が薄く下に表示されるので、なぞって描けます。ペン（黒・白・赤・青・カラーピッカー、太さは細・中・太）と消しゴム、「1つ戻す」「全部消す」が使えます。マウスでも指でも描け、Apple Pencil やペンタブレットでは筆圧で線の太さが変わります。Apple Pencil を使うと自動で「指で描かない（Apple Pencilのみ）」になり、手のひらが画面に触れても線は引かれません。Shift を押しながら描くと直線になります。「完了」を押すと、描いたものが透明な画像としてコマに重なり、ほかの画像と同じように移動・拡大縮小・反転できます。あとから描き足すときは、その手描きを選んで「手描きを編集」を押してください。

スタンプ

編集バーの「スタンプ」から、絵コンテ用の記号をコマに置けます。カメラワーク（パン・ティルト・ズームイン／アウト・回り込み・フォロー・フレームイン／アウト）、人物（直立の正面・横、話す（身振り）、歩く、走る、ダンス、手を振る、座る）、表情（普通・笑顔・大笑い・ウインク・驚き・怒り・悲しい・泣き・困り・照れ）、動物（犬・猫・うさぎ・くま・ぶた・ねずみ・かえる・鳥・魚・ちょう）、乗り物（車・トラック・バス・電車・自転車・飛行機・船・ロケット）、天気（晴れ・くもり・雨・雪・雷・虹・月・風と、コマ全体に降らせる雨・雪）、吹き出し（セリフ・心の声・叫び）、記号・効果（！・？・♪・汗・キラキラ・動きの線・集中線）があります。色は黒・白・赤・青・カラーピッカーから選べ、置いたあとでも、スタンプを選んで色を変えられます。移動・拡大縮小・回転・反転は画像と同じです（左向きのパンは反転で作れます）。

Scene

用紙のいちばん下の「＋ Sceneを追加」で1つずつ増やせます。各Sceneの ⠿ をつかんで上下にドラッグすると、好きな位置へ並べ替えられます。「＋ Sceneを複製」は、最後にコマを選んだScene（選んでいなければ最後のScene）を、画像・文字・背景色・各欄の内容ごとすぐ後ろに複製します。各Sceneの ↑ ↓ で順番を入れ替えられます。各Sceneの「+」を押すとそのSceneの後ろに空のSceneを追加し、「−」を2回押すとそのSceneを削除します（1回目で「削除?」に変わります）。

Time・Date・Version

Time(sec) に秒数を入れると、各SceneのIN/OUTと Total Time が自動で計算されます。Date は今日の日付が自動で入り、Version の「+」を押すと、その時点の内容がそのバージョン（v1、v2…）として保存され、次のバージョンに進んで日付も今日に更新されます。

尺のタイムライン・表示の切り替え

上の欄の下にある帯は、各Sceneの秒数に比例した長さで並んでいます（秒数が空欄のSceneは、テストと同じ4秒として斜線で表示）。帯を押すとそのSceneへ移動します。右上の「詳細／コマだけ」で、入力欄を隠してコマだけを並べる表示に切り替えられます。流れの確認や講評に使えます。

Asset List

Assets欄に1行に1つずつ素材を書くと、最後のページの Asset List に一覧が自動で作られます。各素材の Type（写真・動画・2DCG・3DCG・音楽・効果音・その他）と Source（自作・AI生成・ストック素材）をドロップダウンから選び、用意できた素材にはチェックを付けられます。「すべて／未用意のみ／用意済みのみ」と Type で絞り込めます（印刷と「表計算用にコピー」は全件）。「表計算用にコピー」でExcelやスプレッドシートに貼り付けられます。

バージョン（Version）

Version の「+」を押すと、その時点の内容を今の番号のバージョン（たとえば v1）として保存し、次の番号（v2）で編集を続けます。提出や講評の前に押しておくと、前のバージョンをあとから見返せます。Version の時計アイコンを押すと保存したバージョンの一覧が開き、「このバージョンに戻す」で今の作業をそのバージョンの内容と番号に戻したり（戻したあとに「+」で保存すると、ほかのバージョンを上書きしないよう、まだ使っていない次の番号で「v3（v1から）」のように保存されます）、「新しい作品にする」でそのバージョンを別の作品として作品一覧に追加したりできます。保存したバージョンは「作品データを保存」「すべての作品データを書き出す」のファイルにも含まれます。

上部の表示とメニュー

上部には、今開いている作品の名前・形式・バージョンと、ブラウザ内への自動保存の状態（保存済み／保存中…）が出ます。作品名を押すと作品一覧が開きます。しばらく作品データのファイルを保存していないと「⚠」が出るので、押して保存してください（Safari などは、しばらく開かないとブラウザ内のデータを消すことがあります）。「作品データを保存」「作品データを開く」は右上の保存アイコン（フロッピー）から、印刷 / PDF は右上のプリンターのアイコンから行います。

作品一覧

右上の「作品一覧」から、このブラウザに保存された作品を切り替えたり、新しい作品を作ったり、複製・削除したりできます。アイデアを比べたいときは「複製」して別案にしてください。「作品データを開く」で読み込んだ作品は、今の作品を置き換えずに一覧に追加されます。バックアップや端末の引っ越しには、作品一覧の「すべての作品データを書き出す」と「作品データを追加」を使ってください。

縦型（9:16）の作品

作品ごとに、横 16:9 か縦 9:16 のどちらかで作ります（上の欄の Format に表示されます）。新しく作るときは、作品一覧の「＋新しい作品（横 16:9）」か「＋新しい作品（縦 9:16）」を選びます。横型で作った作品をショート動画にしたいときは、作品一覧の「縦型版を作る」を押すと、元の作品を残したまま縦型の作品ができます（Scene・秒数・各欄の内容・背景色を引き継ぎます）。画像は横長の画面の中央を縦に切り出した位置に置き直されるので、はみ出した部分や文字の位置を調整してください。縦型の作品は、印刷すると1ページに3Sceneずつ並びます。

作品のデータファイル

「作品データを保存」や「すべての作品データを書き出す」で作るデータファイルは .json 形式で、画像も含めた作品のデータが入っています。このファイルをダブルクリックしたり、ブラウザで直接開いたりしても作品は表示されません（文字の並んだデータが見えるだけです）。作品を見るときは、このアプリの「作品データを開く」か、作品一覧の「作品データを追加」から読み込んでください。提出するときは、この .json ファイルをそのまま提出します。

取り消し・保存

右上の取り消し・やり直しの矢印ボタン、または ⌘Z／Ctrl+Z（取り消し）、⌘⇧Z／Ctrl+Y（やり直し）で、直近50回分の操作を戻せます。キー操作は下の「キーボードショートカット」を見てください。

印刷・PDF

Sceneの途中で改ページしないように自動でページを分け、各ページに Title などの欄とページ番号を付けます。Asset List は最後のページに付きます。右上で「コマだけ」表示にしているときは、コマと Scene番号・時間だけを1ページに15個（横型は3列×5段、縦型は5列×3段）並べて印刷します。

テスト

タイムライン（Sceneの長さの帯）の左端の「▶ テスト」を押すと、各Sceneのコマを Time(sec) の秒数（空欄のSceneは4秒）で順に映し、フェードでつないで再生します。つながりや尺の確認に使えます。

キーボードショートカット

`⌘Z` ／ `Ctrl+Z`	取り消し（背景を消す画面では「1つ戻す」）
`⌘⇧Z` ／ `Ctrl+Y`	やり直し
`⌘S` ／ `Ctrl+S`	作品データを保存
`⌘P` ／ `Ctrl+P`	印刷・PDF
`⌘C` ／ `Ctrl+C`	選んだ画像・文字をコピー
`⌘X` ／ `Ctrl+X`	選んだ画像・文字を消去（消したものはペーストで貼り直せます）
`⌘V` ／ `Ctrl+V`	選んだコマにペースト（ほかのアプリでコピーした画像も貼れます）
`Delete` ／ `Backspace`	選んだ画像・文字を削除
`←→↑↓`	選んだ画像・文字を少し動かす（`Shift` を押しながらだと大きく動く）
`Esc`	選択を外す・編集を終える・画面を閉じる
`B` ／ `E`	手描きの画面で、ペン／消しゴムに切り替え
`Shift`＋ドラッグ	手描きの画面で、直線を描く
ダブルクリック	文字を書き換える（iPhone・iPadでは、選んでいる文字をもう一度タップ）

⌘ は Mac の command キー、Ctrl は Windows のキーです。入力欄で文字を打っている最中の ⌘Z は、その欄の文字の取り消しになります。