アクア風ボタンの作り方【mac版】

フォトショップで、アクア風ボタンを簡単に作る方法をまとめてみました。

こちらのサイトを参考に作ってみました。

http://forty-n-five.boy.jp/blog/2008/07/post_61.php

①四角を描く

「角丸長方形ツール」でボタンを描く。サイズは、だいたい200 × 50pxくらい。

②レイヤーにドロップシャドウで効果をつける

距離:2px
サイズ:2pxに変更。

③光彩(内側)で効果をつける

不透明度:100%
チョーク:100%
サイズ:1px
適用度:100%に変更。

④グラデーションオーバレイで効果をつける

下図のように3点を起点としてグラデーションを作成する。
左:濃い色に設定
真ん中:黒に近い色に設定
右:薄い色に設定

⑤境界線で効果をつける

サイズ:1px
カラー:ボタンと同じ色に変更。

ここまででも、だいぶ綺麗なボタンが完成!
さらに、アクア風にするため、もう一手間かけてみます。

⑥選択範囲を一部削除

「commandキー」を押しながら「シェイプ」をクリックして選択します。

「レイヤー」を追加。
「レイヤー1」をクリックして、「optionキー」を押しながら、「楕円形選択ツール」でボタンの下の方に円を描きます。

上手く選択できたら、「塗りつぶしツール」で白く塗りつぶします。
不透明度を10%にしたら終了。

アクア風ボタンの完成です。

コメントは受け付けていません。