「あなたはどんな自分になりたいですか?とある少年の物語」
ゲーム自体は完成しました!
後は公開に向けて準備を進めるだけです。
トップに表示するGIFアニメを作る
RPGアツマールでは
ゲームのトップ画像でGIFアニメが使えるので
ここで表示する用のGIFアニメを作成します。
素材を用意
GIFアニメを作るには
素材の用意する必要があります。
今回はタイトル画面の「ちくわの女神」を
素材に使いました。
用意した素材
1コマ目
2コマ目
3コマ目
4コマ目
この4枚の素材をGIFアニメにします。
ではこれから
GIFアニメを簡単に作成できる方法を2つ紹介したいと思います。
バナー工房
バナー工房にアクセスすると
ブラウザ上で簡単にGIFアニメが作成できます。
詳細な設定はできませんが、
その分、簡単にGIFアニメが作れます。
手順1.バナー工房にアクセス
GIFアニメ作成 - 無料でGIF変換、GIF画像作るならバナー工房
手順2.素材を選択
先ほどのURLにアクセスすると
「1枚目を選択」「2枚目を選択」・・・
というように項目がズラーっと並んでいます。
用意した画像素材を1枚目から順に選択していきます。
手順3.アニメーションの設定
ページの下の方に「点滅間隔」「ループ設定」「最大枚数設定」があります。
点滅間隔
アニメーションの間隔です。
例えば1秒に設定すると、1秒ごとに1コマ進むアニメになります。
ループ設定
アニメーションを繰り返し行うかどうかの設定です。
基本的に「ループする」の設定で問題ないと思います。
最大枚数設定
アニメーションに使う画像の最大枚数です。
枚数が30枚以下なら「30枚」で良いです。
30枚を超えるなら枚数に応じて設定を変えましょう。
GIFアニメを作る
これをクリックすればGIFの作成開始です。
手順4.出来上がったGIFアニメをダウンロード
GIFアニメが出来上がると次のような画面が表示されます。
このページでGIFの出来栄えを確認することができます。
あとは「ダウンロード」をすればGIFアニメの出来上がりです!
ではもう一つの方法。
フリーソフトの「Giam」を使って
GIFアニメを作る方法を紹介します。
手順1.Giamのダウンロード
こちらにアクセスしてGiamをダウンロードします。
「Giam」GIF/MNG形式のアニメーション画像を作成・編集 - 窓の杜
手順2.画像素材を読み込ませる
Giamを起動すると
次のようなウインドウが表示されます。
素材となる画像を読み込ませるには
ウインドウの左半分辺りに
画像をドラッグ&ドロップするだけでOKです。
手順3.アニメーションの設定をする
設定項目が色々ありますが、
ここでは最低限やっておきたい設定だけ紹介します。
ウインドウ右下辺りに ウェイト[1/100s] と書かれた項目があります。
これがアニメーションの間隔となります。
100分の1秒単位で数値を入力します。
バナー工房と違って、コマ毎に間隔を指定できるので
良い感じになるように上手く調整してください。
また、ウインドウ右上の三角マークのボタンをクリックすると
GIFアニメのプレビューが見られます。
手順4.GIFアニメを保存する
「ファイル」>「名前を付けて保存」で
適当に名前を付けて保存します。
保存するときに以下のようなウインドウが表示されます。
(設定によっては表示されない場合もあります)
パレット、最大色数などの設定をして
「OK」をクリックすればGIFアニメが出来上がります。
RPGアツマールに投稿する場合は
トップ画像の容量は100KBまで、と
結構厳しい制限があります。
特に、「最大色数」の設定は
ファイル容量に影響してきます。
どの色数が良いかは画像素材の大きさや色数などの
条件で変わってくるため
これはご自身で色々と試して頂くしかないでしょう。
出来上がったGIFアニメはコチラ!
縦400ピクセル、横400ピクセル
容量約79KB
アツマールに投稿できる容量で作れました。
GIFの作成方法を2つ紹介しましたが、
コマ毎にアニメーションの間隔を変えたかったので
今回はGiamの方を使って作成しました。
明日あたりにでも
ゲームの公開ができればと思っています。
にほんブログ村
ゲーム制作ランキング