1オブジェクトで「レイヤー駆使した風」のボタンを作る!
Apr 20, 2010
レイヤーをごちゃごちゃ重ねれば、ステキな質感のボタンが作れるのは、当たり前。
でも、1オブジェクトだけでもエフェクトを活用すれば、
「レイヤー駆使した風」のステキボタンが作れちゃうのです!
というか、この上の画像が、そのボタンです。出オチですいません。
どういう構造になっているかは、実際にページ下よりダウンロードして
確認いただくのが一番分かりやすいのですが、
説明させていただくと、以下のようなエフェクトになっております。
ポイント
・ただの線形グラデーションではなく、円形グラデにすることで、リアル度が増します。
・薄く斜線テクスチャを加えることで、それっぽくなります。
・無彩色(グレー)でグラデ作る→色相変更で色を調整すると、失敗しずらいです。
・内側グローで明るい色を使用することで、ボタンが引き締まります。
・ドロップシャドウを距離:0にすることで、真上から光のあてた効果が得られます。
いかがでしょうか。レイヤーを重ねてごちゃごちゃ作るより、
長方形をひとつだけ作って、そのひとつに全エフェクトを加えまくる、
という方が、後々修正もしやすいですし、とても効率的です。
ぜひ一度、試してみてくださいね。