アニメーションを作ってみませんか

子供の頃ノートの角に描いた絵をパラパラマンガにしたことはありませんか? 原理はまったく同じです。 最近はバナー広告にも良く使われているGIFアニメってやつです。 MacでもWinでもできます。 まずは、Macでの作り方から、ただし、あくまで私の自己流です。  

Macの場合

STEP1

はじめに、パラパラマンガのもととなる絵を描きます。

実はアニメーションを作るには、この一枚一枚の絵の作り方にノウハウがあります。

私の場合は、Adobe IllustratorとAdobe Photoshopを使っています。心掛けているのは、いかに手を抜いて表現するかです。

詳しくは、別の機会にしますが簡単に説明すると、Illustratorで適当にイラストを描いてPhotoshopへカット&ペイストで持ってきます。その後は、Photoshopのレイヤーを使って動きを確認しつつ作り、最後にレイヤー毎にGIFデータにしていきます。

そんな感じで、左の7枚のGIFデータを準備しました。

パソコンで描くのは苦手、という方は手描きしたものをスキャニングしてGIFデータにする手もあります。

とりあえず、GIFアニメの手順だけを試したい方は、左の7枚のGIFデータを御利用ください。

STEP2

次にアニメにするためのソフトを手に入れます。

私は、GifBuilderを使っています。FREEのソフトで雑誌に付いているCD-ROMに入っています。(御推薦の雑誌は「INTERNET magazine」です。)

STEP3

GifBuilderを立ち上げます。

左のように、フレームが現れます。

英文であるのが難点ですが、どうにかなるものです。

さー、もうすぐアニメができます。

STEP4

GIFデータをフレームへ

GIFデータをアニメを作りたい順番にフレームに入れて行きます。

 

GIFデータをフレームへ

7枚のGIFデータがフレームに入りました。

 

STEP5

Loopさせます。

メニューのOptionを選ぶとLoopの設定画面が出ますので、とりあえずForeverにしましょう。

STEP6

アニメの速度調節

アニメの動く速度を調節します。

メニューOptionのInterframe Dlayを選ぶと速度調節の画面が出ます。

速度を変える

この画面では、すべてのフレームの速度が変わります。

一画面づつの速度は、変えたいフレームを選んでください。

STEP7

GIFアニメをSaveします。

その他、背景を透過にしたりできます。

とりあえず、Saveしてください。

こんなファイルができます。

GIFアニメデータはGIFデータと同じようにホームページに貼り付けることができます。

分かりにくい説明になってしまいましたが参考にして下さい。

御意見、御助言等歓迎いたします。無断転載はお断りします。    Copyrigt(C)2000~ From Casado.All rights reserved.