PhotoshopスマートオブジェクトをAdobe Dreamweaver CS6に配置する方法 - ダミー

Adob​​e Dreamweaver CS6でPhotoshopファイルを操作する機能は、ワークフローの一部としてPhotoshopに依存するほとんどのデザイナーにとって役に立ちます。 Photoshopファイルをページに配置すると、作成された元のPhotoshopファイルへの接続を維持する スマートオブジェクト イメージが作成されます。

画像には、元のファイルが更新されたかどうかを知らせるアイコンが表示され、ワンクリックで元のファイルの変更を画像に適用できます。

- >

Photoshopファイルをページに配置するには、次の手順に従います。

1. 新しい画像を配置する場所をクリックし、[挿入]パネルの[共通]カテゴリで[画像]ボタンをクリックします。

2. [イメージソースの選択]ダイアログボックスが表示されたら、Photoshop PSDファイルを参照して選択し、[選択/ OK]をクリックしてイメージを選択します。

   [画像の最適化]ダイアログボックスが表示されます。このダイアログボックスでは、画像をWeb対応のGIF、JPEG、またはPNG形式で保存できます。

   <！ - 2 - >

   

3. プリセットドロップダウンリストで、JPEG互換性最大化オプションを選択します。

4. OKをクリックしてイメージを保存します。

5. [Web画像の保存]ダイアログボックスが表示されたら、サイトのルートフォルダに移動して[OK /保存]をクリックして、画像を適切なフォルダ（既定の画像フォルダなど）に保存します。

   <！ - 3 - >

6. 画像タグのアクセシビリティアトリビュートダイアログボックスが表示されたら、画像の簡潔で短い説明（Man on Bikeなど）を入力します。

   新しい画像が配置され、左上隅に小さなアイコンが表示されます。このスマートオブジェクトインジケータは、画像が最新であることを示す2つの緑色の矢印を示します。

前の手順リストに配置したイメージを選択し、プロパティインスペクタで元のテキストフィールドを探します。このフィールドには元のPhotoshopファイルの場所が表示されます。イメージを編集するには、プロパティインスペクタの中央にある[Photoshopで編集]ボタンをクリックして、Photoshopでソースファイルを開きます。