文字や図形のアウトライン化：ひとコマ解説

文字や図形を無料アプリをつかってアウトライン化する方法を説明します。文字に動きをつけたいならこちら。

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

文字のアウトライン化 

• フリーソフト9VAeきゅうべえは、文字を回転させることができません。しかし、文字をアウトライン化し、図形にすれば、自由自在に変形できるようになります。

Vectornator (Linearity Curve)で文字のアウトライン化：iPhone / iPad / Mac の場合

iPhone / iPad /Mac の場合、Vectornator (Linearity Curveに名称変更) が使えます。

• Vectornator（Linearity Curve）ダウンロード

1. Vectornator (LinearityCurve) を起動。iPhone か iPadの場合、保存先を本体にするとよいでしょう。
2. 「＋」ボタンで新規作成。用紙サイズは「A4」にしました。
3. 「あ」ボタン
4. 画面をドラッグして文字をいれる領域を設定し、文字を入力します。
5. 選択ボタン
6. 文字を選択
7. iPhone縦なら下の「＾」ボタンで文字スタイルがでてきます。
8. フォント、フォントタイプ（太さなど）、サイズなどが変更できます。
9. ブラシボタンで元の画面に戻ります。
10. 上向矢印で保存します。
11. 「SVG」をタッチ
12. 「テキストからアウトラインを作成」をON
13. 「ファイルに保存」
14. 9VAeでよみこむには「9VAe」フォルダに保存します。
15. 「保存」

1. 9VAeで「ファイル＞開く」を実行し、保存したSVGを開きます。
2. 左側パレットの下を押せば、画面が広がります（スマホ版）
3. 文字を選び、選択枠中央の「＋」をタッチし、メニューから「ゴム変形」
4. 上にドラッグすれば、文字が湾曲します。

LibreOffice で文字をアウトライン化：Windowsの場合

Windows版の9VAeきゅうべえは、LibreOffice の「フォントワーク」でコピーしたものを、貼り付け（ペースト）操作で入力できます。グラフ入力などにも使えます。（9VAe Windows版だけの機能です）

• LibreOffice ダウンロード

1. LibreOfficeを起動。挿入メニューから「フォントワーク」
2. 「Simple」
3. 文字をクリックして選択し、入れたい文字に変更します。
4. 選択枠の上の辺のハンドルをドラッグして高さを調整
5. 編集メニュー＞コピー
6. 9VAeを起動。編集メニュー＞貼り付け。これで文字が入ります。
7. 選択枠中央の「＋」をタッチし、メニューから「ゴム変形」
8. 上にドラッグすれば、文字が湾曲します。

内容：

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

使い方.youtube

上を見るとダウンロード、形の変形、SVGイラストをパーツ化する方法がわかります。

• 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に読みこむ

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

文字、矢印を入れる

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

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

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

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

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

アニメGIF、動画出力

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

作り方

• CapCut用動画素材の作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。

CapCutの使い方：ひとコマ解説

Capcutの使い方を説明します。

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

内容：

CapCut とは

• CapCut は、TikTok 用動画を作成するために開発された、スマホ用の動画編集アプリです。Windows10/11、macOS 10.14- でも動きます。無料でいろんな動画編集ができます。

• iPhone / iPad / Mac 10.14- ダウンロード
• CapCut Android / Chromebook ダウンロード
• CapCut Windws10-（64bit）ダウンロード

CapCutと9VAeの関係

• 9VAeきゅうべえは、広告や課金のない完全無料のモーショングラフィックスアプリです。イラストや写真を読み込んでCapCut用の動画素材を自作できます。無料のCapCutで見つからない素材や効果を使いたい場合、9VAeでフリー素材を読み込んで動きをつければ、好きな素材がつくれます。プロは Adobe Premiere と After Effects を組み合わせて動画作成しますが、CapCut と 9VAe もそのような関係です。

サンプル動画の作成

CapCutの使い方を説明するため、サンプル動画を9VAeで作成しました。他の動画をつかってもかまいません。

1. 9VAeを起動。ヘルプメニューから「カニとたたかう」
2. 右下の空白をタッチするとパレットが消え、表示画面が広くなります。
3. ファイルメニュー＞動画出力
4. サイズの横幅を空白にします。空白にすると横幅の値が自動設定されます。
5. サイズの縦を１０８０にします。
6. 秒コマを３０にします。
7. OKでMP4動画が作成されます。

動画の不要なシーンをカット(分割と削除)

CapCut の使い方を説明します。

1. Capcutを起動。「新しいプロジェクト」をタッチ
2. 編集したい動画をタッチ。
3. 下の「追加」ボタンで編集スタート。
4. 下の動画トラックを左にドラッグし、分割したいコマを表示します。
5. 「分割」で２つに分割されます。
6. 削除したいほうをタッチします。
7. 「削除」で削除されます。
8. プレイボタンで再生してみましょう。

CapCutのロゴを削除

CapCutのロゴは削除できます。

1. 動画トラックを左にドラッグして一番最後を表示
2. CapCutロゴをタッチ
3. 「削除」
4. プレイで再生してみましょう

トリミング（上下左右を縮める）

動画の端のいらない部分を削除するやり方

1. 「編集」をタッチ
2. 下のバーを左にドラッグして「編集」を表示します。
3. 「編集」をタッチ
4. 「カット」
5. 「９：１６」にしました。もし動画に合わせて不要な部分を削除したい場合は「カスタム」を選びます。
6. 「V」で設定完了
7. プレイで再生してみましょう。

縦横変換

動画全体の縦横比率を変更したいとき

1. フォーマット
2. 縦横比率を選びます
3. 上の編集画面上を２本指でさわって画面を拡大縮小したり、表示位置を修正したりできます。

文字テロップを入れる

テキストで文字が入れられます。文字を自由に動かしたい場合は9VAeをつかうとよいでしょう。

1. テキスト
2. テキストを追加
3. 文字を入力すると上にはいります。ドラッグで位置の変更、右下のドラッグでサイズ変更できます。
4. 下のバーの長さを調節すれば、文字が表示される時間を調整できます。
5. スタイル
6. スタイル
7. 縁取り文字。下のカラーパレットで色を変更できます。

吹き出しの入れ方

• テキスト＞テキストテンプレート＞上の分類を左にドラッグして「泡」。これでいろんな吹き出しがいれられます

音楽の入れ方

CapCutを使うと簡単に音楽を入れられます。

1. オーディオ
2. 楽曲（動画から選ぶ場合は「抽出済み」）
3. ジャンルを選ぶ
4. 好きな音楽を選んで「＋」をタッチ（もし、端末内部の音、音楽を選びたい場合は、フォルダアイコンで切り替えて、「デバイスから」ボタン）
5. 音楽のトラックが追加されます。動画と長さを合わせるために、左にドラッグします。
6. 音楽トラックをタッチ
7. 分割
8. 後ろの音楽をタッチ
9. 削除
10. プレイ

• 「楽曲」でなく「抽出済み」をタッチすれば、動画を選んで「音声のみをインポート」で動画のなかの音を入れることができます。
• フリー音楽素材の入手方法はこちら
• Capcutのバージョンによって、いったん動画出力するまで、音量調整やフェードができないものがあるようです。カメラロールに出力し、再読み込みして「オーディオ抽出」すると音量調整やフェードができるようになります。

音の調節（音量、フェードイン、フェードアウト）

1. 音声トラックをタッチ。もし音声トラックがなければ、動画トラックをタッチして「オーディオを抽出」ボタン。音のトラックが下にできます。
2. 「音量」ボタン。スライダを左右にドラッグして音量調節できます。
3. 「フェード」ボタン。「フェードインの時間」で開始時の音量が０になります。「フェードアウトの時間」で終了時の音量が０になります。指定した時間で音量が変化します。

音を消す（音だけ取り出す）

1. 音入りの動画をCapCutで開きます
2. トラックをタッチして選びます。
3. 「オーディオを抽出」ボタン。音のトラックが下にできます。
4. 音のトラックをタッチして選びます。
5. 「削除」

オーバーレイ＞はめこみ合成で、音入り動画をいれたあと、上の方法でオーディオを抽出し、動画トラックを削除すると音だけ追加できます。

回転

９０度ずつ回転

1. 「編集」をタッチ
2. 下のバーを左にドラッグして「編集」を表示します。
3. 「編集」をタッチ
4. 「回転」
5. 「回転」
6. 「回転」
7. プレイで再生してみましょう。

速度調整（早送り、スロー再生）

1. トラックをタッチして選びます。
2. 「速度」ボタンを押します。（速度ボタンがないバージョンもあるようです）
3. 「通常」ボタンを押して速度を調整します。「曲線」ボタン「カスタム」ボタンを順番におすとグラフで速度を変化させることができます。

明るさ調整、色調整

1. トラックをタッチして選びます。
2. 「調整」ボタンを押します。
3. 「明るさ」ボタンを押し、スライダを左右にドラッグして調整できます。
4. 「飽和色」「色合い」ボタンで色調整できます。

タイムラインの拡大・縮小

1. タイムラインを２本指でさわって、そのまま指の間を広げると拡大（ピンチアウト）
2. ２本指を近づけると縮小（ピンチイン）。画像の拡大・縮小と同じ操作です

せりふ、口パクキャラクタの作り方

作り方

ハートの背景素材の作り方

作り方

作り方

はめ込み合成（グリーンバック合成）

1. 入力した動画を右にドラッグ（上図ａ）して動画素材をいれたい場所に移動します。
2. 「はめ込み合成」ボタン（上図ｂ なければ「オーバーレイ」の中）をタッチ 。グリーンバック動画を追加します。

   

3. グリーンバック動画が選ばれた状態で、下のメニューを左にドラッグ（上図ｈ）し、「クロマキー」ボタン（上図ｉ）をタッチ
4. 「カラーピッカー」ボタン（下図ｊ）をタッチ。

   

   上のプレビュー画面の緑色の部分をタッチ（上図ｋ）すれば、カラーピッカーの右側に「濃度」「シャドウ」ボタンが現れます。
5. 「濃度ボタン」（上図ｌ）をタッチし、上のスライダー（上図ｍ）を右側に移動させると。緑色の部分が透明になります。（上図）

グリーンバック動画素材の作り方

• CapCut用動画素材の作り方

動画出力

上向矢印で動画出力します。

1. 上向矢印で動画出力します。
2. そのあと、シェアする方法を選びます
3. パソコンに転送したい場合は、iOSなら「その他」＞「ファイル」＞「iCloud」に保存（iPhoneとPCの転送はこちら）Androidなら「その他」＞「ドライブ」でGoogleドライブに保存するとよいでしょう。
4. Youtubeに投稿する場合は、Youtubeアプリから保存したMP4動画を選んで投稿します。

• パソコン版CapCutの場合、ムービーフォルダ＞CapCutの中に動画が出力されます。写真にいれたい場合は、写真アプリ＞ファイル＞読み込む　で出力した動画を読み込むとよいです

出力解像度、フレームレート

• 上の説明の動画出力ボタンの左側の「1080p」のタッチで出力動画の解像度やフレームレートが変更できます。出力ファイルが大きすぎる場合、推定ファイルサイズをみて調整しましょう。

パソコン版CapCutの使い方

パソコン版CapCutは、スマホ版と同じ様な機能が使えますが、画面が広いため、最初から複数トラックが入力できるようになっており、メニュー構成が異なります。

www.youtube.com

CapCut Web版（ブラウザ版）

• Chromebookでは、CapCutWeb版がインストールされるようになりました。つかいたい動画素材をCapCutサイトにアップロードする必要がありますが、ストレージが少ない Chromebook でも動画編集できます。

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

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

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

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード
Mac	Shift + Command + 4 （スペースでウィンドウ指定）	デスクトップ
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 + ウィンドウ一覧キー（上の中央のキー）	マイファイル > ダウンロード

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

音声合成でしゃべる解説動画の作り方

アニメ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で作成する素材動画
Windows	AviUtl	連番PNG または MP4
Mac/iPhone/iPad	iMovie	MP4 または　QuickTime(古いMac)
Android	PowerDirector	GIF または MP4

作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

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

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

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。

初心者むけ、Unityのはじめ方：ひとコマ解説

初心者が Unityをはじめる方法を説明します。

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

Unityとは

• Unity は、３次元グラフィックスをつかったゲームや教材など様々なコンテンツを開発、公開、販売ができる、ツール・素材・サービスの集合体です。
• 開発ツールはOSごとに異なります。ユーザーアカウントは、Webサービスで共通です。それらを UnityHub というアプリで管理しています。
• Unity をはじめるには、まず、（１）UnityHubをインストールする。（２）アカウント登録しログインする。（３）Unity Editor などのツールを、UnityHub経由で取得する。という手順を踏みます。

	種類	内容
Unity	サイト	Unity Hubダウンロード チュートリアル コンテンツ公開、販売
Unity Hub	アプリ	開発ツールの管理 プロジェクトの管理
Unity Editor	アプリ	プロジェクト開発環境

以下の資料を参考にしました。

• Unity - Qiita
• Unity ゲーム・・iOS, AndroidはPro版で有料みたい
• デスクトップ版個人開発は無料 。ダウンロードはこちら

Unity は、mouse E10 のような１万５千円のノートPC(販売終了)でも動きます。ただ、C ドライブが小さい格安ノートだと、SDカードをつかって、Cドライブを増やし、インストール先を変更するほうがよいです。古いパソコンだと描画性能不足でインストールできないかもしれません。

Unity Hub ダウンロード

• ここから Unity Hub をダウンロード

• 完了すると、Unity Hub が開き、(1)アカウント作成 (2)サインイン (3)UnityEditor ダウンロード画面になります。

Unity Hub からアカウント作成、Editorダウンロード

• Unityアカウントを作るには、メールアドレス、パスワードが必要です。Googleアカウント、Facebookアカウント、Apple IDでもかまいません。
• アカウント作成したら、サインインし、Editor (Unityの開発環境)をダウンロードします。Mac だと M1 CPU用と、Intel CPUがあります。

Learningで使い方を学ぶ

• Unity Editorをダウンロードしたら、Unity Hub ＞NewProject  から、lerningプロジェクトをダウンロードして使い方を勉強しましょう。
• 左の Learning からいろんな教材をダウンロードできます。実際のEditor上で操作が学べます。

• 2D Platformer は簡単な横スクロール型のゲームサンプルです。LEGO Microgameは3次元のゲームです。「Tutorial」をひらき、右下の「Start」をおすと、実際のエディタでどう操作するか順番に教えてくれます。操作を間違えると次に進めないので、必ず理解できるでしょう。
• プロジェクトを保存したフォルダが読み書き禁止になっていた場合、Learningが次に進めなくなることがありました。フォルダのセキュリティ設定（右ボタンプロパティ）でフルコントロールに設定しましょう。

保存先フォルダの変更

mouse E10 のように C ドライブに空きがないパソコンの場合、 Unity Hubの保存先を別のドライブに変更しましょう。

1. Unity Hubの歯車ボタンをクリックします。
2. 「Projects」
3. プロジェクトの保存先フォルダを設定します。
4. 「Installs」
5. Unity Editor の保存フォルダを設定します。

３次元立体に、動画をはりつけてみよう

もっとも簡単なプロジェクトをつくって動かしてみましょう。

1. UnityHub Project 右上の「NewProject」をクリック
2. 「3D Core」を選ぶ。
3. 名前をつけて
4. 「CreateProject」。これでEditorが開きます。
5. Editorにアクセスを許可。空のプロジェクトが起動します。
6. メニュー「GameObject（ゲームオブジェクト） > 3D Object（３Dオブジェクト） > Cube（キューブ）」
7. Cube の「Scale（スケール）」を「X16 Y12」に変更。Cubeの大きさが４：３のスクリーンに変わります。
8. なんでもよいので、外からMP4動画をドラッグ。9VAeのサンプルでもかまいません。(1) 9VAe「ヘルプメニュー＞練習用＞カニとたたかう」(2) ファイルメニュー「動画出力」でMP4動画を作成できます。
9. 下にはいった動画をドラッグして Cube に重ねる。これで、Cubeの表面が動画になります。
10. Cubeの「VideoPlayer」の「WaitForFirstFrame（最初のフレームを待つ）」をOFF、「Loop（ループ）」をONにしましょう。
11. Playボタンで、再生するはずです。
12. 動画の上下左右が反転しているので、Scale（スケール）の「X」を -16 、「Y」を-12にします。
13. Playボタンで、再生してみましょう。

UnityEditorの左側が、プロジェクトの構造をあらわすリスト（ヒエラルキー）でここに部品が並びます。部品を選ぶと、右側に部品の属性（インスペクター）が表示されます。下は素材（プロジェクトフォルダの中にあるファイル）です。

バーチャルカメラで３次元のなかを動く

Cinemachine バーチャルカメラで、Cubeに貼り付けた動画を、遠くから近づいてみてみましょう

1. UnityEditor > Window（ウィンドウ） > PackageManager（パッケージマネージャ）
2. 左上 Packages:（パッケージ） を「Unity Registry（レジストリ）」に変更
3. 右上の検索窓で「Cinemachine」を検索
4. Cinemachine を選びます
5. Install（インストール）
6. 右上「X」で閉じます
7. GameObject（ゲームオブジェクト） > Cinemachine > Virtual Camera でバーチャルカメラを入れます
8. GameObject > Cinemachine > Dolly Track with Cartで Cart（台車）とTrack（レール）を入れます
9. 左の Dolly Track を選びます
10. WayPoints ０（レールの開始点）、１（レールの終了点）のZ座標をそれぞれ「-50」「10」に変更します。これで、より遠くから接近するようになります。
11. Looped にチェックをいれます。これでレールの上を台車が往復します
12. DollyTrack の Position（位置） Y を「-6」にします。これで、レールがスクリーンの一番下を通り抜けることになります。
13. 左の CM vcam1 を選びます。
14. Follow を、「Dolly Cart」 に設定します。これでカメラが台車といっしょに動きます。
15. Look at を「Cube」に設定します。これでカメラが自動的にスクリーンをみるようになります。
16. 左の DollyCart を選びます。
17. 「Speed（速度）」を「５」に設定します。
18. プレイボタンでカメラの映像をみてみましょう。下のようになりました。もし動かなかったら、CM vcam1  の「Body」の右側の設定が「Transposer」になっているか確かめてください。

これは9VAeの動画クリップをはりつけた例ですが、同様にして、いらすとやのイラストなども貼り付けられます。shader を Sprite/default にすると外側が透明になります。

日本語化

Unity Editor > Edit > Preference で言語指定するのですが、その前に、UnityHub で、日本語を追加しておく必要があります。また、一部しか日本語化されません。

1. UnitiHub >歯車ボタン
2. Appearance
3. 「日本語」に変更
4. Xで閉じます
5. インストール（Installs）
6. 歯車ボタン＞モジュールを加える（Add Modules）
7. 「日本語」にチェック
8. インストール（Install）
9. Unity Editor を起動。 Edit > Preferences
10. Languages
11. 「日本語」に変更
12. Xで閉じます

LEGO Learning Project をやってみよう

３次元空間での物体の作り方は独特です。Learningで実際に操作して練習するのがわかりやすいです。

1. UnitiHub >プロジェクト（Project）
2. 新しいプロジェクト（NewProject）
3. 使い方を学ぶ（Learning）
4. LEGO Microgame
5. プロジェクトを作成（Create Project）。はじめて作成する場合、テンプレートのダウンロード、年齢の確認などが求められます。
6. Load tutorials
7. 右側の「Start」で開始します。最初にゲームを実際に操作します。
8. プレイボタンで、ゲームスタート。キー操作でキャラクタを操作できます。スペースでジャンプします。
9. このゲームは、最初はクリアできないようになってます。「Next」ボタンを押していくと、ゲームをつづけるために、プレーヤーの速度をあげたり、空中に橋を設置したり、そのために、物体の配置や、３次元での視点変更などの操作を順番に練習していきます。Unity の使い方がわかると、ゲームがクリアできるようになっています。

内容：

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

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

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード
Mac	Shift + Command + 4 （スペースでウィンドウ指定）	デスクトップ
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 + ウィンドウ一覧キー（上の中央のキー）	マイファイル > ダウンロード

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

キャプチャ画像から解説動画の作り方

アニメGIF、動画出力

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

9VAe は素材動画が作れる無料アプリ 

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

OS	フリーソフト	9VAeで作成する素材動画
Windows	AviUtl	連番PNG または MP4
Mac / iPhone / iPad	iMovie	MP4 または　QuickTime(古いMac)
Android / Chromebook / iPhone / iPad	PowerDirector CapCut	GIF または MP4 MP4

作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター/CapCut用グリーンバック動画を作る方法

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

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

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。

9VAeきゅうべえの動画出力時間を比較。１位７秒、最下位10分

動画素材作成フリーソフト9VAeきゅうべえの動画出力時間を比較しました。

• 作成した動画は、9VAeのヘルプ＞練習用にある「カニとたたかう」27秒です。
• これを、960 x 720 、30fps の MP4動画にしました。
• パソコン、スマホ、タブレットで手動で計測しました。

機種	OS	CPU	メモリ	出力時間
Macbook Air (M1 2020)	macOS Monterey	Apple M1	8GB	7秒
iPhone XR	iOS 16.6	Apple A12 Bionic	3GB	12秒
Macbook Pro (Late 2013)	macOS Big Sir	Intel Core i7	16GB	14秒
iPad (第7世代 2019)	iPadOS 15.4	Apple A10	3GB	16秒
iPhone 6s	iOS 15.4	Apple A9	2GB	21秒
Mac mini (Late 2014)	macOS Catalina	Intel Core i5	4GB	25秒
Lenovo IdeaCenter240	Windows11	Intel Core i5-10400T	8GB	30秒
mouse E10	Windows10	Intel Celeron N4000	4GB	1分
iPad (第4世代)	iPadOS 10.3	Apple A6X	1GB	1分6秒
ドン・キホーテ U1	Windows10	Intel Atom Z8350	4GB	1分44秒
Google Pixel 6a	Android 14	Google Tensor	6GB	2分20秒
Google Pixel 3a	Android 12	Qualcomm® SnapdragonTM 670	4GB	2分47秒
ASUS C223N	ChromeOS101 64bit	Intel N3350	4GB	3分1秒
Lenovo S330	ChromeOS100 32bit	MediaTek MT8173C	4GB	3分43秒
Amazon FireHD10 (第13世代)	FireOS 8	MediaTek MT8186A 8コア	3GB	4分20秒
Amazon Fire7 (第9世代)	FireOS 7	MediaTek MT8163V/B	1GB	8分43秒
Raspberry Pi 2B	Raspbian Stretch	Broadcom BCM2837	1GB	9分50秒

わかること、感想

• M1 Macbook Air はやはり速いです。７秒
• Amazon Fire 7 (第9世代) は、３千円で入手できましたが遅いです。８分
• 新しいiPad は無印でも速いです。１６秒。古い iPad の４倍も速いです。
• 1万5千円の mouse E10 は、少し前の格安 Chromebook より速いです。１分
• 新しいドンキU1Cは、Celeron N3350 で、もっと速いかも。Unityも動くかも。
• Chromebook は、OSが軽いので、非力なCPUでメモリが少なくても軽快に動くといいますが、Googleドキュメントは速いのですが、作り方が悪いアプリは速く動かないかも。
• Android / Chromebook が遅いのは、9VAeアプリのせいもあります。連番画像作成の処理が遅いです。
• ラズベリーパイ、時間がかかるけど、ちゃんと動画ができます。

なお、Amazon Fire 7 は動画出力に８分もかかりますが、9VAeきゅうべえ編集中は動画を作成しないので、軽いです。

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

www.youtube.com

上を見るとダウンロード、形の変形、SVGイラストをパーツ化する方法がわかります。

低価格 Windows タブレットの Cドライブを増やす方法：ひとコマ解説

Chromebookより安い２万円程度で Windowsノートパソコン が入手できるようになってきました。低価格Windows にマイクロSDカードを入れて C ドライブの代わりにする方法を解説します。この方法で、mouse E10 に、Unity をいれることもできました。

ほかの解説動画はこちら

 SDカードの中にハードディスクのかわり（仮想ディスク）を作成する

• マウスコンピュータ mouse E10 や、ドン・キホーテ U1C は、メモリ４GB、ストレージ６４GB が２万円程度で入手できる激安 Windows パソコンです。キーボードをはずせばタブレットにもなり、mouse E10 には筆圧ペンまでついています(販売終了)。
• ただ６４GB だと、 C ドライブに Visual Studio などのプログラミング開発環境をいれると、容量不足で OSのアップデートができなくなります。しかし、SDカードには、Visual Studioがいれられません。
• 1000円程度で入手できる ３２GB のマイクロSDカードを、仮想ディスク（VHD）にすると、Cドライブのかわりに開発環境やプロジェクトをいれることができます。その方法を紹介します。

仮想ディスク（VHD）の作り方

３２GB 以上のマイクロSDカードをセットして以下の操作をします。

1. Windowsボタンを右クリック（または長押し）から「ディスク管理（Disk Management）」を実行します。Windowsボタン＞設定＞「ディスク管理（Disk Management）」を検索してもよいです。
2. 検索した場合、見つかった項目（ハードディスクパーティションの作成とフォーマットなど）をクリックすると「ディスクの管理（Disk Management）」が開きます。
3. 下にあるSDカード（左側の表示がリムーバブル）のバーを右ボタンクリック。メニューから「フォーマット」を実行。
4. ファイルシステムは「NTFS」にします。FAT32だと数GBのファイルしか保存できないので、NTFSにしなければいけません。フォーマットにより中身はすべて消去されます。★★かならずリムーバブル（Removable）を確認★★
5. OKでフォーマットを実行
6. 「操作メニュー（Action）＞ＶＨＤの作成（Create VHD）」を実行。
7. 「参照ボタン（Browse）」でSDカードの中の仮想ディスクのファイル名を設定。
8. 左側でSDカードを選びます。
9. 短い半角英数名がおすすめ。好きな名前を設定
10. 「保存（Save）」
11. 最大サイズを設定します。３２ＧＢのＳＤだと、２８ＧＢぐらいのファイルが作れます。
12. 単位を「GB」に変更
13. 「OK」ボタン
14. ファイルの作成には時間がかかります。ファイルができると、ＳＤカードの下に「ディスク２」のバーができます。見えなければウィンドウを縦にのばしてください。最初は「初期化されていない（Not Initialized）」「未割り当て（Unallocated）」となっています。左側の「初期化されていない」を、右ボタンクリックし「ディスクの初期化（Initialize Disk）」を実行。
15. GPTパーティションでかまいません。「OK」で初期化を実行。
16. 左側の表示が「オンライン（Online）」にかわります。右側の「未割り当て（Unallocated）」を、右ボタンクリック。「新しいシンプルボリューム（New Simple Volume）」を実行。

仮想ドライブを作成し、自動的にマウントするよう設定

上の操作につづいて、つぎの操作を実行します。

1. 「次へ（Next）」を何回かクリックし「NTFS」フォーマットのボリュームを作成します。
2. 作成が完了（Finish）すると、ドライブが割り当てられ、保存ができるようになります。この中に、Visual Studio をインストールすることができます。

仮想ディスクVHDファイルのショートカットをスタートアップに入れて自動マウント

• PCを再起動すると、最初、仮想ディスクVHDは単なるファイルです。
• 仮想ディスクファイルVHDをダブルクリックすれば、マウントされ、仮想ディスクが使えるようになります。
• VHDファイルを右ボタンでクリックし「ショートカットの作成（Create shortcut）」でショートカットを作ります。これを、スタートアップフォルダにいれて、起動時に実行するようにします。
• スタートアップフォルダは、Windowsボタンと「R」を同時におし、「ファイル名を指定して実行（Run）」で「shell:startup」で開きます。この中に、VHDのショートカットを入れます。
• パソコンを再起動して、EドライブができればOKです。

ドライブ名変更の注意

• パソコン再起動時に、VHDにEドライブが割り当てられるのに少し時間がかかります。その前にUSBメモリなどを差すと、USBメモリがEドライブに割り当てられてしまい、VHDドライブが Fドライブになってしまうことがあります。こうなると、Eドライブにインストールしたプログラムが使えません。VHDにEドライブが割り当てられてからUSB機器をさすようにしましょう。
• Fドライブに割り当てられたVHDを、Eドライブに戻すには、次の様にします。

  

1. Windowsボタン＞「ディスク管理」を検索します。
2. 見つかった項目（ハードディスクパーティションの作成とフォーマットなど）をクリック
3. ドライブ名を変更したいドライブを右ボタンでクリック。「ドライブ文字とパスの変更」
4. 変更したいドライブ名を選んで「変更」

■Unity インストール

• Unityは、初心者でも３次元ゲームがつくれる開発環境です。mouse e10 にも入れることができます。入れ方はこちら
• 標準では、Cドライブにはいるため、ツールや プロジェクトの保存先を、仮想ディスクに変更しましょう。

■Visual Studio インストール

Unityをはじめ、いろんなアプリ開発につかわれるプログラミング開発環境です。

1. ダウンロードはこちら  
2. 古い Visual Studio を使っていた場合は、先に削除しましょう。ツールメニュー＞「ツールと機能を取得」＞Visual Studio Installer が起動します。「閉じる」＞「インストール済み」タブ 「その他＞アンインストール」
3. Visual Studio Installer から、Visual Studio Community をインストールします。
4. 「インストールの場所」タブで、上の２つの場所はCドライブ以外に変更できます。ただし、SDカードのようなリムーバブルディスクは選べません。上のように仮想ドライブを準備しておく必要があります。
5. インストール場所を設定後、「ワークロード」タブで、言語やツールを選びます。Windows用アプリを作りたい（C++/WinRT）の場合は、「C++によるデスクトップ開発」、「ユニバーサルWindowsプラットフォーム開発」を選びます。
6. 不足していたモジュールは、あとから「個別のコンポーネント」タブで追加できます。

サンプルの動画編集プログラム(MediaEditing) をビルドして実行

1. ここ GitHub を開く
2. 「Code」ボタンの右側の▼をクリック。メニューから「Download ZIP」をクリック。Windows-universal-samples-main(.zip) がダウンロードフォルダに入手できます。
3. ダウンロードフォルダを開く。Windows-universal-samples-main(.zip) を右ボタンでクリック。メニューから「すべて展開」を実行。「展開」ボタンをおすとダウンロードフォルダの中に「Windows-universal-samples-main」ができます。
4. 「Windows-universal-samples-main」の中の「Samples」フォルダの中にたくさんのサンプルがはいっています。
5. この中の「MediaEditing」を開きます。「cpp」の中にC＋＋、「cs」の中にC＃プログラムがはいっています。
6. 「cpp」の中の「MediaEditing.sln」をダブルクリックします。
7. Visual Studio が起動します。
8. メニューバーの下の「Debug▼」「ARM▼」「リモートコンピュータ▼」がありますが、「ARM」の右側の▼をクリック。「x86」に変更します。「リモートコンピュータ」が「ローカルコンピュータ」に変わります。
9. 「ローカルコンピュータ」をクリックすると、ビルド（プログラムから実行系を作る作業）が始まります。成功するとアプリがインストールされます。
10. 初回、「開発者向け設定」画面が開きます。自作アプリをインストールするには「任意のソースからのアプリのインストール（開発者モード）」をオンにします。
11. ドン・キホーテノートでも「MediaEditing」サンプルが起動しました。1) Trimming and Saving a clip をクリックすると、「1 Choose Video」「2 Trim Video」「3 Save Result」ボタンが表示されます。「1 Choose」ボタンで動画を選択。「2 Trim」で動画の前、後ろを削除。「3 Save Result」で、結果を保存できます。
12. このサンプルを手掛かりに、WinRT アプリを作っていく過程はこちら

Visual Studioでよく使うキー

• Alt ＋B のあと B    ビルド
• F5  実行、続きを実行
• F9  ブレークポイント ON/OFF
• F10  ステップ実行
• F11  関数の中にはいる
• Shift＋F11  関数から外に抜ける 

Visual Studio メモ

• 右側がソリューションエクスプローラで、プロジェクトに含まれるファイルなどが表示
• ソリューションエクスプローラの親を右ボタンでクリックし、「スタートアッププロジェクトに設定」すると、右向き▲ボタンでこのプロジェクトが実行される。
• ソリューションエクスプローラの親を右ボタンでクリックし、一番下の「プロパティ」を開くと、コンパイラー、リンカーなどの設定がみえる
• プロパティの $(ProjectDir); はプロジェクトがあるフォルダ（.vcxproj, .sln）ほかの意味はこちら
• ビルドすると下に結果が表示される。下の「出力」タブを押すとエラーが見える
• プロパティの $(GeneratedFilesDir); は、x86, x64, ARM などのCPUフォルダ

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

使い方.youtube

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

• 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
• Youtube動画より作成が簡単で、スクロールしなくても見えるのが特長です。
• Youtube 動画にすることもできます。

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード（ペイントに貼り付けて保存）
Mac	Shift + Command + 4 （スペースでウィンドウ指定）	デスクトップ
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に読みこむ

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

文字、矢印を入れる

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

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

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

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

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

アニメGIF、動画出力

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

作り方

• CapCut用動画素材の作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。

スマホ画面をキャプチャする方法：ひとコマ解説

スマホ画面をキャプチャ（スクリーンショット）して転送する方法を説明します。

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

iPhone / iPad の画面キャプチャ

• ホームボタン + 電源ボタン
• サイドボタン + 音量UP

の同時押しで画面キャプチャできます。

画像は、「写真」アプリの「スクリーンショット」に入ります。

iPhone のキャプチャ画像を取り出す方法

• 写真アプリのスクリーンショットにはいっているので、選択して、ファイルアプリで、iCloudに保存すると、Mac、Windows版 iCloudで読み込めます。
• iPhone版9VAeで編集する場合は、「このiPhone内」 の 9VAe または 9VAeDanglaフォルダに保存します。

  

android / chromebook の画面キャプチャ

•  電源 + 音量Down

の同時押しで画面キャプチャできます。

画像は、「フォト」アプリ、「ライブラリ」の「Screenshots」に入ります。

android のキャプチャ画像を取り出す方法

• フォトアプリのスクリーンショットにはいっているので、長押し選択し、Googleドライブに保存すると、パソコンの Googleドライブでダウンロードできます。
• android 版9VAeで編集する場合は、スマホ内の 9VAe または 9VAeDanglaフォルダに保存します。

  

内容：

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

• 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
• Youtube動画より作成が簡単で、スクロールしなくても見えるのが特長です。
• Youtube 動画にすることもできます。

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード
Mac	Shift + Command + 4 （スペースでウィンドウ指定）	デスクトップ
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に読みこむ

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

文字、矢印を入れる

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

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

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

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

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

アニメGIF、動画出力

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

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

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

OS	フリーソフト	9VAeで作成する素材動画
Windows	AviUtl	連番PNG または MP4
Mac/iPhone/iPad	iMovie	MP4 または　QuickTime(古いMac)
Android	PowerDirector	GIF または MP4

作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

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

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

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。

Skype の無料オンライン部屋を作るには：ひとコマ解説

Skypeで、無料のオンライン会議部屋（Meet Now）を作る方法、参加方法を説明します。

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

■ Skype Meet Now とは

• 50名まで無料でオンライン会話ができるサービスです。
• アプリなし、アカウントなしで、会議室を作成できます。
• アプリなし、アカウントなしで、会議に参加できます。
• 画面共有、テキストチャットあり。

■ Skype Meet Now 会議室の作り方（スマホでもできます）

● Skype はこちら

1. Skype のサイト（https://www.skype.com/ja/）を開きます。
2. 「無料ビデオ通話を作成する」ボタンをクリックします。
3. 会議室の名前をつけます。これで会議室の作成完了。
4. コピーボタンで会議室リンクがコピーされるので、参加者に伝えます。

■Skype Meet Now 会議室への参加方法

会議室のリンクをクリックします

1. リンクをクリックすれば会議に参加できます。
2. ゲスト参加ならアカウント登録不要です。
3. 「ゲストユーザー」を会議で表示する名前に変更します。
4. 今すぐ参加。
5. マイクやカメラへのアクセス許可がもとめられるので「OK」
6. 下をクリックするとマイクやカメラON/OFF ボタンが現れます。
7. 赤い受話器ボタンで退出します。

内容：

---

解説動画の作り方

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

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

• Win / Mac / Linux /ラズベリーパイ：無料ソフトでアニメを作ってみよう - Qiita
• iPad / iPhone：9VAeDanga (Apple)、9VAePro (Apple)
• Android / Chromebook：9VAeきゅうべえAndroid版（Google Play）
• Amazon Fire : 9VAeきゅうべえFire版 (Amazon)
• 9VAeのボタン説明

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

画面キャプチャ方法

OS	画面キャプチャ方法	保存先
Windows	Print Screen キー Shift + Windows + S  無料ソフト「kioku」	クリップボード
Mac	Shift + Command + 4 （スペースでウィンドウ指定）	デスクトップ
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に読みこむ

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

文字、矢印を入れる

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

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

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

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

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

アニメGIF、動画出力

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

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

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

OS	フリーソフト	9VAeで作成する素材動画
Windows	AviUtl	連番PNG または MP4
Mac/iPhone/iPad	iMovie	MP4 または　QuickTime(古いMac)
Android	PowerDirector	GIF または MP4

作り方

• AviUtl動画に合成する方法 (Windows)

• グリーンバック動画を作成してiMovieに合成する方法 (iPhone/iPad/Mac)

• PowerDirector でグリーンバック動画を入れる方法（Android 他）

• キネマスター用グリーンバック動画を作る方法

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

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

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

• 9VAeに関する質問（Yahoo知恵袋）
• よくある質問（Qiita）
• 本記事の文章、図、アニメは複製自由です。教材、解説記事にご利用ください。