バナーの作り方

ウェブアートデザイナーで作る簡単なバナーの作り方を紹介

ウェブアートデザイナーでウェブデザインしよう! >> バナーの作り方

バナーの作り方

どっかの会社にバナーを作ってもらうと5000円前後したりして高いので自分でホームページ作ったらバナーも自分で作りたいですよね。

バナーもいろいろと大きい物から小さいものまでサイズがありますが、ここでは468×60のバナーをボタンを作るやり方を応用して、すごく簡単に作ったのでそのやり方を紹介します。

ウェブアートデザイナーでウェブデザインしよう!

これがだいたい30秒で作ったかんたんに作れるバナーの例です、ホントにすぐできるので自分でもやってみてください。

それではどうやって作ったかを説明したいと思います。

簡単なバナーの作り方の例

ボタンの作成

まずボタンの作成を押して「ボタン作成ウィザード」を開きます。

ボタン作成ウィザードの画面

その中から自分がバナーにしたい形のボタンをクリックして「次へ」を押してください

ボタン作成ウィザードの画面

「ボタン作成ウィザード」の色の選択画面では自分の好きな色を選んでください、その後「完了」を押せば自分の選んだ形と色をしたボタンが完成してキャンバスに貼り付けられます。

ボタンの編集画面

そのままだとボタンの大きさが小さすぎるので「縦横比保持」のチェックを外してから、幅と高さの大きさを変更しましょう。

「文字」をクリックして編集します

その後「文字」をクリックして自分の好きな文字を記入の後に文字の大きさやフォントの種類や画像に効果を加えて編集します。

さっき作ったボタンと文字を重ねます、そうしたら位置を調整して完成です、あとは保存してあげてください。

ウェブアートデザイナーでウェブデザインしよう!

さらにキレイにバナーを作る方法

さらにキレイに作りたいときはテクスチャのその他を押せば色を自由に変えられるので便利です、例えばどこかの無料素材の壁紙をダウンロードしてきて、その壁紙をボタンの色として使いたいときはこの方法をつかって作ります。

ボタンの編集

そうしないとホームページビルダーに付属している素材だけではなかなか上手に作ることは難しいと思いますので覚えておいてください。

無料でダウンロードしてきた壁紙で作った例

ウェブアートデザイナーでウェブデザインしよう!

ウェブアートデザイナーでウェブデザインしよう!

無料でダウンロードできる壁紙はインターネットで簡単にダウンロードできるのでいっぱい持っておくといいですよ!

「無料 壁紙」「ダウンロード 壁紙」などで検索すればいっぱい出てくるので探してみてください。

ハッピーチャレンジゼミのホームページデザイナー養成講座の紹介はこちら