 |
ウェブアートデザイナーの起動
「ツール」→「ウェブアートデザイナー」を起動し、「ファイル」メニューの「環境設定」で細かな設定をしておきましょう。とは言っても最初は初期のままで良いと思います。とりあえず、今回は重なり画像の作成ですから、表示設定の「グリッド表示と、グリッドに合わせる」のチェックをはずしておきましょう。後で、「表示」メニューからでも簡単に変更できます。 |
 |
画像の準備
キャンパス（デザイナーの画面のこと）に重ねたい画像を準備する。「編集メニュー」から「ファイルから貼り付け」をクリックするとダイアログが現れます。画像の保存先のフォルダを選ぶか探し、目的の画像をキャンパスに貼り付け（挿入）してください。
※この時、最初に挿入した画像が一番下になります。もし順序が逆で、上にしたい画像を重ねたら下になってしまった場合は、どちらかを選択し、「オブジェクトメニューの」重なりをクリックし、その画像を前にするか後ろにするか？メニューから選択してください。（3枚も4枚も重なっているときは最前、後面で） |
 |
 |
画像のグループ化
■左クリックをしたまま目的の画像全体を囲むようにします。選択枠で囲まれます。
■囲まれた中を右クリックでメニューを出します。
■「グループ」→「グループ化」で1つの画像とします。
※画像がgifアニメの場合であってもアニメではなくなりますので注意してください。
※アニメを活かしたい場合は、表を使って単独で画像を重ねてください。 |
 |
 |
画像の保存
■目的の画像をクリックします。画像が選択されます。
■選択された状態の画像を「右クリック」→メニューより一番下の「ウェブ保存用ウィザード」を選択
■「選択されたオブジェクトを保存」がポイントされているはずです。→次へ
■保存形式を選択します。「gif」のままでＯＫです。→次へ
■属性の設定をしますが、そのままでＯＫです。ただし、背景色を黒などの濃い色でページを作成している場合
は、なるべく近い色に設定しておきます。→次へ
■ここでは一旦「ファイルに保存」します。保存先は任意ですが、先に作成した「images」がよいでしょう。 |
 |
ビルダー編集画面で「挿入メニュー」→「画像ファイル」→「ファイルから」→編集画面に貼り付け完了です。 |
 |
※画像の重なりを変更したい場合は、３に戻りグループ化を解除し位置の変更をしてください。後は同様にて保存です。 |
|
重なっている画像の一部にリンクを張りたい場合は、リンク編を参照してください。 |
