![](/images/clear.gif)
そろそろ更新しなくては、と思いつつもネタがなく・・・。
で、最近やっている動画アイコン作りを紹介しようかな、と。
とある掲示板用で画面サイズ32×32以下、ファイルサイズ150kb未満
と言う制約内で作ってみましょう。
まずは素材ですが、ブログパーツの中で動いている「路面電車」を使ってみました。
![](https://blogimg.goo.ne.jp/user_image/6a/d7/bc40a3d3bc4a12ee81a182d12c30edab.png)
元が携帯動画(3GP)なのでQTを使ってAVIに変換(エクスポート)します。
次に変換したAVIファイルを VirtualDub で読み込みます。
![](https://blogimg.goo.ne.jp/user_image/64/e0/912b06af00af0d6bf3a88dc56e7a0dd9.png)
ここで不要な部分をカット編集しますが、QTで編集済みならそのまま次の行程に行きます。
後の事を考え、なるべく短くしたほうがいいです。
次に縦横の比が1:1になる様に画面を切り出します。
![](https://blogimg.goo.ne.jp/user_image/6e/03/740fb2dc4b61738ec36a6be0f78a60be.png)
まず、映像→フィルターと選択します。
![](https://blogimg.goo.ne.jp/user_image/3e/ac/00a65e34b8bd7ac20d16e8cc09ecb675.png)
追加を選択
![](https://blogimg.goo.ne.jp/user_image/26/24/e11243c6e68a6034b5400b9d7f217057.png)
resizeを選択しOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/6d/45/09a45608485aac40f5ea7ad470a5c5dc.png)
ここでは何もせず、そのままOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/33/ae/e52f1a29f7f8541fb7ab817a1879e6a0.png)
ここで、切り出しをクリック。
![](https://blogimg.goo.ne.jp/user_image/3c/2f/ad8e11b9ae909489b68fb93139e6729c.png)
ここで切り出す範囲を指定します。
この場合、元画が320×240なので動きを考え、左を60右を20削って
240×240にしています。
範囲が決まったらOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/66/8d/4fc9244f735f222329bb5ef86b7df212.png)
この画面は、そのままOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/09/58/ab717430eeec75c030dc6b1b9d3b388b.png)
これで切り出しが終わりました。
右側の表示が編集後の動画です。
ここで一段落したので、ひとまず名前を付けて保存します。
![](https://blogimg.goo.ne.jp/user_image/68/1d/ac7e52ac5703b0fad96e2d8c7af98770.png)
そして、もうひとつついでに
連番の静止画で保存しておきます。
これは後で使います。
![](https://blogimg.goo.ne.jp/user_image/2a/85/34f86a941049edde0459d6ad6e54716f.png)
ファイルからエクスポート→連番画像の保存・・・を選択します。
![](https://blogimg.goo.ne.jp/user_image/79/94/5aec75d57c09e43d79792fdb7d35ce41.png)
ファイル名の開始番号(N) の所の 3 は連番を3桁で表示する意味です。
後は、予め用意したフォルダを保存先に指定すればOKです。
次はいよいよ縮小です。
先ほどまで作ってきた240×240の動画ファイルが VirtualDub に残っていると思います。
先ほどと同じように、映像→フィルター→resize と選択していきます。
![](https://blogimg.goo.ne.jp/user_image/6f/81/a19af98ebafe70f2e18837a37c0b7965.png)
ここで設定をクリック。
![](https://blogimg.goo.ne.jp/user_image/64/e8/81304e0ad63de43f128012d749a10822.png)
新規設定を32に書き換えます。
![](https://blogimg.goo.ne.jp/user_image/04/f9/ccd76f14dbce0fb2d907c98ef7faee8f.png)
これでOKです。
![](https://blogimg.goo.ne.jp/user_image/7e/b7/5d07885bff66e0be15202ead75864670.png)
この画面もOKです。
![](https://blogimg.goo.ne.jp/user_image/67/91/6f4de59ecb0b8856fcf9ada67cbdfe7f.png)
これで32×32のAVIファイルが出来ました。
これもここで保存しておきます。
今度は保存したファイルを使ってGIFアイコンを作ります。
ここでは Giam と言うフリーソフトを使います
![](https://blogimg.goo.ne.jp/user_image/15/5f/0571618a39547f86f59e3ba93003f82c.png)
ソフトを開いたらドラッグ&ドロップで先ほど保存した32×32のAVIファイルを読み込みます。
後は、コマを全部選択してウエイトでスピード調整をします。
これを保存すれば出来上がりです。
名前を付けて保存しましょう。
![](https://blogimg.goo.ne.jp/user_image/1d/5f/0d38d8d87801e9bd73051df8703ddf5b.png)
![](https://blogimg.goo.ne.jp/user_image/7a/e3/1e9b188be943ee2de291eee22c014071.png)
最大色数は最終的に32色にしました、128色64色では150kbに収まらなかった。
![](https://blogimg.goo.ne.jp/user_image/4c/94/978ee64f60fd069ad11892f0c0aa49ca.png)
これでひとまず完成です。
こんな感じですね
![](https://blogimg.goo.ne.jp/user_image/73/69/b2defe8e000157eaa7922f8a26ed0ce6.gif)
この後はオマケです。
ちょっと前に連番の静止画で保存したファイルがありますね。
それをMame5と言うソフトを使って、連番を逆に付け替えます。
そうしたら、HugFlashと言うソフトを使います
![](https://blogimg.goo.ne.jp/user_image/4c/50/6571eda7b13f2940ede75ee8ede6a69c.png)
右クリックからオプション→連続画像のAVI化を選択
![](https://blogimg.goo.ne.jp/user_image/5a/7d/6bcbe3362427565ff491bc90a749e347.png)
先ほど保存したフォルダを指定します
![](https://blogimg.goo.ne.jp/user_image/0c/4a/59b3cc6eaa3c77f562b88c28fa940f45.png)
FPSの所は2336くらいを入れます。
保存名は分かり易い名前を指定して下さい
HugをクリックでAVIファイルが作成されます。
出来上がったファイルを再生してみましょう。
後は今までやった手順でGIFファイルを作ります
こんな具合に出来ればOKです。
![](https://blogimg.goo.ne.jp/user_image/21/6c/714b5747bf126372329789092a4a168b.gif)
最後は出来上がった2つのGIFファイルを合体させます。
と言っても何も難しい事はありません。
2つのファイルを続けてGiamで読み込むだけです。
これだけで繋がったひとつのファイルになってます、これを保存するだけです。
で、こうなります。
![](https://blogimg.goo.ne.jp/user_image/27/52/29fcb1dafae480fda2334998de5c2a8d.gif)
でもこのままだと288kbもあります。
で、どうするかというと・・・。
理屈は簡単です、一コマ置きにコマを抜いていけばファイルサイズは半分になります。
さて、どうやって・・・。
今まで使ったソフトを応用すればOK。
Mame5を使うと分かり易いです。
で、最終的に出来上がったのがこれです。
![](https://blogimg.goo.ne.jp/user_image/2a/30/f836b1aa7d6d5193c6b6dc9f9550c0ab.gif)
まぁ、方法はまだまだ色々あると思います、ここで取り上げたのは一例です。
やり方次第ではもっと面白いものが作れると思います。
チャレンジ精神旺盛な方は頑張ってみて下さい。
ここまでに使ったソフトは、QTを除いて全部フリーソフトです。
入手方法とか使い方は省かせて頂きました。
で、最近やっている動画アイコン作りを紹介しようかな、と。
とある掲示板用で画面サイズ32×32以下、ファイルサイズ150kb未満
と言う制約内で作ってみましょう。
まずは素材ですが、ブログパーツの中で動いている「路面電車」を使ってみました。
![](https://blogimg.goo.ne.jp/user_image/6a/d7/bc40a3d3bc4a12ee81a182d12c30edab.png)
元が携帯動画(3GP)なのでQTを使ってAVIに変換(エクスポート)します。
次に変換したAVIファイルを VirtualDub で読み込みます。
![](https://blogimg.goo.ne.jp/user_image/64/e0/912b06af00af0d6bf3a88dc56e7a0dd9.png)
ここで不要な部分をカット編集しますが、QTで編集済みならそのまま次の行程に行きます。
後の事を考え、なるべく短くしたほうがいいです。
次に縦横の比が1:1になる様に画面を切り出します。
![](https://blogimg.goo.ne.jp/user_image/6e/03/740fb2dc4b61738ec36a6be0f78a60be.png)
まず、映像→フィルターと選択します。
![](https://blogimg.goo.ne.jp/user_image/3e/ac/00a65e34b8bd7ac20d16e8cc09ecb675.png)
追加を選択
![](https://blogimg.goo.ne.jp/user_image/26/24/e11243c6e68a6034b5400b9d7f217057.png)
resizeを選択しOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/6d/45/09a45608485aac40f5ea7ad470a5c5dc.png)
ここでは何もせず、そのままOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/33/ae/e52f1a29f7f8541fb7ab817a1879e6a0.png)
ここで、切り出しをクリック。
![](https://blogimg.goo.ne.jp/user_image/3c/2f/ad8e11b9ae909489b68fb93139e6729c.png)
ここで切り出す範囲を指定します。
この場合、元画が320×240なので動きを考え、左を60右を20削って
240×240にしています。
範囲が決まったらOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/66/8d/4fc9244f735f222329bb5ef86b7df212.png)
この画面は、そのままOKをクリック。
![](https://blogimg.goo.ne.jp/user_image/09/58/ab717430eeec75c030dc6b1b9d3b388b.png)
これで切り出しが終わりました。
右側の表示が編集後の動画です。
ここで一段落したので、ひとまず名前を付けて保存します。
![](https://blogimg.goo.ne.jp/user_image/68/1d/ac7e52ac5703b0fad96e2d8c7af98770.png)
そして、もうひとつついでに
連番の静止画で保存しておきます。
これは後で使います。
![](https://blogimg.goo.ne.jp/user_image/2a/85/34f86a941049edde0459d6ad6e54716f.png)
ファイルからエクスポート→連番画像の保存・・・を選択します。
![](https://blogimg.goo.ne.jp/user_image/79/94/5aec75d57c09e43d79792fdb7d35ce41.png)
ファイル名の開始番号(N) の所の 3 は連番を3桁で表示する意味です。
後は、予め用意したフォルダを保存先に指定すればOKです。
次はいよいよ縮小です。
先ほどまで作ってきた240×240の動画ファイルが VirtualDub に残っていると思います。
先ほどと同じように、映像→フィルター→resize と選択していきます。
![](https://blogimg.goo.ne.jp/user_image/6f/81/a19af98ebafe70f2e18837a37c0b7965.png)
ここで設定をクリック。
![](https://blogimg.goo.ne.jp/user_image/64/e8/81304e0ad63de43f128012d749a10822.png)
新規設定を32に書き換えます。
![](https://blogimg.goo.ne.jp/user_image/04/f9/ccd76f14dbce0fb2d907c98ef7faee8f.png)
これでOKです。
![](https://blogimg.goo.ne.jp/user_image/7e/b7/5d07885bff66e0be15202ead75864670.png)
この画面もOKです。
![](https://blogimg.goo.ne.jp/user_image/67/91/6f4de59ecb0b8856fcf9ada67cbdfe7f.png)
これで32×32のAVIファイルが出来ました。
これもここで保存しておきます。
今度は保存したファイルを使ってGIFアイコンを作ります。
ここでは Giam と言うフリーソフトを使います
![](https://blogimg.goo.ne.jp/user_image/15/5f/0571618a39547f86f59e3ba93003f82c.png)
ソフトを開いたらドラッグ&ドロップで先ほど保存した32×32のAVIファイルを読み込みます。
後は、コマを全部選択してウエイトでスピード調整をします。
これを保存すれば出来上がりです。
名前を付けて保存しましょう。
![](https://blogimg.goo.ne.jp/user_image/1d/5f/0d38d8d87801e9bd73051df8703ddf5b.png)
![](https://blogimg.goo.ne.jp/user_image/7a/e3/1e9b188be943ee2de291eee22c014071.png)
最大色数は最終的に32色にしました、128色64色では150kbに収まらなかった。
![](https://blogimg.goo.ne.jp/user_image/4c/94/978ee64f60fd069ad11892f0c0aa49ca.png)
これでひとまず完成です。
こんな感じですね
![](https://blogimg.goo.ne.jp/user_image/73/69/b2defe8e000157eaa7922f8a26ed0ce6.gif)
この後はオマケです。
ちょっと前に連番の静止画で保存したファイルがありますね。
それをMame5と言うソフトを使って、連番を逆に付け替えます。
そうしたら、HugFlashと言うソフトを使います
![](https://blogimg.goo.ne.jp/user_image/4c/50/6571eda7b13f2940ede75ee8ede6a69c.png)
右クリックからオプション→連続画像のAVI化を選択
![](https://blogimg.goo.ne.jp/user_image/5a/7d/6bcbe3362427565ff491bc90a749e347.png)
先ほど保存したフォルダを指定します
![](https://blogimg.goo.ne.jp/user_image/0c/4a/59b3cc6eaa3c77f562b88c28fa940f45.png)
FPSの所は2336くらいを入れます。
保存名は分かり易い名前を指定して下さい
HugをクリックでAVIファイルが作成されます。
出来上がったファイルを再生してみましょう。
後は今までやった手順でGIFファイルを作ります
こんな具合に出来ればOKです。
![](https://blogimg.goo.ne.jp/user_image/21/6c/714b5747bf126372329789092a4a168b.gif)
最後は出来上がった2つのGIFファイルを合体させます。
と言っても何も難しい事はありません。
2つのファイルを続けてGiamで読み込むだけです。
これだけで繋がったひとつのファイルになってます、これを保存するだけです。
で、こうなります。
![](https://blogimg.goo.ne.jp/user_image/27/52/29fcb1dafae480fda2334998de5c2a8d.gif)
でもこのままだと288kbもあります。
で、どうするかというと・・・。
理屈は簡単です、一コマ置きにコマを抜いていけばファイルサイズは半分になります。
さて、どうやって・・・。
今まで使ったソフトを応用すればOK。
Mame5を使うと分かり易いです。
で、最終的に出来上がったのがこれです。
![](https://blogimg.goo.ne.jp/user_image/2a/30/f836b1aa7d6d5193c6b6dc9f9550c0ab.gif)
まぁ、方法はまだまだ色々あると思います、ここで取り上げたのは一例です。
やり方次第ではもっと面白いものが作れると思います。
チャレンジ精神旺盛な方は頑張ってみて下さい。
ここまでに使ったソフトは、QTを除いて全部フリーソフトです。
入手方法とか使い方は省かせて頂きました。
![](/images/clear.gif)
![](/images/clear.gif)