Adobe
サインイン 注文状況 マイアカウント
インデックスに戻る
bullet 印刷用
簡単なWebバナーの作成
page: 1 2 3
ナビゲーション用のグラフィックは明確である必要があります。わかりやすいアートワークを作成するには、Adobe® Illustrator® 10が最適です。強化されたWebサポートによって、スタイルと機能の両方を備えたWebサイト用バナーをデザインできます。最初にIllustratorでグラフィックを作成し、リンクする箇所をスライスし、SVGファイルとしてエクスポートします。次に、Adobe GoLive® 6.0のスマートオブジェクトを利用して、微調整やリンクの追加などを行います。後から元の画像への変更が必要になった場合も、Illustratorでバナーを編集すると、GoLiveにその変更が反映されます。
メイン
Illustratorでアートワークをスライス
Illustratorでバナー用のアートワークを作成します。次に、リンクするオブジェクトを選択し、オブジェクト/スライス/選択範囲から作成を選択します。指定したオブジェクトのスライスが作成され、ページ上のその他のコンテンツ用に自動スライスが追加作成されます。スライスのアウトラインを変更するには、スライス選択ツールを使用してエッジを新しい位置にドラッグします。それに応じて、自動スライスが調整されます。
バナー全体のスライスを一度に作成するには、バナーの周りの選択範囲をドラッグし、オブジェクト/スライス/作成を選択します。「作成」コマンドを使用すると、スライスがアートワーク要素のサイズと位置に対応するので、要素をサイズ変更または移動すると、スライスのサイズも自動的に変更されます。
step01_int
アートワークをSVG形式で保存
ファイル/別名で保存を選択し、ファイルの種類としてSVGを選択します。SVGオプションダイアログボックスで「Illustrator編集機能を保持する」を選択し、画像とフォントについては、後で使用できなくなる可能性がある場合は埋め込んでおきましょう。元の画像やフォントを使用できる場合は、画像とフォントをリンクしてファイルサイズを削減します。
GoLiveはIllustrator SVGファイルのスライスを認識します。スライスを保持する必要はない場合は、ネイティブのIllustratorファイルを直接スマートオブジェクトとしてGoLiveに読み込むこともできます。この場合は、元のIllustratorファイルを簡単に編集できます。
step02_int
GoLiveでスマートIllustratorオブジェクトを作成
GoLiveのオブジェクトパレットでスマートセットを選択してから、スマートIllustratorアイコンをレイアウトエディタにドラッグします。次に、インスペクタパレットで、ソースメニューからSVGファイルを選択します。(目的のファイルが一覧表示されない場合は、「編集」を選択してから、URLの編集ダイアログボックスの「参照」をクリックしてSVGファイルを探します。)Web用に保存ダイアログボックスが表示されます。
スマートオブジェクトは、Illustrator SVGファイルなどのソースファイルを、GoLiveで使用するように最適化されたファイルのコピー(ターゲット)にリンクします。GoLiveを使用したままで、画像ファイルの設定を変更したり、サイズ変更などの多少の変更を行ったりすることができます。ターゲットファイルはソースファイルにリンクされたままなので、ソースファイルを変更した場合は、ターゲットファイルがGoLiveによって自動的に更新されます。
step03_int
トップへ戻る
next