https://dnjiro.hatenablog.com/entry/yokotate

横向き動画を縦動画に変換する方法を説明します。

パソコンやスマホでできます。いらすとやを動かす方法はこちら。しゃべる解説はこちら。

ほかの解説動画はこちら。

内容：

解説記事、Youtube、インスタグラム動画を時短で作る方法

解説記事、解説動画は、次のように作れば、効率よく時短でつくれます。

横向き解説動画を、9VAeの「ひとコマ」方式で作成する。普通のタイムラインを使う動画作成方法と比べて、はるかに短い時間でしゃべる解説動画が作成できます（作り方はこちら）音声はテキスト入力、動画の長さが発声の長さに応じて自動調整されるのでせりふの修正が超簡単
横向き動画の各セクションのタイトル、せりふを使ってブログ解説記事を作ります（例は本記事）。9VAeの横向き動画から、せりふを削除し、各セクションごと切り出して、アニメGIF出力して、ブログ記事にいれます。記事はせりふ、画像はアニメGIF出力するだけで、簡単に作れます
横向き解説動画から、縦長解説動画を作成します（作り方はこの記事）。ここでは、背景画像を直接差し替えていますが、アニメキャスト（１ページが横画像、２ページが縦画像）を作って、横向き動画でそれを使っておけば、あとから、アニメキャストの１ページと２ページを入れ替えれば、瞬時にすべての背景画像が縦型にきりかわります。
横向き動画１本から１分以内のショート縦型動画が何本もつくれます。
ショート動画のほうが、横向き動画よりもビューの回数が多いので、横向き動画からショート動画を複数本作成すれば、１００倍ビューを稼げます。縦型動画はそのまま、インスタグラムに使えます

このような作り方ができるのは、9VAeがベクトル方式なので、画質を落とさず、異なるサイズのMP4動画、アニメGIF出力ができること、各パーツを移動して、横型の配置を縦型に変更できるためです。ぜひご活用ください。

１．9VAeきゅうべえのダウンロード

アプリはフリーソフト9VAeきゅうべえを使います。下からダウンロードできます

Win / Mac / Linux：9VAeダウンロード
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
Amazon Fire :
9VAeのボタン説明、メニュー/キー

操作方法

9VAeきゅうべえアニメ研究所をひらき、Downloadをタッチ
ダウンロードする9VAeのアイコンをタッチ
パソコン版は右上のダウンロードボタン。スマホ、タブレット版はアプリストアから「インストール」して開きます
Mac版は解凍したあと、右ボタンメニューから「開く」を２回。Win版は「詳細情報」から実行します

２．横向き動画と縦動画

Youtubeは横向き動画が標準ですが、Youtube ショート、X（Twitter）、TikTokはスマホ向けの縦型動画です。
Instagramは、正方形もありますが、縦型動画も可能です。
縦型動画は時間が短く、Youtubeショートは当初１分（今は３分）です。
Youtube横向き動画を作成し、それを数本の縦型動画に編集して縦型動画のSNSにアップロードすれば、より多くの人にみてもらえます
9VAeの解説動画はこの方法で作っています

３．横画面の動画を開く

操作方法

ファイルメニュー「開く」から横向きの9VAe動画を開きます。表示画面が黒の場合、表示メニュー「ダークモード」で白黒を切り替えできます

４．ページサイズを縦型に設定

画面が縦型か横型かはページサイズできめます

操作方法

スマホ版9VAeの場合、ファイルメニュー「ページ設定」で、２８８x５１２に設定します。パソコン版9VAeの場合、ページメニューの中にあります

５．背景ページを縦型に変更

各ページを縦型に変更していきます。まず背景ページを修正します

操作方法

黒板を選んで左に縮めます
キャラクタを下に移動させます

６．画像を縦に変更

背景の横長の画像は、縦型の画像に変更します

操作方法

横長の画像をタッチして選びます
画像を選んだ状態で、画像を入力すると、同じサイズで画像が差し替えられます。同じ形で差し替えられるので縦型画像が横に伸びた状態になります
中心の「＋」のメニューから「元の大きさにする」を実行します。
サイズと位置を調整します

７．その他のページの内容を修正

操作方法

横向きの内容を縦型画像の内容になるよう変更します。横にならんだ画像を縦に並べ替えました

9VAeの動画の中のパーツは、ばらばらに移動できるので、レイアウトを変更して横向き動画を縦型動画に変更することが簡単です。
縦型の背景をパーツとして用意しておけば、横向き動画を簡単に縦型動画に変更でき、SNS用の動画を効率的に作成できます

9VAeきゅうべえのアニメーションの動作原理については、こちらをご覧ください。＞ベクトルとビットマップの違い

ひとコマ解説動画の作り方

この記事の動画は、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Win / Mac / Linux：9VAeきゅうべえダウンロード
Amazon Fire :
9VAeのボタン説明、メニュー/キー

↑これを見るとダウンロード、キーフレーム補間、SVGイラストをパーツ化して口パクさせる方法がわかります。パソコンでもiPadでも同じ操作です。

9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定すると解説動画が作れます。
Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
FFmpeg を使って Youtube 動画にすることもできます。

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S 無料ソフト「kioku」	クリップボード（ペイントに貼り付けて保存）
Mac	Shift + Command + 4 （ShiftキーはZの左、スペースでウィンドウ指定）	デスクトップ
Android	電源 + 音量Down adbコマンド (開発者向け) adb shell screencap -p /sdcard/screen.png adb pull /sdcard/screen.png	フォトアプリ＞ライブラリ＞ Screenshots
iPhone / iPad	ホームボタン + 電源ボタンサイドボタン + 音量UP	写真＞アルバム＞スクリーンショット
Linux Mint	Print Screen キー	クリップボードファイル
Amazon Fire	電源 + 音量Down １秒長押し USBケーブルでPCと接続し、設定＞接続デバイス＞USB＞ファイル転送	ピクチャ > スクリーンショット
Chromebook	Shift + Ctrl + ウィンドウ一覧キー（上の中央のキー）	マイファイル > ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

画像入力ボタン「山」でキャプチャ画像を読み込む
画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

文字入力ボタン「A」で数字を入力
角の■をドラッグでサイズ変更。
中心の「＋」または枠線のドラッグで移動
線の種類ボタンをクリック。メニューから「→」で矢印に設定
折れ線ボタンをクリック
開始点
終了点
選択ボタンで入力終了
太さ設定ボタン。メニューから「太くする」で太くできます。
文字入力ボタン「A」で説明文章を入力
背景の色を設定
線の種類メニューの「ー」で枠線がつきます
太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

文字を選ぶ
文字タブ２をクリック
文字の色をクリック
赤に設定
文字と矢印をドラッグして選ぶ
図形タブ１をクリック
線の種類から「縁をつける」
線の種類から「影をつける」、線の種類から「広く」
線の色「赤」

ひとコマアニメーションにする

ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。

アニメGIF、動画出力

「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画が作成できます。
Win / RaspberryPi / Linux版でMP4動画を作るには FFmpeg が必要。Youtube解説
スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
アニメGIFは、背景を透明にできます。音がいれられません。
MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。