13．ウェブアート　デザイナー（タイトルを作る）

１３．ウェブアート　デザイナー

写真を加工する

	１　タイトルベースを決める
		「ボタン」タブをクリック　　　　　　　　↓ サンプル素材から好きな画像を、編集領域にドラッグ画像の四隅についているハンドル（小さな四角）をドラッグすると、大きさや角度が変えられます。
	2　オブジェクトの編集（形状）
		画像の上で、右クリック　　　　　　　　　　　↓ 現れたメニューから、「オブジェクトの編集」をクリック　　　　　　　　　　　↓ 「ボタンの編集」のダイアログの「形状」タブをクリック　　　　　　　　　　　　↓　「グループ」の「▼」ボタンをクリックして、形状の種類を選びます　　　　　　　　　　　↓ 下の「種類」から、好きな形を選択 ↑sin2さんのＨＰでは、このオブジェクトのフリー素材があります。
	3　オブジェクトの編集（色）
		「色」タブをクリック　　　　　　　　　　↓ グループの「▼」ボタンをクリックして、色の種類を選びます。　　　　　　　　　↓ 下の「種類」から、好きな色を選択。
	4　文字を入れる
		「ロゴ」タブをクリック　　　　　　↓ 「文字」のフィールドの中に、タイトル文字を入力　　　　　　　↓ 下のサンプルから、好きな形状を右の編集領域にドラッグ　　　　　　↓ タイトル文字が現れます。
	5　ロゴの編集（色）
		タイトル文字の上で、右クリック　　　　　　↓ メニューの中から「オブジェクトの編集」を選択　　　　　　↓ 「ロゴの編集」のダイアログの「色」タブをクリック　　　　　　↓ 好きな色を選択
	6　ロゴの編集（文字効果、縁取り）
		同様にして、「文字効果」、「縁取り」を設定します。　　　　　　　　　↓ 「×」ボタンでダイアログを閉じます。例）ここでは、「透明度」を小さくしました。
	7　イラストを入れる
		「その他」タブをクリック　　　　　　　　↓ 上のリンクツリーから、画像が入っているフォルダを選択して、貼り付けたい画像を表示させます。　　　　　　　　↓ 画像を貼り付けたい場所に、ドラッグ＆ドロップします。
	8　タイトルを切り抜く
		メニューバーの「切り抜きツールの表示/非表示」ボタンをクリック　　　　　　　　↓ 「切り抜きツール」が現れます。ツールの「□」を選択　　　　　　↓ 下のバーで、くっきりにバーを合わせます。　　　　　　　↓ タイトルが入るように、ドラッグして切り抜く四角を描きます。
		「切り抜きツール」の「切り抜き」ボタンをクリック　　　　　　　　　　　　↓ 切り抜かれたタイトルのオブジェクトができます。この作業をしないと、1ページまるごと保存になってしまいます。
	9　タイトルを保存
	上でできた画像の上で右クリック　　　　　　↓ 　　「Ｗｅｂ用保存ウィザード」をクリック　　　　　　　↓ 　　「Ｗｅｂ用保存ウィザード」のダイアログが現れます　　　　　　　↓ 　　「保存形式の選択」で、「ＧＩＦ」か「ＪＰＥＧ」のどちらかを選択　　　　　　　↓ 　　「次へ」をクリック　　◇このタイトルのように、真四角でない形は背景を、透過処理しなくてはいけないので、　　　　「ＧＩＦ」形式にしてください。
	１0　保存ウィザード（ＧＩＦ形式）
		「ＧＩＦ」の場合上の「変換後のイメージ」と「変換後のサイズ」を見ながら、「色数」を減らします。　　　　　　↓ 右の「透明化」にチェックを入れ、スポイトボタンをクリックすると、カーソルの形がスポイトの形になります。　　　　　　↓ それで、透明化したい色の所をクリック　　　　　　　↓ 「完了」をクリック
	11　ファイル名をつけて保存
		「ファイル名をつけて保存」のダイアログが出ますので、　「4.フォルダを作る」で作った「image1」フォルダを開き、　半角英数字でファイル名を入力してください。　　　　　　　↓ 　　「保存」をクリック
	１2　透過させるときの注意
		背景の色が、画像の中にあると、その色まで、透過してしまうので、必ず画像の中にない色を、背景色にするようにしましょう。　　　　　　　つまり、「背景」タブをクリック　　　　　　　　　　　　　　↓ 　　　　　　　画像に使わない色をドラッグして、背景色を変えます　　　　　　　　　　　　　　↓ 　　　　　　「切り抜きツール」の「切り抜き」を、行ってください。
	13　リンクバナー
		タイトルと、同様にして、リンクバナーも作ってみました。