タブレットで、2分割画像、4分割画像を作成する方法 - dnjiro’s 9VAe blog

dnjiro’s 9VAe blog

誰でもアニメが作れる無料ソフト9VAeきゅうべえ開発者のブログ

タブレットで、2分割画像、4分割画像を作成する方法

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

ほかの解説動画はこちら

内容:

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

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

操作方法

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

2.画像を1枚読み込む、画像の幅を設定

操作方法

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

3.2枚目を読み込む

操作方法

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

4.画像を出力

操作方法

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

5.4分割画像の作り方

操作方法:続けて4分割画像の作り方

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

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

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

 

 

 


解説動画の作り方

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

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

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

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

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
(ペイントに貼り付けて保存)
 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 1秒長押し
  • USBケーブルでPCと接続し、
    設定>接続デバイス>USB>ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー(上の中央のキー)
マイファイル >
ダウンロード

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

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

f:id:dnjiro:20220119095713g:plain

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

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

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

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

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ2をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ1をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

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

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

アニメGIF、動画出力

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

 

 

9VAeをつかえば素材動画が作れる 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

無料動画ソフト

9VAeで作れる素材

Windows

CapCut

AviUtl

MP4

連番PNG または MP4

Mac/iPhone/iPad

CapCut

iMovie

MP4 

MP4

Android

CapCut

PowerDirector

MP4

GIF または MP4

作り方

 

      • もっと長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ:長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問