–
–
![](https://sazano123.com/wp-content/uploads/2022/03/E-1wrrzVgAcu1_C.jpg)
前略:何も分からなくて、
賽振マーチさんに助けて頂きました。
(シノビガミもマーチさんに教えてもらいました)
この記事で、APNGが簡単に作れるようになるとどうなるの?
AntiUtlでAPNGを作れるようになる!
イラストに簡単にエフェクトが付けられるようになる為、演出の幅が広がる。
飛び跳ねたり、機械的に登場したり、砂の様に消えたり…etc
AntiUtlでAPNGを出力するきほんの「き」を応用すれば
ココフォリアOPも作れるようになる
※また今度、ココフォリアOPの作り方記事も作ります。
–
クリスタで作る場合のapng参考ツイート
4分でわかる!かも
クリスタだけでココフォリア部屋APNGを作ろうのコーナー① pic.twitter.com/Z4FNtaRTYk— ハッカミコット/ヤビ💪@新規〆 (@mint_mikoto) February 14, 2023
導入
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
Aviutl、分からない
–
もし、宜しければ
確認いたしましょうか?
(直接見た方が
色々確認できるのかなと……!)
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
マーチさんSDのillustration:おおかみ魔女エトワール様
ダウンロードの準備
はじめに!
Aviutl用の新規フォルダを作っておく!
まずダウンロードする為の
ファイルを作りましょう。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
タイトルは
どうすればいいですか?
![](https://sazano123.com/wp-content/uploads/2022/03/image-11.png)
フリーソフトという名前の
フォルダを作って
その中に
AviUtlのフォルダを作ると
管理が楽です。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-8-1024x538.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
できました!!!
ダウンロードするもの
①AviUtlのお部屋
Aviutl、拡張編集Plugin
②AviUtl 物置 – JPN takeshima
APNG 出力プラグイン ver.007 (2012-08-06)
展開for出力プラグイン アニメーション効果スクリプト ver.001(2015-01-10)
③さつきさんのスクリプト
一括のもの
一から
ダウンロード
していきますね
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
AviUtlのお部屋
AviUtl本体の
ダウンロードからです
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
めっちゃ文字があるけど
何をダウンロードすれば
良いですか?
「AviUtl本体」と
「拡張編集」です。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
いっぱいありますが、
最新版だけを
ダウンロードすれば
OKです~
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/名称未設定のデザイン-25-1024x538.jpg)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-1024x538.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
良く分からないのが
いっぱい
ダウンロードされた…
ダウンロードしたら、
フリーソフトファイルに
全部入れ込んでください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
AviUtl 物置 – JPN takeshima
今の状態だと
「APNG」が出力出来ないので
出力できるソフトを
ここでダウンロードしましょう。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
–
–
「展開For
出力プラグイン」を
ダウンロード
してください~
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-2-1024x538.jpg)
scriptファイルの作成について
※2022.3.16加筆追記
「展開For
出力プラグイン」を
ダウンロードしたら
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-5-1024x538.jpg)
フリーソフトのファイルの中に
「script」と書いたファイルを作り
その中にダウンロードした中身を
全部入れて下さい
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
APNG出力プラグイン
ダウンロードしたら
ページを結構下げて
「APNG出力プラグイン」を
ダウンロード!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-3-1024x538.jpg)
pluginsファイルの作成について
この
「APNG出力プラグイン」
ですが
ダウンロード後
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-6-1024x538.jpg)
「Plugins」と言う名の
ファイルを作り
その中に中身を
全部入れて下さい!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
さつきさんのスクリプト BowlRollより
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-4-1024x538.jpg)
scriptファイルの作成について
このスクリプトですが、
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-5-1024x538.jpg)
先程作った
Scriptフォルダに
入れて下さい
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
他の方のスクリプトを
ダウンロードした時も
この「script」ファイルに
入れればOKですか?
その通りです
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
現在進捗の確認
こんな感じで
ファイルが3つと
Aviutl本体、
後は色々なファイルが
ある状態であればOKです!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
※Backupファイルはない可能性がありますが、気にしなくてもOKです。
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px.jpg)
Aviultを起動してみる!
お待たせしました、
では起動してみましょう
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-1.jpg)
–
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
起動しました!!!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px.jpg)
再生ボタンの表示し方
再生ボタンの表示仕方を
伝えますね
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
ファイルタブをクリック
→環境設定
→システムの設定を
押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-1.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
何か出てきた!
「再生ウィンドウの動画~」の部分
チェックを押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-2.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
押しました!!!
なら、
一度Aviutlを
再起動しましょう
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-3.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
再生ボタンが
付きました!
Aviutlで画像を貼り付ける方法
実際に
画像を貼り付けて
エフェクトを付けて見ましょうか
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
「設定タブ」クリックの
拡張編集の設定を押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
※拡張編集の設定が出ない場合は、
拡張機能ソフトのダウンロードが出来ていないか
ファイルに入っていない可能性があります。
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-4.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
何か出てきました!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-5.jpg)
なら、その場所で
右クリック!
からの
新規プロジェクトの作成!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-6.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
新規プロジェクトの作成の
ページに行きました
サイズは自由に選択して
OKを押してください!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-7.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
黒いのが出てきました
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-8.jpg)
そうしたら、
また同じ場所を右クリック!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
メディアオブジェクトの追加
→画像ファイルを
クリックして下さい!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-9.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
画像ファイルくん…
新しい仲間が
増えたわね
「参照ファイル」を
クリックすることで
画像を挿入することが出来ます!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-10.jpg)
–
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
よし、なら
私を入れよう…
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-11.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E_8cUeyUYAMhRX_-300x300.jpg)
びっくりするほど
画像が出てこなかった…
青いバーの部分を
クリックしながら
00:00:00のところに
動かしてください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-12.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
見た!動かした!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-13.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出てきた!
上の拡大率を
小さくすると
画像が小さくなります
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-15.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
ついでに
透過画像にした
Aviutlで画像にエフェクトを付ける方法
では画像ファイル設定の
適当な部分で
右クリックを押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
フィルタ効果の追加
→アニメーション効果を
選択しましょう
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-16.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
画像ファイルに
もう一つメニューが増えた
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-17.jpg)
今は「震える」という
アニメーションエフェクトが
付いているので
この画像が震える状態になります
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
主張が激しい…。
アニメエフェクト、
かなりあるから色々選べるな…
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
ランダムラスターにした
※さつきさんのスクリプトによって、
かなりのアニメーションエフェクトが増えております。
APNG出力の仕方
失敗例
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出力は
プラグイン出力
→APNG出力!
(失敗例です)
※APNG出力も追加プラグインをダウンロードすることで出来るようになります。
(上の説明にあるものを全部インストールすればOKです!)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-18.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
そして、
出来たものが
此方
![](https://sazano123.com/wp-content/uploads/2022/03/残像だ.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E_8cUeyUYAMhRX_-300x300.jpg)
!?
大丈夫です。
手順が多いですが
説明していきますね
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
AviutlでのAPNG出力の仕方(ただしい)
まず、青いバーを
右クリックして
コピーをしましょう
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
–
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-20.jpg)
それから
「Root」をクリックして
Scene1を選択
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-21.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
選択したら、
なにもなくなった!!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-22.jpg)
大丈夫です。
Layer1を右クリックで
貼り付けをして下さい
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-23.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
帰って来た…!
状態を確認したら
Scene1を右クリックし、
シーンの設定をクリック
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-24.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
シーンの設定は
どうすればいいですか?
シーン名は
てきとうなやつで良いです
それと
「アルファチャンネルあり」に
必ずチェックを打ってください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-26.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
チェックした!
それなら、シーンを
Rootに戻しましょう
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-28.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
戻りました!
なら、
青いバーを選択して
「削除」をクリック
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-29.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E_8cUeyUYAMhRX_-300x300.jpg)
け、消しました…
なら、
Layer1の部分で右クリック
メディアオブジェクトの追加
→シーン
を押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-31.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
!!!
蘇った…!!
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-32.jpg)
そして、これに
APNG出力をする為の
アニメーションエフェクトを
付けていきます
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
まずシーン設定で右クリックをし
フィルタ効果の追加
アニメーション効果を選択して下さい
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-34.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出来た。
また震えてる
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-35.jpg)
そのアニメーションを
「展開for出力プラグイン」
にして下さい
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-36.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
変な形になりました!
拡大率を50にまで
下げると、
二つ同じ形が並ぶから
それで完成です
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-37.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出来た!
長さの調整
今だと尺が余りにも短くて
APNGが
すぐ終わってしまうので
長くさせましょうか
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
Rootの下にある
青いバーをクリックしながら
動かしてください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
こうですか?
そうです。
青い部分が多い程、拡大
黒い部分が多い程、縮小です。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
今は、1秒にも
満たないAPNGですね!
短い!
その場合、青いバーの端に
カーソルを近付けると
拡大縮小ができますよ!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-41.jpg)
尺を伸ばし過ぎた場合の修正方法
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-42-1.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
伸ばしたけど、
5秒ぐらいで良かったかな…?
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-43.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
減らしました
これだけだと
再生時間が変わらなくて
画像が映る時間だけ
カットされていることに
なっちゃいますね…
![](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b2_mini.png)
青いバーの終わりをクリックして、
|←のようなボタンを
クリックしてください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-47.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
範囲選択出来たら、
一部が青くなった
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-50.jpg)
青い部分を右クリック
→選択範囲の削除を押して
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-46.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
削除しました
確認方法は
灰色の線と青いバーの終わりが
同じになっていればOKです
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-51.jpg)
APNG出力の方法(前回と一緒)
これで先程行った
APNG出力をします。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
ファイルタブをクリック
→プラグイン出力
→APNG出力を選択します
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-38.jpg)
ループの回数はお好きな数で
「右半分を
不透明度として扱う」は
チェックが必須です!
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-39.jpg)
設定が完了したら
保存ボタンを押します
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/image-12.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出来た…!
ココフォリアでの動作確認(TRPGで使いたい場合の説明)
どの形式でも良いので、
載せて見ましょう。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
注意書きが出たら、
必ず「キャンセル」を
押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-52.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
こんな感じにできました
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
でも、
周りの余白が邪魔で
使いにくいな…
それなら、
少し容量も下げて
余白も消す方法
お教えしますね
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
要らない余白を消して、画像容量を下げる方法
流れとしては
静止画にして、
つなぎ合わせる作業をします。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
成程
APNGの余白を消す方法
そして、これが
余白も容量も変更できる
静止画作成ツールです。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-720-×-508-px.jpg)
①画像を入れ込む
まず先程の画像を
ドラックドロップして
入れ込んでください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-9-1024x538.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
入れたら、
クローン養成施設みたいになった
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-720-×-508-px-1.jpg)
大丈夫です。
では、その下にある
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
設定の部分を
説明しますね
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-10-1024x538.jpg)
トリミング(余白の部分を消す作業)
トリミングで
余白を消します
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
トリミングをクリック
「最初のトリミングを全てに適用」
を押してから
編集画面を押してください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-11-1024x538.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
虚無空間に
取り残されている私だ…
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-720-×-508-px-2.jpg)
囲えば、
余白を削除できます
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-720-×-508-px-3.jpg)
減色(容量を抑える設定)
減色の設定です。
これは37色ぐらいにしても
大差ないです
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
ココフォリアに入れる時は
画像容量が大きいと
弾かれちゃうので
此処で調整しています。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-13-1024x538.jpg)
APNG静止画としての出力方法
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-15-1024x538.jpg)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
また量産される
クローン達
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-720-×-630-px-720-×-508-px-4.jpg)
これが編集した静止画です。
下にある
一括ダウンロードを押して
お持ち帰りしてください
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/image-14.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
出来た…
静止画にしたPNGを繋ぎ合わせてAPNGに戻す方法
アニメ画像に変換する君を
使います
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
ダウンロードし終わって
起動すると
この画面に行くと思います
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
先程作ったファイルを
ここに入れましょう。
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a3_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-53.jpg)
動きが大丈夫そうなら、
「アニメ画像を保存する」で
APNG画像の完成です
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/最新版をダウンロードする-900-×-630-px-54.jpg)
完成図動画
完成したものの比較です
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_a1_mini-246x300.png)
![のざさ](https://sazano123.com/wp-content/uploads/2022/03/E6quoeQVcA0v8uz-300x300.jpg)
37色でもそこまで
違いが分からない!すごい!
おわりに
今回はココフォリアで
動く画像を作る時には
欠かせないAPNGの話でした
![賽振マーチさん](https://sazano123.com/wp-content/uploads/2022/03/marchi_SD_b4_mini-246x300.png)
![](https://sazano123.com/wp-content/uploads/2022/03/E-1wrrzVgAcu1_C.jpg)
元々マーチさんが
動画で纏めようとしていた内容を
私が悩んでいたから、
教えて下さったのです…
とてもやさしい世界…
賽振マーチさんの解説動画講座
![](https://sazano123.com/wp-content/uploads/2022/03/E-1wrrzVgAcu1_C.jpg)
動画説明の方が良い方は
マーチさんの動画を
是非ご覧くださいませ!
MP3などの動画をAPNGにして、ココフォリアに載せることがメインの動画です…!
動画を作成することが出来る方はぜひご覧ください!
関連記事
キャラクターコマに瞬きをさせるとても簡単なやり方!
(まばたきのみなら、此方の方が遥かに楽です)
![](https://sazano123.com/wp-content/uploads/2021/12/クリック-21-1024x538.jpg)
–
ココフォリアでの部屋の作り方(初回分)
![](https://sazano123.com/wp-content/uploads/2021/10/名称未設定のデザイン-2021-10-19T231031.792-1024x538.png)
–
–
クリティカル・ファンブルのカットインの出し方
![](https://sazano123.com/wp-content/uploads/2022/01/Enter-to-win-12-1024x576.jpg)
–
–