Twitterで目立ちたい！GIFアニメで作る簡単なうごくイラスト

TwitterなどのSNSで自分のイラストをみんなに注目してもらうにはどうしたらいいのかな？そんなときは、『GIFアニメ』を作ってみてはいかがでしょうか。

「普段描いているイラストをもっと目立たせたい！」
そう思ったときにピッタリな方法をご紹介します。ちょこっと工夫するだけでかんたんに目立つイラストを作ることができるんです。
ここではWebサイトの無料サービスを使用したGIFアニメの簡単な作り方を解説していきます。

制作工程のGIFアニメを作ってみよう

いつもの制作工程をGIFアニメにして、かんたんに目立つイラストを作ってみましょう。

003_女の子のGIF画像

画像の準備

いつも使用しているグラフィックソフトで、いつものようにイラストを描いていきます。

ただし、ラフ　下描き　線画　下塗り　彩色　影　仕上げ　などの工程の際に作業途中のイラストをjpgやpng形式の画像に書き出しておきます。

今回の作例では、線画→下塗り→彩色→仕上げ　で書き出した4枚の画像を使用します。

描きだす画像のサイズ

制作工程を書き出す画像のサイズは、作品そのままのサイズでもかまいませんが、Twitterのツイート画面では長辺が560pxで表示されるため、これより大きいサイズで書き出しておくようにします。

POINT
作業工程ごとにレイヤーを分けて描いている場合は、レイヤーの表示非表示を切り替えることで、あとから工程を再現して画像を描きだすことができます。

無料サイトでGIFアニメを作成する

1.ブラウザを起動してhttp://gifmaker.me/へアクセスします

「http://gifmaker.me/」は無料で簡単にGIFアニメが作成できるサイトです。

2.制作工程画像をアップロードします

画面中央にある「Upload Images」をクリックします。

[開く]ウィンドウで画像をすべて選択し、ウィンドウ下部にある[開く]をクリックします。

画像のアップロードが開始されるので、終わるまでしばらく待ちます。

アップロードが終わると、①の部分にアップロードされた画像のプレビューが縦に並び、②の部分にGIFアニメのプレビューが表示されます。

3. GIFアニメの設定を行います

右側にある「Control Panel」で画像サイズや再生速度を設定できます。

①読み込んだ画像サイズが表示されています。560px以上の場合は「560px」と入力してサイズを調整します。

②「1000」と入力します。「1000」は連番画像を表示する速さです。今回は1秒間あたり1枚の画像を表示させたいので、1秒÷1枚=1000ミリ秒となります。
※早く動かしたい場合には「125(1秒間に8枚)」「250(1秒間に4枚)」等入力します。

4. プレビューを確認しGIFアニメを作成します。

①この部分のプレビューでGIFアニメの動きを確認します。
②動きに問題がなければ「Create GIF Animation」ボタンをクリックします。
③「Please wait a moment…」の表示が消えるまでしばらく待ちます。

5.GIFアニメのファイルサイズ確認と保存
Please wait a moment…の文字が消えると各種メニューが表示されます。
TwitterでGIFアニメを投稿するにはファイルサイズが3MB(3,145,728bytes)以内でなければならないため、ファイルサイズを確認します。メニューの中の「Reduce the file size of this GIF」(下図赤枠部分)をクリックします。
※Twitterへ投稿できるGIFアニメファイルサイズの上限は3MBと決められています。