ウェブアートデザイナーでアクアボタン作成2
ホームページビルダー付属のウェブアートデザイナーでアクアボタンを作成する手順です。 今回はバー状のボタンを作成します。前回の素材を流用したためサイズは少し大きめですが小さいものも同じ要領で作れます。 |
 まずベースになる所を作ります。 |
 サイズ56×56の円を描き枠の色は■R-2G-192B-0、塗りつぶしは垂直のグラデーションで上部分の色は枠の色と同じ■R-2G-192B-0、下部分の色は■R-147G-237B14とします。 |
 円に影をつけます。影の色は■R-128G-128B-128で横方向「0」縦方向「1」ぼかしは「２目盛り」とします。これでベースは完成です。 |
 次に＜部品１＞を作ります。 |
 色は白、横幅40縦の高さ28の楕円を作ります。 |
 下の方を残して切取りします。これで完成です。 ＜部品１＞ |
 次に＜部品２＞を作ります。 |
 エアーブラシの色は白・透明度「20％」ペンサイズは図の赤枠と同じものを選びます。次にキャンバスを選択して（自分で作った円等のオブジェクトがないキャンバスの上でワンクリックすると何もオブジェクトが選択されていな状態になります）から、キャンバスの空いている所にワンクリック分吹きかけます。 |
 これを一回り大きく丸く切り抜きます。切り抜いた丸は、縦の部分を少し小さくし楕円にします。（横の幅は変えません） |
 先ほどの丸の上部分を残し図のように切り取ります。これで完成です。 ＜部品２＞ |
 次に＜部品３＞を作ります。 |
 スポイトで真中付近の色を取得します。 |
 キャンバスを選択して空いている所にエアーブラシで色先ほど取得した色・透明度20％・ペンサイズは図の赤枠と同じものを選び吹きかけます。 |
 これを一回り大きく切り抜きます。これで完成です。 ＜部品３＞ |
 ベースに部品１を重ねます。 |
 次に部品２を重ねます。 |
 部品３を重ねてます。サイズが縦60横60となっています。（作り方により微妙に違うと思います。） |
 出来たものを図のように横がそれぞれ29、2、29（合計60）で切り取ります。次に真中の棒の幅を例えば100にして3つをくっつけます。 |
| バー状のボタンが完成しました。 |
スポンサードリンク