絵コンテエディタ

はじめに

Swingの勉強を兼ねて、絵コンテのエディタを作りました。
編集、印刷、Flash出力と、私が使う上での一通りの事は出来ます。
今回調べたら絵コンテのフォーマットも色々あるみたいですが、とりあえず唯一知っているタイプをモデルに。ちなみにカラムの順番はＤ＆Ｄで変更可能。
JavaとSwingは遅いイメージがありましたが、今回使ってみて見直しました。Athlon2100+ならば充分使い物になる速度です。

いや、こんなカラーで描く人は居ないと思うけど、なんか見栄えが良いので…。

ダウンロード

jarファイル一式: sbedit.zip　←2014/10/21 最新版(Java 1.8以降用)
sbedit.zipJava 1.7用
sbedit_JDK15_Latest.zip　←Java 1.5用にコンパイルした。起動だけは確認したけど動かない事があるかもしれない)
sbedit_JDK15.zip　←旧版(Java 1.5でも動作。でもメンテされてないのでバグ色々)
sbedit_SRC.zipソース一式(JDK 7.0以降用)
SourceForge.jpGitリポジトリとか

インストールと起動

事前準備: 動作にはJava 7以降が必要です。
SDKかJREをインストールしてパスを通し、Javaを使える状態にして下さい。
主に Windows XP SP3で作成してテストしてます。Windows Vista, 7, 8でもある程度の動作確認をしました。
インストール: ダウンロードしたファイルを展開して出来るファイル/ディレクトリをそのまま好きなディレクトリに配置します。
起動: Windows用にはsbedit.bat と sbeditA.bat(フォントがアンチエイリアジングされる)を付けました。Windowsの人はこれをエクスプローラからダブルクリックすることで起動します。
Unix系では、sbedit.shを実行して起動します(Windowsでzipにしているので実行権が付いていないかも)。
※搭載メモリが512M以下のマシンでは、起動に失敗します。「いきなり起動に失敗する場合は…」を参照して、sbedit.batを修正して下さい。
Macintoshでの動かし方。
初回起動時に「"sbedit.bat"を指定して下さい。」というダイアログが出ることがあります。 sbedit.zipを展開した時にできる「sbedit.bat」を指定して下さい(Windows以外のOSでもbatを指定します)。
その他: バグが怖いのでバックアップを取りまくる仕様になっています。作製した絵コンテファイルを編集すると、起動時にファイル名_bakというファイルが元ファイルと同じディレクトリに作製されます。それとは別に、sdbbakup/というディレクトリが作られ、その下にセーブの度にバックアップファイルが作製されます。ファイル名が日付時刻を表しています。バックアップファイルは自動的には消えませんので、余り大量になってきたら適宜エクスプローラ等で削除して下さい。

操作

選択した行の上で右ボタンを押し続けるとカーソルの形が十字になります。その状態でカットを上下に移動できます。

グリッド

既にある画像を絵コンテの絵として指定するには、エクスプローラから画像ファイルをドラッグ＆ドロップして下さい。対応画像形式はPNG/IPEGです。

カット番号: 自動的に番号が表示されますが、欄をダブルクリックすることで編集できます。数字を削除すると空白になります。数字は何を入力しても自動的に連番に修正されます。実は小数点も指定可能です。C1とC2の間にC1.5とか。
画面: ダブルクリックで別アプリケーションを起動し、画像を編集します。指定が無いと~~ファイルを指定するダイアログが表示されます~~ 自前のショボイお絵描きダイアログが開きます。まだ文書が一度も保存されていない状態でダブルクリックした場合、保存ダイアログが表示されます。
内容: 文字を直接入力します。
台詞: 文字を直接入力します。
秒: 数値を直接入力します。「+」記号を使うことで、コマ数を指定できます。例：１秒＋１２コマ…1+12と入力例：１．５秒＋６コマ…1.5+6と入力(いや、変だとは思いますが一応…)
合計時間: 合計時間が表示されます。編集は出来ません。

メニュー

ファイル

新規作成、開く、保存、印刷、終了の説明は省略します。

プロパティ: 作品のタイトル他を設定します。「カット番号固定」にチェックを入れると、カット番号の自動修正が行われなくなります。
フレームレートは自由に設定できます。デフォルトは24コマ/秒です。
１ページあたりの行は、ステータスバーに表示されるページ数を計算するときの目安です。実際の印刷はまだ未対応です。
正規化: ドラッグ＆ドロップで追加されていた絶対パスなファイルがあれば、.sbd/img/ディレクトリ配下にコピーします。
脚本インポート: 実用性は？ですが、VerticalEditorあるいはO’s Editor２で作成したシナリオをインポートして絵コンテにします。ト書きが改行すると別カットと認識します。
印刷: 一言言うならば、Java(Swing)の印刷はショボくてプリンタの実力をイマイチ発揮しきれないので、PrimoPDFあたりで一旦PDF化して、Acrobat Readerから印刷すると幸せです。
あと見栄えがちょっとショボいので、某業界用の一般的な絵コンテ用紙に対して無罫線で印刷(要CSS調整) 改ページ指定ヨコナガ・タテナガ・大判の印刷をする方は「sbdConvert - 絵コンテデータコンバータ」のご利用も。

編集

下記の他、カット、コピー、ペースト、追加、挿入等々一般的な操作が出来ますが説明略します。

行結合: 行を複数選択した状態で実行すると、選択した状態の行が１行にまとめられます。
末尾余白削除: 最後のカットより後ろの空白欄を削除します。
空行全削除: 空行を全部削除します。
左右反転: 画像を左右反転します。
画像ペースト: 他ツールでクリップボードにコピーした画像を選択したカットの画面にペーストします。
検索: 文字列を検索します。

表示

大、中、小の説明は省略します。画像の大きさが変化します。

更新: 何か表示が妙だな？と思ったら選択して下さい。
フォント: フォント選択ダイアログを表示します。台詞用、説明用のフォントを別々に選択します。
4:3: 画面の縦横比を4:3にします。デフォルトです。
16:9: 画面の縦横比を16:9にします。ワイドです。

移動

カット番号指定: カット番号を指定して移動します。
時刻指定: 時刻を指定して移動します。
分：秒　の形で指定します。例「01:59」
検索: 説明/台詞から文字列を検索して移動します。

しおり

追加: IEの「お気に入りに追加」とほぼ同じです。現在フォーカスしているカットにしおりを作成します。
その他: 指定の場所のカットへフォーカスします。

設定

画像編集ツール: 画像を編集する時に使う外部アプリケーションをフルパスで指定します。PNGが編集できるグラフィックツールを指定してください。空文字列を指定すると、自前ダイアログの動作に戻ります。

ちなみに私はWindows XP標準添付のペイントを指定していました。Adobe PhotshopやHyperKidを指定すると、アプリを起動したままでも利用できるので早いです。
Macintoshの場合のアプリケーション指定方法。
テンプレート画像: 画像編集ツールを指定した場合にテンプレートファイルを指定します。未指定だと、規定のものが使われます。 imgディレクトリの下のtemplate.pngが画像のテンプレートです。これを変更することで、画像ファイルの大きさを変更することが可能です。
キャッシュ: 画像メモリキャッシュの書き出し。通常は有効にして下さい。
オープン時に画像キャッシュファイル作成：sbdファイルを開く際に、別プロセスを起動して画像キャッシュファイルを作成します。表示モードを頻繁に大中小と切り替える際は有効にするとパフォーマンスが上がります。通常は無効。javaプロセスが残る場合は、無効にして下さい。
sbdConvert: sbdConvert関連の設定を行います。

sbdConvertのファイル一式の位置、firefoxの実行ファイルの位置、sbdファイルセーブ時にsbdConvert関連ファイル一式を同時に保存するか否か、を指定します。

ツール

HTML出力: 絵コンテをHTMLの形で出力します。出力したファイル名と同じディレクトリが作成され、その下に画像ファイルが格納されます。例："c:\aaa.html"というhtmlファイルを作成すると、"c:\aaa\ "というディレクトリが作られ、その下に画像ファイルが作成されます。
sbeditをインストールしたディレクトリ/xslディレクトリの下のhtml.xslがHTML出力時のスタイルシートです。この辺をいじると、出力されるhtmlを加工可能です。
これで作成されるHTMLはちょっとショボいので、sbdConvert - 絵コンテデータコンバータの利用も。
SWF出力: 絵コンテを紙芝居なFlashにします。カットの長さは指定した時間通りになります(ただし4fps)。秒数の指定の無いカットは３秒として扱われます。
PDF出力: 絵コンテをPDF形式で出力します。
RTF出力: 絵コンテをRTF形式で出力します。MS Wordで読めます。WordPadでは罫線がずれます。
OPML出力: 絵コンテをOPMLの形で出力します。読めるアウトラインプロセッサがあるかもしれません。
進行表印刷: 進行表を印刷します。
sbeditをインストールしたディレクトリ/progress.xmlを編集することで、進行表の作業項目を変更することが出来ます。なーんか進行表印刷処理中にバグがあるような気がします。ページ毎の最後のカットが途中で切れるような。
作業ディレクトリ出力: カット毎のディレクトリを作成します。
シナリオテキスト出力: 絵コンテをO’s Editor２用のシナリオテキストとして出力します。O’s Editor２側で「台本形式」/「シナリオ形式」を指定して表示して下さい。
階層付きテキスト出力: 絵コンテをVertical Editor用の階層付きテキスト(シナリオ形式)として出力します。Vertical Editor側で「台本形式」を指定して表示して下さい。階層付きテキストは他にも多くのアウトラインプロセッサで読み込める様です。 ※この操作は、JRE1.4ではエラーが出て出力されませんでした。Java 2 Platform Standard Edition 5.0を使ってください。
ストップウォッチ: ストップウォッチダイアログを表示します。スタートボタンで計測開始、ストップボタンで停止、反映ボタンで選択した行に時間を設定します。

補助

補助は私の趣味の実験的な機能で実用性は？です。

脚本インポート: O'sEditor/VerticalEditorで書いた脚本テキストをインポートします。勝手にカットを割り付け、時間を勝手に決めてしまうとんでもない機能です。いずれは絵も勝手に入れたい。
時間補完: カット毎の時間を勝手に計算します。
翻訳: 説明と台詞を１０ヶ国語に翻訳します（英中蘭仏独伊韓葡露西）。WEBサービスを利用していますので、インターネットに接続できる環境で実行します。サーバの具合によってしばしば翻訳結果が「The remote server returned an error: (999) Unable to process request at this time -- error 999.」になってしまう事があります。時間を置いて再度実行すると成功する場合があります。
※実行するとアンドゥは出来ませんので、試しに使ってしまう前に、ドキュメントを保存しておくことをお勧めします。
名言検索: 指定した単語を含む世界の名言を検索して表示ます。WEBサービスを利用していますので、インターネットに接続できる環境で実行します。※固まることがありますが、１分程放って置くとタイムアウトのダイアログが出ます。

ヘルプ

このページを表示します。

目次: このページを表示します。
バージョン: バージョンを表示します。
最新版をチェック: 現在使用中のバージョンが最新版かチェックします。

お絵描きダイアログ

左ボタンがペン、右ボタンが消しゴムです。他のアプリケーションで描きたい場合は、設定メニューでアプリケーションを設定する、あるいは、画像のペーストを利用します。ちなみに上の画像はShadeでレンダリングしたものをペーストしてます。

OKボタン: 画面を絵コンテに反映してダイアログを閉じます。
キャンセル: 画面を変更しないでダイアログを閉じます。
ペースト: 他ソフトでクリップボードにコピーされた画像をペーストします。
クリア: 画像を白紙に戻します。

今後予定

一応アイデアのメモ。というか、夢を語る節。

画面分割: 他カット参照しながら描きたいって場面が結構あったので。でもこれはちょっと面倒そう。
Wiki: と連携したら面白いのではなかろうか？こー、カット毎の説明とか連絡とかはwiki経由でしたりして。FreeStyle WikiだとDB無用なので私でも設置できるかも。
Media Studio Pro: 対応するAVIと紐付けしてMedia Studio Proプロジェクトにエクスポート。実現したら荒編集に便利だと思うけど難しい。
OPENVIP連携: OPENVIPってMediaStudioProっぽい感じの映像編集ソフトがあって、これのデータ形式はXMLだそうな。XMLなら吐ける訳で。→試しに使ってみたが、機能的にショボ過ぎてとても継続して使う気にならなかったので多分止め。
シーン記述言語MIKSSとかSMIL: とか吐いたら格好良いだろうけど…私自身が使わないから多分やらないだろうなぁ。でもアイデアとしてメモ。SMILはちょっと興味がある。
TV program Making language: も似たものだけど、これは既にプレイヤーが配布されてたり。台詞を合成音声で話したりするのがポイント高い。
昔話記述言語FDL: から自動絵コンテ生成とかできたら凄いだろうなぁ。多分無理だけど一応メモ。

似たソフト

TVP Animation Professional Edition: 商用。欧米式、日本式、サムネイルの３モード。
コンテエディター　NAZOH: ベータ版。VS 2010 C# express用のソース一式付き。
スタイロス: セルシス社。統合アニメ制作ソフトに含まれる。
SpringBoard: Six Mile Creek Systems 社。アウトラインプロセッサ風で35$と安め。
Storyboard Artist: Power Production社。
絵コンテ制作支援システム [ Hierographs ]: NTTコミュニケーションと多摩美大
V-PALS（Video-Production At Light Speed/ 次世代映像制作システム）: 慶応大。慶応大多いなぁ…。
絵コンテエディタ: DoGA
DV Scratch: 絵コンテ→ビデオ編集まで行えるらしいけど、製造中止。
EIZO WORKS: 実写のスケジュール管理ソフトの内の１機能の模様。
Boardomatic v2: MIRAGEって映像制作統合環境のプラグインらしい。

実写系の人には結構「3DCGでジオラマ中に人形を配置してカメラでぐりぐり構図を決めたい」ってニーズが有る模様。それにしても皆、名前が格好良い。スタイロス、ヒエログリフ、シネガ、アステリスクプロジェクト…。

連携ソフト

一方的に連携。何時の日かMedia Studio ProかPremireにもエクスポートしたい…。

sbdConvert - 絵コンテデータコンバータ: 某業界用の一般的な絵コンテ用紙に対して無罫線で印刷する事が可能(要CSS調整) 改ページ指定可能ヨコナガ・タテナガ・大判の印刷可能なHTMLに変換されます。こんな感じに
VerticalEditor: アウトラインプロセッサ。シナリオモードで書いたシナリオ(.txt)を、脚本としてインポートできます。逆に階層テキストにエクスポートもできますが、これは意味があるか不明。ト書きが改行すると別カットと認識します。
O’s Editor２: ワープロっぽいエディタ。シナリオ/台本モードで書いたシナリオ(.snr)を、脚本としてインポートできます。逆にsnrにエクスポートもできますが、これは意味があるか不明。

その他

バグ？情報とか注意点とか。

絵コンテエディタをMacOSXで使う: 私はMacintosh持ってないので不明ですが、ねこまたやさんが使えるようにされた模様
起動に失敗する場合は…: 搭載メモリが512M以下のマシンでは、起動に失敗します。
sbedit.batをテキストエディタで開き、"-Xmx512m" を "-Xmx128m"等、に修正してください。数値は搭載メモリの半分程度を目安にして下さい。
表示されるサムネイル画像が真っ黒になり、起動しなおしても戻らない場合は…: すみません。多分絵コンテエディタのバグです。とりあえずの復旧方法は、SBDファイルを保存しているディレクトリの下のimgディレクトリの下のL,M,S,が画像キャッシュファイルですので適宜黒いものを削除してみて下さい。
１コンテ１フォルダ構成がお勧め: １フォルダに１作品用のSBDファイル、および、配下のimg,bakupディレクトリを作成する、といった構成がトラブルも少なくてお勧めです。
Windows Vistaにて: Windows Vista上にてファイル関連の失敗がある場合は…こちらをご覧下さい。
テキスト保存: 内容や台詞のテキスト編集中に「保存」すると、編集中のテキストが反映されませんので注意して下さい。保存は、別の個所をクリックして、フォーカスを外してから。
空白画像: 空白の画像を編集しようとしていきなりキャンセルすると、色々困った事になります。初めての画像はOKを押してください。いつか直します。

絵コンテエディタ Share on Tumblr ツイート Mastodon