まずは，[グリッドを表示]ボタンと，[グリッド吸着]のボタンを押した状態にしておきます。
これで，描く図形がグリッドに吸着して，キッチリした図が描きやすくなります。

　また，キャンパスのサイズを横に広くとってありますが，これはコピーしたものを加工するスペースとして使います。

　[楕円の描画]ボタンをクリックして，キャンパス上に真円を描きます。

　このとき，[スタイルパレット]<線と塗り>：<円形グラデ> の状態にしておきます。

　また，真円は「Ctrl」キーを押した状態でキャンパス上をドラッグすると，真円が描けます。

　上で描いた円を選択し，下のカラーピッカーで塗りの色を選択していきます。

　カラーピッカーの色を普通に右クリックすると，円形グラデの中心の色が決定できます。「Shift」キーを押しながら右クリックすると，円形グラデの外側の色が決定できます。

　左では，描いた円を[パスの選択]ツールで選択しておいて，カラーピッカーの水色を右クリックし，濃い青を「Shift」キーを押しながら右クリックしています。

　グラデーションの色が決定できましたら，今度はグラデーションのかけ方の編集に移ります。

　[グラデーションの変形]ツールを選択し，円を選択。出てくる十字の変形ツールで，色の変化の度合やグラデーションの中心の位置を決定します。

　ここまでできましたら，できた円をコピペして右に配置します。

　コピペしたものは，照り返しの反射光を表現するために使いますが，縦横とも 10px ほど小さくしておきます。

　すると，前面に配置した長方形によって，背面の円が半分に切りとられます。

　美しい半円を簡単に作成する方法です。Adobe Flash でも良く使う技法です。Adobe Flash からの輸入技術だと考えてください。

　切りとられたことによってできる直線上の端の方を，[パスの変形]ツールで右クリックし，「アンカーを追加」を選択します。

　一応左の例では，直線の左右両端から内側に 20px のポイントにアンカーを追加しています。

　そして曲線化されたパスを，上にググッとドラッグします。

　すると左のような図の形のものができます。

　重ねたものの塗りを，[スタイルパレット]<塗りのみ>：<線グラデ2>に設定し，塗りのグラデーションに両方とも白を選択します。
（この場合は<線グラデ1>でもかまいません。）

　そして，[不透明度]ボタンをクリックした状態にして，塗潰しの不透明度とグラデの不透明をスライダなどで左のような感じに調節します。

　できたものがこんな感じのものです。キャンパスのサイズを小さくして，描いたものだけを表示させるようにすれば完成です。

　最初に描いた青色グラデーションの円の色を他の色のグラデーションに変えるなどすると色々な色のアクアなボタンができます。