※当ブログではアフィリエイト広告を利用しています

動画、動かす系

無料でiPadだけで作れるGIFアニメ!【うごくイラスト】

mome

こんにちはもめです

イラストを動かすのに現在進行形で色々模索しています。
そんな中、iPadだけで気軽にチャレンジできるのがGIFアニメだったので、今回はその作り方を紹介したいと思います。

もめ
もめ

無料のソフトやツールで制作できるので、ぜひやってみてね





実際に作成したGIFアニメがこちらです


レモンティーちゃん(オリジナルキャラ)がプンプン怒るGIF

ティーちゃん(オリジナルキャラ)がてくてく歩くGIF

GIFアニメの仕組み

GIF(Graphics Interchange Format)アニメーションは、静止画像を連続的に表示して作られるアニメーション形式

イラストを複数枚用意して次が表示されるまでの時間指定やループ設定などをすることで動いているように見えるという仕組みです。

画像ファイルの形式になるので、小さなファイルサイズで比較的シンプルなアニメーションを表現することができます。

準備するもの

お絵描きソフト
アニメーションツール、ソフト

もめ
もめ

私は使い慣れている有料のお絵描きソフトを使っていますが、絵が描ければいいので無料のもので大丈夫です!


無料のお絵描きソフトが知りたい方はこちら

無料のお絵描きソフトはこちら
iPadでおすすめのお絵かきアプリを4つ紹介
iPadでおすすめのお絵かきアプリを4つ紹介



アニメーションには、登録の必要もなくオンライン上でGIFアニメーションにしてくれる無料のサービス「EZGIF.com」というGIFメーカーを使用します

制作の手順

イラストを描く

気をつけたところも軽く記載しました

それぞれ画像として保存する

EZGIF.comでアニメーションさせる

ツールの使い方も画像付きで載せてます


①イラストを描く


今回のプンプンGIFは2枚


歩くアニメーションは4枚用意してループさせました

②それぞれ画像として書き出す


並べる順番が動く順番になるため、間違えないように番号で保存しました。

③EZGIF.comでアニメーションさせる

EZGIF.comは会員登録も必要なく、ページを開くとすぐに使えてその場でGIFに変換してくれる便利な無料のサービスです。


保存したイラストを、「ファイルを選択」で必要な枚数入れます。


アップロードを押すと、選択した画像が入りました!
前後の順番を入れ替えたい時は指でドラッグ&ドロップで変えられます。

ここで、「GIFを作ろう!」を押すだけでもうGIFアニメを書き出してくれます!

もめ
もめ

手軽すぎて感動した…!

ただ、このままだとかなり早い気がしました。

すっごいスタスタ歩いてる 笑


ティーちゃんにはも少しおしとやかに歩いて欲しいので、
全体をもう少しゆっくりにしたいので「遅延時間」の数字を大きくします。
もとが20だったので、倍の40にしてみます

1枚1枚微調整することもできるのですが、今回は全体をゆっくりにしたいので真ん中の数字を変えます。
ここを変えると、全てが一括で変更されます。

もめ
もめ

うんうん、こんな感じかな!

今回は4枚で制作しましたが、間の枚数を増やして6枚などにするともっと滑らかなアニメーションができます。
一回動かしてみて、気になるところは差し替えたり増やしたりして調整してみてね。


私ももっと頑張ります!

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

  1. すげー!

    おぉ〜
    gifってこんな手軽に作れるんだって思ったぞ!

  2. petter

    とても分かりやすい記事でした。GIFアニメの仕組みとして、複数の静止画像を連続表示することで動いているように見せるという基本が説明されていて、初心者にも理解しやすい内容だと思いました。実際に数枚のイラストを用意して順番に表示し、表示時間やループ設定を調整することでアニメーションが作れるという点も参考になります。

    特に、イラストを描く → 画像として書き出す → ツールでGIF化するという流れがシンプルでいいですね。順番どおりに画像を並べることが動きの順序になるので、ファイル名や番号で管理するという小さな工夫も実践的だと思いました。

    自分も簡単なチュートリアル用に似た方法でGIFを作ったことがあります。スクリーンショットを数枚並べてアニメーションにして、あとからフレーム間の表示時間を少し調整すると動きが自然になることが多いです(私はそのとき gifspeed.com でフレームのタイミングを少し調整しました)。

    もう一つ感じたのは、フレーム数を増やすと動きが滑らかになるという点ですね。最初は2〜3枚でも作れますが、途中の動きを増やすとかなり自然なアニメーションになるので、試行錯誤するのも楽しそうだと思いました。イラストを動かす入門としてとても参考になる記事でした。

  3. りん

    交友のタブレットでも無料でやり方を教えてほしい。

  4. 匿名

    いいね!
    頑張って!

ABOUT ME
もめ
もめ
iPadイラストレーター
絵は全てiPadで描いています*
iPadで絵を描き始めて、機会オンチから四苦八苦しながらクリエイト
なので、iPad関連、絵や創作活動に関するつまづきを記事にしています。

現在は創作しながら個人様向けのご依頼を頂いてます!
*キャラクターイラスト/ショート動画/ライブ2dなど*

https://fori.io/orange-mome0t
記事URLをコピーしました