ツクラーりずむ

RPGツクールでのゲーム制作や音ゲーなどについて書いていくブログ

【ゲーム制作】初心者OK!GIFアニメを簡単に作る方法2つ

f:id:destor1899:20190105143639p:plain

「あなたはどんな自分になりたいですか?とある少年の物語」

ゲーム自体は完成しました!

後は公開に向けて準備を進めるだけです。

 

トップに表示するGIFアニメを作る

f:id:destor1899:20190110134050p:plain

RPGアツマールでは

ゲームのトップ画像でGIFアニメが使えるので

ここで表示する用のGIFアニメを作成します。

 

素材を用意

GIFアニメを作るには

素材の用意する必要があります。

今回はタイトル画面の「ちくわの女神」を

素材に使いました。

用意した素材

1コマ目

f:id:destor1899:20190110134435p:plain

2コマ目

f:id:destor1899:20190110134505p:plain

3コマ目

f:id:destor1899:20190110134525p:plain

4コマ目

f:id:destor1899:20190110134542p:plain

この4枚の素材をGIFアニメにします。

 

ではこれから

 GIFアニメを簡単に作成できる方法を2つ紹介したいと思います。

 

バナー工房

バナー工房にアクセスすると

ブラウザ上で簡単にGIFアニメが作成できます。

詳細な設定はできませんが、

その分、簡単にGIFアニメが作れます。

 

手順1.バナー工房にアクセス

GIFアニメ作成 - 無料でGIF変換、GIF画像作るならバナー工房

 

手順2.素材を選択

先ほどのURLにアクセスすると

「1枚目を選択」「2枚目を選択」・・・

というように項目がズラーっと並んでいます。

用意した画像素材を1枚目から順に選択していきます。

f:id:destor1899:20190110135022p:plain

手順3.アニメーションの設定

ページの下の方に「点滅間隔」「ループ設定」「最大枚数設定」があります。

 

f:id:destor1899:20190110135243p:plain

点滅間隔

アニメーションの間隔です。

例えば1秒に設定すると、1秒ごとに1コマ進むアニメになります。

ループ設定

アニメーションを繰り返し行うかどうかの設定です。

基本的に「ループする」の設定で問題ないと思います。

最大枚数設定

アニメーションに使う画像の最大枚数です。

枚数が30枚以下なら「30枚」で良いです。

30枚を超えるなら枚数に応じて設定を変えましょう。

GIFアニメを作る

これをクリックすればGIFの作成開始です。

手順4.出来上がったGIFアニメをダウンロード

GIFアニメが出来上がると次のような画面が表示されます。

f:id:destor1899:20190110135919p:plain

このページでGIFの出来栄えを確認することができます。

あとは「ダウンロード」をすればGIFアニメの出来上がりです!

 

 フリーソフト「Giam」を使う

ではもう一つの方法。

フリーソフトの「Giam」を使って

GIFアニメを作る方法を紹介します。

手順1.Giamのダウンロード

こちらにアクセスしてGiamをダウンロードします。

「Giam」GIF/MNG形式のアニメーション画像を作成・編集 - 窓の杜

手順2.画像素材を読み込ませる

Giamを起動すると

次のようなウインドウが表示されます。

f:id:destor1899:20190110140659p:plain

素材となる画像を読み込ませるには

ウインドウの左半分辺りに

画像をドラッグ&ドロップするだけでOKです。

f:id:destor1899:20190110140815p:plain

手順3.アニメーションの設定をする

設定項目が色々ありますが、

ここでは最低限やっておきたい設定だけ紹介します。

ウインドウ右下辺りに ウェイト[1/100s] と書かれた項目があります。

これがアニメーションの間隔となります。

100分の1秒単位で数値を入力します。

バナー工房と違って、コマ毎に間隔を指定できるので

良い感じになるように上手く調整してください。

また、ウインドウ右上の三角マークのボタンをクリックすると

GIFアニメのプレビューが見られます。

手順4.GIFアニメを保存する

「ファイル」>「名前を付けて保存」で

適当に名前を付けて保存します。

保存するときに以下のようなウインドウが表示されます。

(設定によっては表示されない場合もあります)

f:id:destor1899:20190110141601p:plain

パレット、最大色数などの設定をして

「OK」をクリックすればGIFアニメが出来上がります。

 

RPGアツマールに投稿する場合は

トップ画像の容量は100KBまで、と

結構厳しい制限があります。

特に、「最大色数」の設定は

ファイル容量に影響してきます。

どの色数が良いかは画像素材の大きさや色数などの

条件で変わってくるため

これはご自身で色々と試して頂くしかないでしょう。

 

出来上がったGIFアニメはコチラ!

f:id:destor1899:20190110143101g:plain

縦400ピクセル、横400ピクセル

容量約79KB

アツマールに投稿できる容量で作れました。

 

GIFの作成方法を2つ紹介しましたが、

コマ毎にアニメーションの間隔を変えたかったので

今回はGiamの方を使って作成しました。

 

明日あたりにでも

ゲームの公開ができればと思っています。

  

にほんブログ村 ゲームブログ ゲーム制作へ
にほんブログ村


ゲーム制作ランキング