9VAeきゅうべえは、もともと大学漫研の作品をアニメ化するために開発した自作ベクターアニメーションエディタです。アニメは完成し、キャラクタデータがあります。これをつかって、今度は漫画原稿を作りました。その過程を紹介します。 Youtubeで見る。いらすとやのイラストを動かす方法はこちら。しゃべる解説の詳しい作り方はこちら。
ほかの解説動画はこちら。
内容：
- １．9VAeきゅうべえのダウンロード
- ２．画面サイズ：３４４ｘ５１２
- ３．コマ割り
- ４．縦書きせりふ
- ５．ネームをいれて吹き出しをつける
- ６．キャラクタを配置して形を整える
- ７．Openclipartからイラストを読み込む
- ８．グループ化、登録、固定をつかってレイアウト
- ９．色変換を設定して画像出力
- １０．完成原稿
- ひとコマ解説動画の作り方
１．9VAeきゅうべえのダウンロード
フリーイラストからMP4動画素材が簡単につくれる無料アプリ9VAeきゅうべえは、下からダウンロードできます
- Win / Mac / Linux：9VAeきゅうべえダウンロード
- iPad / iPhone：9VAe iPad版 、9VAeDanga 、9VAePro (599ページ)
- Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
- Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
- 9VAeのボタン説明、メニュー/キー
操作方法
- 9VAeきゅうべえアニメ研究所をひらき、Downloadをタッチ
- ダウンロードする9VAeのアイコンをタッチ
- パソコン版は右上のダウンロードボタン。スマホ、タブレット版はアプリストアから「インストール」して開きます
- Mac版は解凍したあと、右ボタンメニューから「開く」を２回。Win版は「詳細情報」から実行します
- 9VAe Dangla は、スマホでもタブレットでも動きます。２眼表示機能つき
２．画面サイズ：３４４ｘ５１２
- 9VAeはベクターデータなので、ピクセル設定は不要ですが、縦横比率はあわせておく必要があります。
- A4原稿のたてよこ比率は、 210mm：297mmなので、それにあわせて、幅３４４ｘ高さ５１２ としました。
- 原稿画像は任意のサイズに拡大して出力できます
３．コマ割り
コマわりは、専用ツールがあるとよいのですが、今回は、背景ページに、折れ線でかくことにしました
- ページの左側をタッチし、メニューから、「背景ページをいれる」を実行します
- 折れ線入力ボタンをおして、コマをかきます。点を選ぶモードにすれば、選んだ点のたて方向、よこ方向の位置を整列できます
４．縦書きせりふ
- まず、せりふを考えました。
- 9VAeの文字は横書きしかありません。文字属性に縦書きを追加するのはかなり大変です。そこで、選んだ文字を、縦文字に変換する機能を追加しました（Ver.1.6.3）機能は、Shift＋文字入力「A」に割り当てました
- 文字入力ボタンを押して、複数行の文字を入力します
- 文字を選んでから、シフトボタンを押して、文字入力ボタンを押せば、変換します
５．ネームをいれて吹き出しをつける
ページにネームをいれて、ふきだしをつけました
６．キャラクタを配置して形を整える
以前作成した、９べえアニメーションから、キャラクタを取り出して、ページに配置します。顔の表情や手の形を自由に変形できます
- 以前の９べえアニメのパーツを読み込むには、記憶ツールをつかいます。
形を変更するには、点選択モードを使います
７．Openclipartからイラストを読み込む
オープンクリップアートから、SVGイラストを読み込みます。9VAeで、自由に修正できます
- SVGイラストは、ダウンロードしたフォルダから、９VAボタンで読み込みます
８．グループ化、登録、固定をつかってレイアウト
グループ化や、登録、固定をつかって。レイアウトします
- 選んだ図形を、右側のパレットに登録し、
- 固定に設定すれば、選択のじゃまになりません
９．色変換を設定して画像出力
- カラー画像を白黒化すると 中間色になり、いまいちだったので、色変換テーブル機能を追加しました
- 画像出力サイズが不足していたので、４０００以上の画像サイズで出力できるようにしました
- ページの左上をクリックし、メニューから、色変換を入力します
- 色変換が画面にはいります
- カラーパレット、色１をひらきます
- 「画面から色を選ぶ」をクリックして、変換したい色を画面から選びます
- 変換したい色をクリックすれば、その色が色変換の元の色になります
- 色２、が変換先の色になります。白黒原稿をつくるには、白か黒か灰色に設定します
１０．完成原稿
- 画像出力は「ファイルメニュー＞画像出力」です。
- 出力ページを「1-」のように指定すれば全ページPNG画像出力できます。
- 3306x4550 で出力しました（B4 300dpi 相当、コマの外の余裕も含む。参考：シメケンプリント）
- 原稿は主にAmazonFireタブレットで、万博の入場待ち時間に作成しました(^^)/
- 最初がカラー原稿、２番めが白黒原稿です
ひとコマ解説動画の作り方
この記事の動画は、無料ソフト9VAeきゅうべえで作成しています。Youtube動画とアニメGIFやAPNGを同じデータから作れるので便利。スマホでできる。
9VAeきゅうべえのダウンロード
- Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
- iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
- Win / Mac / Linux：9VAeきゅうべえダウンロード
- Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
- 9VAeのボタン説明、メニュー/キー
↑これを見るとダウンロード、キーフレーム補間、SVGイラストをパーツ化して口パクさせる方法がわかります。パソコンでもiPadでも同じ操作です。
- 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定すると解説動画が作れます。
- Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
- FFmpeg を使って Youtube 動画にすることもできます。
画面キャプチャ方法
|
||
|
||
|
ライブラリ＞ Screenshots |
|
| |
|
アルバム＞ スクリーンショット |
|
ファイル |
|
|
スクリーンショット |
|
|
ダウンロード |
キャプチャ画像を9VAeに読みこむ
- 画像入力ボタン「山」でキャプチャ画像を読み込む
- 画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
- 画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」
文字、矢印を入れる
- 文字入力ボタン「A」で数字を入力
- 角の■をドラッグでサイズ変更。
- 中心の「＋」または枠線のドラッグで移動
- 線の種類ボタンをクリック。メニューから「→」で矢印に設定
- 折れ線ボタンをクリック
- 開始点
- 終了点
- 選択ボタンで入力終了
- 太さ設定ボタン。メニューから「太くする」で太くできます。
- 文字入力ボタン「A」で説明文章を入力
- 背景の色を設定
- 線の種類メニューの「ー」で枠線がつきます
- 太さ設定ボタン。メニューから「太くする」で太くできます。
文字の色、縁、影をつける
- 文字を選ぶ
- 文字タブ２をクリック
- 文字の色をクリック
- 赤に設定
- 文字と矢印をドラッグして選ぶ
- 図形タブ１をクリック
- 線の種類から「縁をつける」
- 線の種類から「影をつける」、線の種類から「広く」
- 線の色「赤」
ひとコマアニメーションにする
- ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
- プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
- これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。
アニメGIF、動画出力
- 「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要。Youtube解説 - スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
- アニメGIFは、背景を透明にできます。音がいれられません。
- MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。
9VAeをつかえば素材動画が作れる
- 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
- Openclipart や FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
- 動画編集ソフトで動画に合成できます。
|
OS |
無料動画ソフト |
9VAeで作れる素材 |
|---|---|---|
|
MP4 連番PNG または MP4 |
||
|
MP4 MP4 |
||
|
PowerDirector |
MP4 GIF または MP4 |
作り方
- もっと長いアニメを作ることもできます。以下をご覧ください。
9VAeきゅうべえに関する質問
- 9VAeに関する質問（Yahoo知恵袋）
- よくある質問（Qiita）
- 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。
