Adobe
サインイン 注文状況 ユーザー登録
Illustratorチュートリアル
印刷用PDF
レイヤーを使用してアニメーションを作成する
page: 1 2
Adobe® Photoshop® および付属のAdobe ImageReady(TM)にはAdobe Illustrator® 10のレイヤーの保持機能があり、従来のアニメーション技法を使って、プロ品質のWebアニメーションを作成するのに最適です。ここでは、ImageReadyを使用して、IllustratorのマルチレイヤーファイルからWebアニメーションを作成し、最適化する方法について説明します。
main_still
Illustratorのレイヤーを並べる
アニメーションに使用するIllustratorファイルを開き、レイヤーを並べます。レイヤーが、アニメーションフレームとして表示される順序で並んでいることを確認します。ImageReadyでレイヤーをフレームに変換すると、最背面のレイヤーがアニメーションの最初のフレームになります。必要に応じて、ImageReadyでファイルを開いた後にレイヤーの順序を変更することもできます。
step01
ファイルをPhotoshop形式で書き出す
「ファイル>データ書き出し」を選択します。「ファイルの種類」で「Photoshop」を選択し、ファイルを保存します。Photoshopオプションダイアログボックスで、「カラーモード」に「RGB」を、「解像度」に「スクリーン(72ppi)」を選択します。「アンチエイリアス」を選択して、書き出した画像の境界線を滑らかにし、「ネストレイヤーを書き出す」を選択してレイヤーを保持します。「OK」をクリックしてIllustratorを終了します。
step02
ImageReadyでファイルを開く
ImageReadyを起動し、Photoshop形式で保存したファイルを開きます。ImageReadyレイヤーパレットでレイヤーが保持されていることに注目してください。
IllustratorからPhotoshop形式でマルチレイヤーファイルを書き出すと、背景レイヤーがファイルに追加されます。「背景」のラベルが付いた空のレイヤーがImageReadyのレイヤーパレットの最背面のレイヤーとして表示される場合は、そのレイヤーを選択し、パレットのごみ箱ボタンをクリックして削除します。
step03
トップへ戻る
next