![]()
アニメーションを作ってみませんか 子供の頃ノートの角に描いた絵をパラパラマンガにしたことはありませんか? 原理はまったく同じです。 最近はバナー広告にも良く使われているGIFアニメってやつです。 MacでもWinでもできます。 まずは、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.