PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Illustrator】丸いボタンの作り方

立体に見える丸いボタンを作ります。

f:id:game-web-design:20140911203045p:plain

作り方

  1. 新規ファイル作成
  2. 楕円形ツールを使い、Shift+ドラッグで丸いオブジェクトを描く。
  3. グラデーションツールでオブジェクトをクリック。
  4. グラデーションの左側を白、右側を任意の色にします。
  5. 右上から左下にかけて、Shift+ドラッグで新しくグラデーションで塗りつぶします。(右上が白くなるように)
  6. 拡大・縮小ツールで、Shift+Alt+ドラッグで、少し小さな丸をコピーします。
  7. そのままグラデーションツールに持ち替え左下から右上にかけて、グラデーションで塗りつぶします。