Illustratorレイヤーを使ったアニメーション作成

page:				1 2

3. ImageReadyでファイルを開く

ImageReadyを起動し、Photoshop形式で保存したファイルを開きます。ファイルのレイヤー構成がImageReadyの［レイヤー］パレットに保持されていることを確認します。

マルチレイヤーのファイルをIllustratorからPhotoshop形式で書き出すと、ファイルに不要な背景レイヤーが追加されることがあります。ImageReadyの［レイヤー］パレットの最背面に「背景」という名前の空白のレイヤーが表示された場合は、そのレイヤーを選択し、［レイヤー］パレットにあるゴミ箱のボタンをクリックしてレイヤーを削除します。

4. アニメーションの作成

ImageReadyの［アニメーション］パレットで、パレットのメニューから［レイヤーからフレームを作成］を選択します。Illustratorファイルの各レイヤーが、連続したフレームになって［アニメーション］パレットに表示されます。

この段階で、必要に応じてアニメーションに対してフレームを追加、削除、または変更したり、再生オプションを設定したりすることができます。

5. 最適化と保存

［アニメーション］パレットのメニューから［アニメーションの最適化］を選択します。［バウンディングボックス］と［重複ピクセルの削除］を選択します。透明部分を含むフレームを保護するには、フレームのサムネールを右クリック（Windows）、または［Control］キーを押しながらクリック（Mac OS）し、［自動］を選択します。

最適化パレットで、ファイル形式のメニューから［GIF］を選択し、必要に応じて他のオプションも選択して、ファイルをWebでの表示用に最適化します。［ファイル］-［最適化ファイルを保存］を選択します。