終わらないアニメ「パラレル」

終わらないアニメ「パラレル」

かわいいキャラクター達のほのぼのアニメとイラスト・ブログ

GIFアニメの作り方 3 -GIF変換フリーサイト-

f:id:PaRaLLeL:20190526164133j:plain

 

今回はいよいよGIF変換作業を行いたいと思います!

 

パラレルはAdobeのPhotoshopを使っていますが

ソフト持ってない!って人もいるかと思いますので

今回はオンラインで無料で作れるサイトをご紹介したいと思います。

 

今までの「GIFアニメの作り方」記事を読んでる前提で話を進めるので

まだ読んでいない人はこちらから読んでもらえるとわかりやすいと思います。

 

www.parallel-gif.info

 

 

オンラインフリーGIF変換サイトとは?

オンラインフリーGIF変換サイトとは

ソフトをインストールする必要がなく、

サイト上で手軽に簡単にGIFアニメを作ることができます。

 

設定も簡単で素材さえあれば手軽にできるので

はじめての人、すぐGIFに変換したい人にはおススメです!

 

ただ、細かい設定ができないものが多いため、

GIFのクオリティにこだわり出すと設定が少し物足りない感じもします。

 

慣れてきてもっとこだわりたい人は

ソフトでの変換を検討してみるのもいいかと思います。

変換サイトの種類

GIF変換といってもいくつか種類があります。

 

大きく分けると2パターン

 

・動画からGIFに変換するサイト

・画像(JPEG等)からGIFに変換するサイト

 

今回のこの講座は「GIFアニメ」なので

後者の画像からGIFに変換するサイトに絞ってご紹介します!

 

*スマホなどで撮影した動画をGIFに変換したい方は

前者の動画からGIFに変換するサイトを検索してみてくださいね。

変換サイト利用時の注意点

GIF変換に限らずオンラインやサイトのものを使う際には

サイト毎に利用規定があります。 

 

各サイトでご利用、また作ったものを発表する際は

必ずサイトの利用規定を確認してください。

 

変換や作ったものの発表に関しては自己責任でお願いします。

GIF変換サイト

変換サイトは多く存在しますがその中でいくつかご紹介!

使い方の説明もしていきますので

講座最初で用意した画像を使って変換するとどうなるかも検証しました。

 

使った画像はこちらです。

f:id:PaRaLLeL:20190506155852j:plainf:id:PaRaLLeL:20190506155900j:plain

 

GIFMAGAZINE / GIF MAKER

パラレルもお世話になっているサイトGIFMAGAZINE!

こちらで公開している「GIF MAKER」を使うと変換できます。

 

GIFMAGAZINE / GIF MAKER

https://gifmagazine.net/converters/movie_to_gif

 

<使い方>

サイトにアクセスすると下記画面になります。

f:id:PaRaLLeL:20190526145120j:plain

画像からGIF作成する」をクリック。

 

f:id:PaRaLLeL:20190526145411j:plain

上記画面で「1枚目を選択する」をクリックし、用意した画像1枚目を選択。

続けて、「2枚目を選択する」で2枚目の画像を選択します。

 

次に「点滅の間隔を選択してください」で

これは前回のフレームレート(fps)のことなので

0.1秒が一番早く、3秒が一番遅くの設定になります。

(どれが自分好みかテストしてみるといいと思います)

 

最後に「変換する」をクリック。

 

f:id:PaRaLLeL:20190526150106j:plain

こちらの画面に行くとGIF変換されたもの(動き)が確認できます!

(自分のイメージと違う場合は前に戻るで設定を変えてみてください。)

 

問題なければ「ダウンロード」をクリックすると

GIFデータをゲットできます!

*そのままTwitterにも投稿できると思います。

(GIFMAGAZINEとの連携が必要かもしれません。)

 

ちなみに0.5で作ってみたものがこちら

f:id:PaRaLLeL:20190526151039g:plain

 

設定はフレームレートのみなのでとても簡単に作成することができます!

 

<GIF MAKERの特徴>

・とにかく簡単でわかりやすい!

 

 

簡単な分、画像サイズや色数の設定はできないようなので

画像作成時点で調整が必要かなと思います。

 

 

またGIFMAGAZINEはGIFの投稿もできて

いろんな人に観てもらえる機会にもなるので興味あれば

GIFMAGAZINEにアカウント登録して作ったGIFアップしてみてください。

 

GIFMAGAZINE パラレルページ

https://gifmagazine.net/users/82998/profile

 

バナー工房 / GIFアニメ作成

ここのサイトはいろんな画像変換ができるようで

その中で「GIFアニメ作成」のページでGIF変換ができます。

 

バナー工房 / GIFアニメ作成

https://www.bannerkoubou.com/anime/

 

<使い方>

サイトにアクセスすると下記画面になります。

f:id:PaRaLLeL:20190526153631j:plain

1枚目を選択」をクリックし、に各用意した画像を選択します。

2枚目を選択」以降も同様です。

 

f:id:PaRaLLeL:20190526153911j:plain

下の方にスクロールしていくと、下記設定が出てきます。

 

点滅間隔」→フレームレート(fps)です。

こちらでは0.1秒~7秒と0.1秒刻みで細かい設定ができます。

 

ループ設定」→ループするか、しないかの設定です。

特に意図がなければそのまま「ループする」でいいと思います。

 

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

30枚~80枚まで設定できるます。(今回は2枚なので特に変更なし)

 

最後に「GIFアニメを作る」をクリック

 

f:id:PaRaLLeL:20190526154513j:plain

この画面で動きの確認ができます。

 

<バナー工房の特徴>

・フレームレートの設定幅が多い

・ループ設定ができる

 

こちらも画像サイズと色数設定はできないので

画像作成時の調整が必要ですね。

 

せっかくなのフレームレート変えて0.3で作ったものがこちら

f:id:PaRaLLeL:20190526154722g:plain

 

iLOVEIMG

こちらも画像をいろんな形へと変換してくれるサイトで

その中の「JPGをGIFに変換」のページでGIFアニメが作れます。

 

iLOVEIMG

https://www.iloveimg.com/ja/jpg-to-image/jpg-to-gif

 

<使い方>

サイトにアクセスすると下記画面になります。

f:id:PaRaLLeL:20190526155506j:plain

JPG画像を選択」をクリック、用意した画像を選択。

 

f:id:PaRaLLeL:20190526160032j:plain

」ボタンでさらに2枚目と必要な枚数入れていきます。

 

f:id:PaRaLLeL:20190526160216j:plain

設定項目は右の項目

アニメーションGIF」を選びます。

 

画像あたりの秒数」→フレームレート(fps)*最低0.5秒以上みたいです。

ループ」→そのままチェックありで無限ループ

 

最後に「画像を変換する」をクリック。

 

 

f:id:PaRaLLeL:20190602172648j:plain

ここではプレビューは出ないようです。

Google Chomeだと自動でダウンロードが始まります。

ダウンロードが始まらない場合は「変換後の画像をダウンロードする」をクリック。

 

<iLOVEIMGの特徴>

・シンプル!

・プレビューがないのでちょっとわかりにくい

 

こちらはフレームレート0.7で作ったもの

f:id:PaRaLLeL:20190526161812g:plain

他の画像での変換例

まばたき

GIF MAKERで0.1で変換(1、3枚目は同じ絵を使ってます)

f:id:PaRaLLeL:20190526162318g:plain

文字だけ

GIF MAKERで0.5で変換

f:id:PaRaLLeL:20190526162449g:plain

まとめ

オンラインのフリーGIF変換サイトを使うと

思ったより簡単に手軽にGIFアニメを作れます!

 

上記以外にもいっぱいありますが

ここで紹介したものでもとりあえずGIFを作るということは

手軽に簡単にできると思います。

 

まずは何事もやってみるなので

ぜひ自分の作った画像を試してみてください!

 

 

ただ途中でも説明したように

細かい設定ができない」というのは否めないので

次のステップはGIF変換のソフトをインストールして

詳細設定をしてみることをおススメします。

 

 

次回はソフトを使ってのもっと細かい設定です↓

www.parallel-gif.info

 

 

★GIFアニメ参考作品はこちら

www.parallel-gif.info