|
「 」を作るには、「丸」を作って４つに分ければいいですよね？
ただ、そのまま作ると「 」になってしまいます。
ん？何が違うのかって？拡大したのを見ればわかるでしょ？
ギザギザが目立つんですねっ。
そこで、２倍の大きさで作って縮小することで、境界を馴染ませます。 |
拡大しました |
 |
ウェブアートデザイナーを起動します。
［スタート→プログラム→ＩＢＭホームページビルダー2001→
ウェブアートデザイナー］
ホームページビルダーが起動しているのであれば、
［ツール→ウェブアートデザイナーの起動］ |
 |
|
簡単なのは「キャンバスを含む」で切り取ればいいのですが
白地に青丸、青地に白丸、の２つのパターンを作るので
下地に四角の図形を使うことにします。
この四角が白色のパターンがあるので
分かりやすいように、キャンバスの色を変えておきましょう！
［編集→キャンバスの設定］
今回使う「白」「青」以外の色にしないと、意味ないよ（笑） |
 |
 |
ペイントツールを起動しましょう。
［ツール→ペイント］
まず最初に「前景色」と「背景色」を決めます。
マーカー部分の四角をクリックすると、
色の設定ウィンドウが開くよっ
前景色、背景色それぞれ設定します。 |
 |
 |
四角を描きたいので「塗りつぶし枠なし矩形」を選択。 |
 |
|
キャンバスに四角を描きます。
マーカー部分に座標と大きさが表示されるので
それを見ながら、描きたいサイズより１ｐｘ大きくなるように！ |
 |
 |
今度は、青色の丸を描きます。
背景色を青くしなきゃだから
「前景色と背景色の入れ替え」をクリックして、
前景色と背景色を入れ替えましょう。
|
 |
 |
丸を描きたいので「塗りつぶし枠なし楕円形」を選択。 |
 |
|
四角にちょうど重なるように、丸を描きます。
さっきと一緒で、欲しいサイズより１ｐｘ大きくネ！ |
 |
 |
白四角の中に青丸の図形が描けたので
これを１つの図形として切りだします。
切り抜きツールを起動しましょう。
［ツール→切り抜き］ |
 |
 |
四角く切り取るので「矩形」を選択 |
 |
|
さきほどの図形の範囲を指定して・・・ |
 |
 |
上手に範囲指定ができたら
切り抜きとかかれた「複製」ボタンを押します。 |
 |
|
切り取られて、同じものが複製されたでしょ？ |
 |
 |
さー、できた図形を半分の大きさに縮小するよっ
オブジェクトの編集ウィンドウを開きましょう。
［編集→オブジェクトの編集］
「縦横比保持」にチェックは入っていることを確認して
幅か高さ、どちらかの数値を半分にして下さい。 |
 |
|
サイズが小さくなったので（本来欲しかったサイズ）
４分の１を切り出しましょう。
方法は、さっきやった切り抜きと一緒だよっ |
 |
 |
範囲の指定ができたら、切り抜き（複製）して
できた画像を保存しておしまい。
［ファイル→ｗｅｂ用保存ウィザード］ |
 |
|
これを繰り返して、       も用意しましょう！！ |