Fireworks CS5でスライシングを使用する方法 - ダミー

Adob​​e Fireworks Creative Suite 5は、大きなファイルを小さなパケットに分割する技術である 999 [キャンバスに合わせる]コマンドを選択します。

基本イメージを作成する

まず、基本イメージ（この例では矩形）を作成します。次の手順に従います。

ファイル→新規を選択して、新規ドキュメントダイアログボックスを開きます。

[幅]ボックスに500、[高さ]ボックスに200を入力します。 [OK]をクリックします。

<！ - 2 - >

1. 新しい空白の文書が開きます。 （作成しているイメージよりも大きいことに注意してください;後でそれを変更する方法が分かります）。

2. ツールパネルの[ベクター]セクションで[四角形]ツールを選択します。クリックしてドラッグすると矩形が作成されます。

   任意のサイズで問題ありません。

   矩形を選択した状態で、ツールパネルの「色」セクションで「塗りつぶしの色」をクリックし、色を選択します。

3. ウィンドウ→情報を選択して情報パネルを開きます。

   <！ - 3 - >

4. W（幅）ボックスに300、H（高さ）ボックスに50を入力します。

5. プロパティパネルを使用してこのサイズを設定することもできます。

   ポインタツールを使用して、四角形の外側のキャンバス内の任意の場所をクリックして、四角形の選択を解除します。

6. 右クリック（Windows）またはControlキーを押しながらクリック（Mac）して、コンテキストメニューから[キャンバスの変更]→[キャンバスに合わせる]を選択します。

   キャンバスは矩形のサイズに合わせて調整されます。

7. オブジェクトが選択されていないときは、[プロパティ]パネルの[キャンバスに合わせる]ボタンをクリックすることもできます。

8. キャンバスがオブジェクトに合わせて調整されます。

   テキストを追加

ナビゲーションバーにテキストを追加します。

[ツール]パネルの[ベクター]セクションで[テキスト]ツールを選択します。

[ツール]パネルの[色]セクションで[塗りつぶしの色]をクリックします。色を選択してください。

プロパティパネルでフォントとフォントサイズを設定します。

1. 四角形の左半分をクリックして、テキストの開始位置にカーソルを置き、テキストを入力します。

2. テキスト領域の右側を2回クリックすると、アクティブなテキスト領域の選択が解除され、新しいテキスト領域が作成されます。

3. Alt + Shift（Windows）またはOption + Shift（Mac）キーを押しながら最初のテキストボックスを右にドラッグすると、新しいテキストボックスを複製して配置できます。

4. 次のナビゲーションタブの単語を1つまたは2つ入力します。

   

5. ポインタツールを使用してテキストの位置を変更します。

   スライスしてください

6. シンプルで効率的なナビゲーションバーを準備したら、スライスツールを使用して2つのスライスを作成し、書き出します。次の手順に従います。

7. [ツール]パネルの[Web]セクションで[スライス]ツールを選択します。その矩形のHomeセクションの左上隅から右下に向かってクリックしてドラッグします。

完璧になる場合は、表示→ルーラを選択してルーラを表示します。ルーラーが表示されたら、ガイドをクリックしてドラッグできます。

スライスがアクティブな場合、[プロパティ]パネルがスライスオプションを提供するように変更されます。

1. スライスのエクスポート設定ドロップダウンリストを使用してフォーマットを変更します。

   

   アートワークの単色が多い場合はGIF形式を選択し、色のグラデーションが多い画像の場合はJPEGを選択します。

   [リンク]テキストボックスにリンクを入力します。

2. [Alt]テキストボックスにリンクの簡単な説明を入力します。

   Altテキスト

3. は、ページのダウンロード中に表示されるテキストです。また、ビューアがWebブラウザでグラフィックディスプレイをオフにした場合、グラフィックの代わりに表示されます。

4. スライスツールをクリックし、ドラッグしてナビゲーションバーの後半を囲みます。手順3と4を繰り返します。

   単純な形でスライスします。多くのリンクと行き先があるナビゲーションバーにスライスされたページ全体を作成することで、プロセスを複雑にすることができます（検索エンジンがテキストコンテンツを検索するのが好きなので）。