Illustratorで押す前後がわかるようにチェックボタン作成する

チュートリアル

こちらを参考にしました。
Quick Tip: How to Create a Set of Dark Check Buttons

制作工程

線を外側にする

外枠の線はデフォルトでは中央揃えなので、外側に変更します。

キーオブジェクトに整列

チェックロゴを中央に整列させるのは、先日やった「キーオブジェクトに整列」を使えばよいです。枠線、チェックロゴを両方選択した後、枠線をクリックしてキーオブジェクトに設定します。整列ウィンドウからあとは整列させればできます。

完成

チュートリアルには丸型もありましたが、めんどうなので作ってないです。代わりにチェックロゴを緑のグラデーションにしたものも作ってみました。

今回はボタンの列の一番右に内側光彩を使用しています。Photoshopで使ったことがありましたが、イラレでは初めてでした。それから背景に、「粒状フィルム」の加工をしているので、地味ですがざらざらした質感を出しています。こういう細かいところも覚えておこうと思いました。