手書きイラストをGIFアニメーションにしてみよう!パート①

20150908_usagi

あなたが描いた何気ない落書き。

そんな落書きが動きだすと、おもしろいと思いませんか。

ここでは手書きイラストをGIFアニメーションにする方法をご紹介します。

GIFアニメーションとは

GIFアニメーションは、複数の画像をつなげてパラパラマンがのように、ウェブ上で動きをつける表現方法のことです。

イラストを描こう

今回は「瞬き」をGIFアニメーションにしたいと思います。

まず始めに、主体となるイラストを1枚描きます。

20150902_記事1

瞬きをさせるために、始めは見開いた目、それから半目、閉じている目を描かなければいけません!

より細かい動きにしたい場合は、閉じるまでの目を多く描けばアニメーションが滑らかになります。

今回は合計4枚でいきます。

20150902_記事2 20150902_記事320150902_記事4

このように、同じイラストをトレースしながら目だけ変化させていきます。

薄い紙であれば、主体イラストの上に載せると元の絵が透けて見えると思うので、ある程度同じにトレースすることができますよ!

イラストが描き終わったら、パソコンにスキャンして4枚とも同じ画像サイズにします。

イラストの位置も主体イラストからあまり離れ過ぎないように注意してください!

保存形式はJPEGなら背景は白になり、PNGなら指定した背景は透明になります。

4枚ともそのようにできたら、次回はいよいよGIFアニメーションを作ります。

ピックアップ記事

  1. ゆるキャラを描こう!
    ご当地ゆるキャラブームも大きな流行は過ぎ、一時と比べて落ち着いてきた印象を受けますね。 しかしなが…
  2. キリンの「ジラ美とジラ男」
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! …
  3. 20160309-のんびり関西弁パンダ2
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! 「の…
  4. top_image10-650x330
    こんにちは。 先日Any illustより[ちょいうざマチコさんのいらっとスタンプ]のLINEスタ…
ページ上部へ戻る