WAN Will Way　＞　素材集TOP ＞　パーツ素材作成講座　＞　

オリジナルのタイトルロゴ

ホームページ・ビルダー（原稿制作時バージョン8）を購入すると、もれなく付いてくるウェブアートデザイナーを使って、オリジナルのタイトルロゴを作ってみましょう。ホームページ・ビルダーとウェブアートデザイナーの組み合わせで、初心者でも簡単にオリジナルのタイトルロゴが作れます。

今回作る作品はこれ！

オリジナルタイトルロゴ

STEP 1 新規作成をする

ホームページ・ビルダーを起動し、メニューバーから[ツール-ウェブアートデザイナー]を選択します。 ウェブアートデザイナーが起動し、次のような画面が表示されます。

新規作成

STEP 2 メインの文字を作ります

ウェブアートデザイナーのメニューバーから[オブジェクト-ロゴの作成]、またはツールバーのロゴの作成をクリックすると、下図のようなロゴ作成ウィザードが出てきます。

ロゴの作成画面1

ロゴの作成画面２

[文字]にMy homepageと入力し、[フォント]をCenturyを選択、[スタイル]のボールドとアンチエイリアスにチェックをいれ[次へ]ボタンをクリックします。
ロゴの作成画面３

[一覧]から色（#FF9999）を選択し、[次へ]ボタンをクリックします。
ロゴの作成画面４

[種類]はなしを選択し、[次へ]ボタンをクリックします。
ロゴの作成画面５

[種類]は影を選択し、オプションの「影のぼかしの強さ」は左から2つめの目盛り、「影の色」は#000000、「影の位置　横」は3、「影の位置　縦」は3にそれぞれ調節し、[完了]ボタンをクリックします。
メインロゴ１

マルの部分をつかみながら垂直にロゴを延ばしていきます。
メインロゴ２

このような形になります。

STEP 3 右上の文字を作ります

操作ツールバー１

次に操作ツールバーの文字をクリックし、色は#408080、書体はArial、文字の大きさは14にそれぞれ指定し、WELCOME TOの文字を入力します。
オブジェクトの編集1

画面上の文字を選択したまま右クリックし、
[オブジェクトの編集]をクリックします。[ロゴの編集]の画面で[フォント]の「字間」を-5に指定します。
フォントの編集   右上の文字

STEP 4 ふたつの文字を組み合わせます

ＳＴＥＰ３とＳＴＥＰ４で作成した文字を下図のように組み合わせます。 組み合わせた文字

STEP 5 ロゴのバックに色をつけます

操作ツールバー２

次に操作ツールバーの四角形１をクリックし、一番下に表示される四角形（塗りつぶしのみ）を選択します。
四角形２

四角形を描き、サイズを２７０×５０にします。
四角形３

四角形を選択したまま、右クリックをし、
[オブジェクトの編集]をクリックします。
四角形４

[塗りつぶしの色]を選択し、「種類」の中央にあるグラデーションをクリックします。
四角形５

「一覧」の中からｓｕｍｍｅｒのグラデーションを選択します。

STEP 6 文字とグラデーションを組み合わせます

ＳＴＥＰ４とＳＴＥＰ５で作成した文字とグラデーションを右図のように組み合わせます。グラデーションを選択したまま、右クリックし［重なり］を最背面に移動にします。

 組み合わせた文字とグラデーション
重なり
オリジナルのタイトルロゴの完成です。 完成
本記載内容は「IBM ホームページ・ビルダー Version 8」に基づいています。
IBM、ホームページ・ビルダーは、IBM Corporationの商標です。

 

by ちいた　

 

素材集TOP