–
–
完成APNG動画(これを作るよ!という話)
ココフォリアに映した映像
OBSで映した場合(画像透過すれば、透過背景になります)
よくある導入(読まなくてもいいやつです)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
キャラクターの瞬きさせたいけど、
フォトショップ買う気がない
AviUtl使えよ、無料だし
OPも作れるようになるぞ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
–
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-1-300x158.jpg)
–
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
そこまではしたくない
はぁ………
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
でも、
キャラの瞬きはさせたい
そんな都合の良い方法が…
あるんですー!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
とかフリしたくねーんだけど
したけど……はぁ…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
なーんか聞いたことあると思ったら
さいとうなおき先生がよくやるやつだわ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/07/6.png)
…方法が……ある…だと…
本当に知らなかった
パターンかよ…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
その前に!イラスト描ける人用のメイキング動画
今回は
「イラストが描けない人用」だから
イラスト描ける人はこっちの方が
参考になるかも
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
–
–
画像の準備
眼を開けている画像と、閉じている画像を用意する
笑顔差分やウィンク差分があると、もっと楽しめます
まず、瞬きに必要なのは
なんだと思う?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
動眼。
眼って言えよ…
まあ、正解。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
ってことで、
今回は「五百式メーカー」様を
お借りして
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
–
![](https://sazano123.com/wp-content/uploads/2021/12/download20211206085748-1.png)
![](https://sazano123.com/wp-content/uploads/2021/12/download20211206085822.png)
五百式メーカー様
![](https://sazano123.com/wp-content/uploads/2021/12/download20211206085958.png)
※笑顔差分は応用編で使います。今は作らなくてもOK!
眼を開けている画像と、
眼を閉じている画像を用意した。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
もちろん、
立ち絵描ける人は書いてもOKだし
依頼する人は
「目を閉じた差分が欲しい」と
言えば良い。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
目を閉じた差分が欲しい
お前は↑の使えー
これで準備完了だな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
APNG瞬きの作り方
さて、使うサイトは
此処になる
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
–
Magical Converterも
試したけど
俺はezgif派だったから
こっちの説明だけな?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-2-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
GIFって書いてあるけど
APNGも作れるから安心しろ
そこのAPNGを押す
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-1-1-1024x538.jpg)
すると、
画像を添付できる画面になるから
「ファイルを選択」を押す
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-3-1024x538.jpg)
画像は「複数選択」を
するようにする
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-4-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/07/2.png)
画像と画像同士が
離れていて複数選択できない
「Shiftキー」を押すと
複数選択できる。
出来たら、
Upload!を押す
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-5-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/07/2.png)
画面が変わった…
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-6-1024x538.jpg)
その画面で、
1→2に変わるタイミングを
調整できる。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-7-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
出来た
なら、
MakePNG押して
完成!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-8-1024x538.jpg)
下に動く画像の
APNGが出てきたら、
保存のボタンを押して
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-9-1024x538.jpg)
ココフォリアで、APNGを使う方法(TPRGセッション、マーダーミステリー等で立ち絵を使う場合の話です)
ただ立ち絵入れるだけだから
説明交代しろ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
ん、適当なコマをクリック
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-10-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
キャラクター編集画面が出るから
名前の横の黒アイコンを押す
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-11-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
変な窓が出るから
「+」ボタン押す
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-12-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
変なの出たら
「キャンセル」で
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-13-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
出来たものが此方
流石!完璧だな!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
立ち絵入れただけで
褒められる世界線…
OBSで直接動かす場合
APNGを「メディアソース」で入れる
APNG直接の動かし方はセカンドステラけいさんに情報提供いただきました!
ありがとうございます。
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
OBSで使ったら固まった
「画像」で入れると固まるが、
メディアソースだけど
出来るらしい
というか、出来たな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
やり方
「+」ボタンを押して
「メディアソース」をクリック
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-19-1024x538.jpg)
画面が出たら、
繰り返しにチェックを打って
参照から画像を選択する
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-20-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
さっき作った画像が
……消えた…だと…?
言い忘れてた
「すべてのファイル」を
選択しないと出てこないから注意!
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-21-1-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
あった
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-22-1024x538.jpg)
出来たのが、
こんな感じだな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/07/2.png)
……笑顔…?
OBSになると
隠されていた感情が…
あ、色々弄った時の
APNGだわそれ
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
魔改造した?
魔ではないけどな、
軽く応用した
内容も書いておく
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
瞬きからの笑顔にした時に使った内容
キャラクターの性格によるから、
この辺りは色々調整して
遊ぶことをお勧めする
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-23-1024x538.jpg)
半目を間に入れるともっとスムーズになります
おわりに
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
Photoshop使わずに
済んでよかったし、
まだまだ応用出来そう
そうだな
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
だから、作ってみた
なんでブエル回した…
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
ブエル回したかったから
そ、そうだな…?
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
おまけ追記(踊っているAPNGを作る場合)
諸事情合って
踊るAPNGを作る時に
困ったから追記
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
![](https://sazano123.com/wp-content/uploads/2022/01/ソロモン悪魔-72柱-90-1024x538.jpg)
![男子D](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-99.png)
踊るシナリオって何
何を言っても
ネタバレになるから駄目
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
–
ココフォリアの部屋の作り方については此方
APNGをもっと極めたい方へ!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-1-1024x538.jpg)
–
クリティカルやファンブルのカットインの出し方は此方から
![](https://sazano123.com/wp-content/uploads/2022/01/Enter-to-win-12-1024x576.jpg)
ブエルについては此処から
![](https://sazano123.com/wp-content/uploads/2021/10/ソロモン悪魔-72柱3-1024x538.png)
TRPGやりたいけど、やったことない人へ
![「TRPGって何?」超初心者向けの簡単なやり方と実践準備編。いあキャラでのキャラクター作成、ココフォリアの使い方から、チャットパレットの設定まで。ルールブックとシナリオさえあれば、すぐ遊べる手前までチャットノベル形式で紹介!(前編)](https://sazano123.com/wp-content/uploads/2021/03/Simple-Work-Blog-Banner-1-1024x576.png)
—
–
—