ウェブアートデザイナーでアクアボタン作成
ホームページビルダー付属のウェブアートデザイナーでアクアボタンを作成する手順です。 まずベースになる所を作ります。 |
サイズ56×56の円を描き枠の色は■R-2G-192B-0、塗りつぶしは垂直のグラデーションで上部分の色は枠の色と同じ■R-2G-192B-0、下部分の色は■R-147G-237B14とします。 |
円に影をつけます。影の色は■R-128G-128B-128で横方向「0」縦方向「1」ぼかしは「2目盛り」とします。これでベースは完成です。 |
下の方を残して切取りします。これで完成です。 <部品1> |
次に<部品2>を作ります。 |
スポイトで真中付近の色を取得します。 |
キャンバスを選択して空いている所にエアーブラシで色先ほど取得した色・透明度20%・ペンサイズは図の赤枠と同じものを選び吹きかけます。 |
これを一回り大きく切り抜きます。これで完成です。 <部品2> |
赤枠の光っている部分<部品3>を作ります。 |
エアーブラシの色は白・透明度「80%」ペンサイズは図の赤枠と同じものを選びます。次にキャンバスを選択して(自分で作った円等のオブジェクトがないキャンバスの上でワンクリックすると何もオブジェクトが選択されていな状態になります)から、キャンバスの空いている所にワンクリック分吹きかけます。 |
これを一回り大きく丸く切り抜きます。切り抜いた丸は、縦の部分を少し小さくし楕円にします。(横の幅は変えません) これで完成です。 <部品3> |
ベースに部品1を重ねます。 |
次に部品2をベースの中心に重ねます。 |
最後に部品3を重ねて完成です。 |
スポンサードリンク
まずベースになる所を作ります。
サイズ56×56の円を描き枠の色は■R-2G-192B-0、塗りつぶしは垂直のグラデーションで上部分の色は枠の色と同じ■R-2G-192B-0、下部分の色は■R-147G-237B14とします。
円に影をつけます。影の色は■R-128G-128B-128で横方向「0」縦方向「1」ぼかしは「2目盛り」とします。
下の方を残して切取りします。
次に<部品2>を作ります。
スポイトで真中付近の色を取得します。
キャンバスを選択して空いている所にエアーブラシで色先ほど取得した色・透明度20%・ペンサイズは図の赤枠と同じものを選び吹きかけます。
これを一回り大きく切り抜きます。
赤枠の光っている部分<部品3>を作ります。
エアーブラシの色は白・透明度「80%」ペンサイズは図の赤枠と同じものを選びます。
これを一回り大きく丸く切り抜きます。
ベースに部品1を重ねます。
次に部品2をベースの中心に重ねます。
最後に部品3を重ねて完成です。