ステップ３-ウェブアートデザイナー |
| タイトルを作る |
| １ キャンパスの設定 |
||||||||||
 |
ウェブアートデザイナーを、起動すると、最初のキャンパス（編集領域）は、背景が白に設定されています。 実際のホームページのページに合わせるために、まず、キャンパスの設定で、背景色を、変更しましょう。 メニューバーの「編集」から、「キャンパスの設定」を選択。 ↓ 「キャンパスの設定」ダイアログが開きます。「色」タブをクリック。 ↓ 「テクスチャ」ボタン  をクリック。下の「その他」ボタンをクリックして、ページに使っている背景画像を選択します。 ↓ 「OK」を、クリック。キャンパスの背景に画像が入りました。 ◇「単色」ボタン  を押すと、背景の色を変更することができます。 |
|||||||||
| 2 タイトルロゴを作成する |
||||||||||
 |
ホームページのタイトルロゴを、最初に作ります。 左の「テンプレートギャラリー」の「ウェブアート素材」タブをクリック。 「ロゴ」ボタン  を押すと、下の部分に、ロゴの見本が出てきます。↓ 「文字」のフィールドの中に、タイトル文字を入力 ↓ 好きなロゴ見本をクリックして、「挿入」ボタン  をクリック。（右の編集領域に、ドラッグしてもいい。） ↓ タイトルロゴができます。 |
|||||||||
| 3 ロゴの編集（文字） |
||||||||||
 |
タイトルロゴを、好みの形に編集します。 タイトル文字の上で、右クリック ↓ メニューの中から「編集」  を選択 ↓ 「ロゴの編集」のダイアログが開きます。「文字」タブをクリック ↓ フォント名や、スタイルなどを、変更します。
|
|||||||||
| 4 ロゴの編集（色） |
||||||||||
 |
「ロゴの編集」のダイアログが開きます。「色」タブをクリック ↓ 単色ボタンをクリックして、一覧から、好きな色を選択します。 ◇ここでは、単色の空色■を、選択しました。 |
|||||||||
 |
◇「グラデーション」ボタンをクリックすると、好きなグラデーションが選べます。 |
|||||||||
 |
◇「テクスチャ」ボタンをクリックすると、好きなテクスチャを貼り付けることができます。 また、「その他」ボタンから、好きな壁紙を指定すれば、オリジナルなロゴができます。 |
|||||||||
| 4 ロゴの編集（縁取り） |
||||||||||
 |
同様にして、「縁取り」を設定します。 ◇ここでは、縁取りの種類を、「通常」にして、 縁の太さを、３番目に、縁の色を、「白」にしました。 |
|||||||||
| 4 ロゴの編集（効果） |
||||||||||
 |
同様にして、「縁取り」を設定します。 ◇ここでは、影の色を、少し青っぽくしました。
|
|||||||||
| 5 タイトルバナーと、イラストを入れる |
||||||||||
 |
「サイト/素材ビュー」の「素材」タブをクリック ↓ 「フォルダ」ボタンをクリックして、リンクツリーから、画像が入っているフォルダを選択 貼り付けたい画像を表示させます。 ↓ 画像を貼り付けたい場所に、ドラッグ＆ドロップします。 |
|||||||||
 |
↓ タイトルロゴが、下になっているので、右側の「オブジェクト スタック」で、ロゴをドラッグして、上に持って行きます。 ◇この「オブジェクト スタック」で、上にあるほど、画像は、前面にあることになります。 ↓ |
|||||||||
 |
挿入した画像を、右クリックして、メニューの中から、「編集」を選択 ↓ 「オブジェクトの編集」ダイアログが現れます。 ↓ ここで、画像の透明度を調節できます。 ◇ここでは、タイトルバナーの透明度を、32％にしました。 |
|||||||||
| 6 タイトルを切り抜く |
||||||||||
 |
メニューバーの「切り抜きツールの表示/非表示」ボタン  をクリック↓ 「切り抜きツール」が現れます。 ツールの  を選択。（四角に切り取るボタン）↓ 「キャンパスを含まない」ボタン  を、選択。※1↓ 下のバーで、「くっきり」にバーを合わせます。 ↓ タイトルが入るように、ドラッグして切り抜く四角を描きます。 |
|||||||||
|
||||||||||
 |
「切り抜きツール」の「切り抜き」ボタンをクリック ↓ 切り抜かれたタイトルのオブジェクトができます。 |
|||||||||
| 9 タイトルを保存 |
|||
上でできた画像の上で右クリック ↓ 「Ｗｅｂ用保存ウィザード」をクリック ↓ 「Ｗｅｂ用保存ウィザード」のダイアログが現れます ↓  「選択されたオブジェクトを保存する」に、チェックマークが入っているのを、確認↓ 「次へ」をクリック ↓  「保存形式の選択」で、「ＧＩＦ」か「ＪＰＥＧ」のどちらかを選択 ↓ 「次へ」をクリック |
|||
|
|||
| １0 保存ウィザード（ＧＩＦ形式） |
|||
 |
 「ＧＩＦ」の場合上の「変換後のイメージ」と「変換後のサイズ」を見ながら、 「色数」を減らします。 ↓ 右の「透明化」にチェックを入れ、 スポイトボタンをクリックすると、カーソルの形がスポイトの形になります。 ↓ それで、透明化したい色の所をクリック ※２ ↓ 「次へ」をクリック ↓
|
||
 |
 ファイルの保存方法の選択で、「ファイルに保存」を選択「完了」をクリック 「ファイル名をつけて保存」のダイアログが出ますので、 「4.フォルダを作る」で作った「image1」フォルダを開き、 半角英数字でファイル名を入力してください。 ↓ 「保存」をクリック |
||
|
|
・・・ドラッグした枠線どおりに、背景も含んで、切り取られます。