ビデオ: InDesign CS6使い方講座 中巻 第5章 出力機能【動学.tv】 2025
Dreamweaverのトレースイメージ機能は、デザイナーの間で特に人気があります。このコンセプトは、設計の初期段階から、薄い透明な紙を通して漫画をコピーするのと同じように、ページデザインのガイドとしてグラフィックスを使用することができます。
画像のトレース機能は、PhotoshopやFireworksなどのプログラムでデザインを作成した後、そのWebページをモデル化したい人にとって理想的です。 Tracing Image機能を使用すると、Dreamweaverページの背景にWeb対応画像を挿入できます。
<！ --1 - >タグを配置したり、トレース画像の上にテーブルやその他の要素を挿入したりすることで、Dreamweaverでのデザインの再作成が容易になります。 JPG、GIF、またはPNG画像はトレース画像として使用でき、これらの形式をサポートする任意のグラフィックスアプリケーションで作成できます。
トレース画像はページの背景に表示されますが、背景画像の代わりにブラウザに表示されることはありません。
ページにトレース画像を追加するには、次の手順を実行します。
-
Dreamweaverで新しいページを作成するか、既存のページを開きます。
-
[表示]→[トレース画像]→[読み込み]を選択します。
[イメージソースの選択]ダイアログボックスが開きます。
-
トレース画像として使用するイメージを選択し、[OK]をクリックします。
[ページプロパティ]ダイアログボックスが開き、[トレース画像]カテゴリが選択されます。
<！ - 3 - >クレジット：istockphotoによる写真。 com
-
[参照]ボタンをクリックして、トレース画像として使用する画像を探します。
[イメージソースの選択]ダイアログボックスが表示されます。
-
トレースするイメージをクリックし、[適用]をクリックしてイメージがページの背後にどのように見えるかをプレビューします。
-
透明画像スライダを使用して、トレース画像の不透明度を設定します。
透明度を下げると、トレース画像が薄れて見えるようになり、ページ上のトレース画像とコンテンツを区別しやすくなります。あなたの好みに合わせて透明度を設定することができますが、50％程度のどこかでほとんどの画像がうまく機能します。
-
OKをクリックします。
ドキュメントウィンドウにトレース画像が表示され、ダイアログボックスが閉じます。
画像をトレースする機能にはいくつかのオプションがあります。 [表示]→[画像のトレース]を選択すると、次のオプションが表示されます。
-
表示： 画像なしで作業を確認したいが、取り除きたくない場合は、トレース画像を非表示にする。
-
選択と整列： ページ上の選択した要素とトレース画像を自動的に整列させることができます。
-
位置調整： 矢印キーを使用するか、またはX、Y座標を入力してページの後ろのトレース画像の位置を制御できます。
-
リセット位置： X、Y座標のトレース画像を0、0にリセットします。
-
読み込み： トレース画像を追加または置き換えることができます。
トレース画像が配置されたら、ページをデザインする際にガイドとして使用できます。トレースイメージはページの後ろにあるため、デザイン作業を妨げず、トレースイメージ上に他のWebページに追加できる要素を追加できます。タグ、画像、その他の要素を挿入して配置するには、トレース画像を参照として使用します。
