インフォグラフィックのアニメーションgifを作ってみよう!:3/4

サムネイル

こんにちは、AnyIllustスタッフです!
今日は、インフォグラフィック記事の3回目。
いよいよ、オリジナルのインフォグラフィックを作っていきましょう。

まずは情報収集です

インフォグラフィックにしなければならない題材があるのなら、それについて詳しく調べましょう
調べていく上で、どんな素材が必要蚊、どんな画面にするかのインスピレーションも湧いてくるはずです

今回スタッフは、オリジナルのゆるキャラの生態をインフォグラフィックにしますね
totyuu_kiji4-01
こんなキャラクターです
ここにある情報をわかり易くまとめます
また、最終的にアニメーションを付ける必要があるので、この時点でどの情報をどのように動かすのかも計画しておきましょう

構図を考えましょう

次に情報の数だけボックスを作るイメージで、大体の構図を考えます
すべてを同じ大きさや形にする必要はないので、自由に考えてみましょうφ(..)
実際に作るとスペースが足りなかったりするかもしれませんが、作る前に紙に鉛筆で配置を考えてみるのは全体のイメージを掴むことができるのでおすすめです(o・ω・o)
スタッフが作ってみた例です
totyuu_kiji4-02

実際に作ってみよう!

では、先程作った構図を参考にインフォグラフィックを実際に作ってみます
今回は、キャラクターに合うよう火鉢でおもちを焼いている構図を使うことにしました
名称未設定-3-01
できたのがこちらです!
どうですか?わかりやすくできているでしょうか?
色は配色サイトを参考に作ってみました。
背景のイラスト以外は太い線でシンプルに作成しました

少し変則的な配置になっていますが、こういうときでもちゃんと「箱」や「線」を意識した配置にします
sen
こんな感じで意識して配置してみました
少し枠ギリギリの配置になってしまっていますね
中に入っているものを全体的に縮小して、もう少し情報と外枠との隙間を作ってあげればさらに収まりが良くなります

次回は、こちらの画像を使用してアニメーションgifを作っていきましょう(`・ω・´)ゞ

記事一覧(完結済み)




ピックアップ記事

  1. 20150708-なんや白ウサギ
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! …
  2. image_ライティング
    こんにちは、Anyillustスタッフです。 すっかり秋らしくなってきましたね。 秋と言…
  3. 一枚絵を描くときの、構図の考え方
    こんにちは、Any illustスタッフです! 一枚絵を描く、とにかく何か描く… そういうと…
  4. にゃんごろうさん
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! …
ページ上部へ戻る