１万円台の低価格タブレットで、２分割画像を作成する方法

１万円台で入手できる、Android タブレットや Amazon Fireタブレットで、２分割、４分割画像を作成する方法を解説します。いらすとやのイラストを動かす方法はこちら。

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

内容：

１．9VAeきゅうべえのダウンロード
２．画像を１枚読み込む、画像の幅を設定
３．２枚目を読み込む
４．画像を出力
５．４分割画像の作り方
解説動画の作り方

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

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

Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Win / Mac / Linux：無料ソフトでアニメを作ってみよう - Qiita
9VAeのボタン説明、メニュー/キー

操作方法

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

２．画像を１枚読み込む、画像の幅を設定

操作方法

9VAeを起動したら、右側の画像ボタンをタッチし、画像を選びます。スマホ版でパレットが消えている場合は右下の「もどす」ボタン
画像を読み込んだら、ファイルメニュー（パソコン版はページメニュー）から「ページ設定」で、画像の幅を画像２枚分のサイズにします。画像サイズは画像をタッチすれば下に表示されます。（この数値は編集時の仮の値で、実際の画像サイズは出力時に設定できます）
画像をタッチして選択し、配置メニュー（パソコン版は調整メニュー＞整列）から「左に寄せる」。これで画像が左端に配置されます。

３．２枚目を読み込む

操作方法

右側の画像ボタンをタッチし、画像を選びます。
配置メニュー（パソコン版は調整メニュー＞整列）から「右に寄せる」。これで画像が右端に配置され、２分割画像ができます。
左下の虫眼鏡ボタンで全体が見えます

４．画像を出力

操作方法

ファイルメニュー＞画像出力で、画像サイズを設定すれば、PNG画像が出力されます
スマホ版は、端末本体の、ダウンロードのなかの「9VAe」フォルダの中に出力されます。写真アプリでも見えるはずです

５．４分割画像の作り方

操作方法：続けて４分割画像の作り方

ファイルメニュー（パソコン版はページメニュー）から「ページ設定」で、画像の高さを画像２枚分のサイズにします。画像サイズは画像をタッチすれば下に表示されます。（この数値は編集時の仮の値で、実際の画像サイズは出力時に設定できます）
外からドラッグして画像２枚選択
シフトボタンを押してから、選択枠中央の「＋」メニューから「複製」
シフト＋複製で同じ位置に複製されます
配置メニュー（パソコン版は調整メニュー＞整列）から「下に寄せる」。これで画像が下端に配置され、４分割画像ができます。
左下の虫眼鏡ボタンで全体が見えます
左下の画像をタッチして選択
選択枠中央の「＋」メニューから「絵・写真の変更」
右下の画像をタッチして選択
選択枠中央の「＋」メニューから「絵・写真の変更」

これで４分割画像ができました。

ファイルメニュー＞画像出力で、画像サイズを設定すれば、PNG画像が出力されます。

解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

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

Android / Chromebook：9VAeきゅうべえAndroid版、9VAeDangla
iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
Win / Mac / Linux：無料ソフトでアニメを作ってみよう - Qiita
Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
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 で出力するとよいでしょう。