ساخت دکمه شیشه ای

شاید از این دکمه ها و آیکون های شیشه ای زیاد دیده باشید و دوست داشته باشین تو طرح ها یا وب سایتتون ازشون استفاده کنید. ساخت این دکمه ها خیلی ساده هست و سریع می تونین در رنگ ها و شکلهای مختلف اونا رو ایجاد کنید.

و اما روش ساختن این دکمه ها:

ابتدا یه پرژه جدید مثلا ۵۰۰ در ۵۰۰ ایجاد کنید

بعد توسط ابزار Rounded Rectangle Tool و با Radius 10 با نگه داشتن کلید کنترل یه مربع بکشید با استروک مشکی و سایز ۸ و تنظیمات Bevel رو هم مثل عکس زیر قرار بدین. البته با تغییر تنظیمات شاید به نتیجه بهتری هم برسید ولی بعد از اتمام کار بهتره که با تنظیمات بازی کنید و نتیجه مطلوب رو ذخیره کنید

عکس(۱)

بعد از این کار لایه اولتون رو Duplicate بکنید ولی این بار با رنگ سفید و بدون استروک و Bevel و دو گزینه Opacity و Fill Opacity رو هم از آپشن Blending روی ۳۰ قرار بدید. این دوتا لایه دقیقا روی هم قرار می گیرن.

حالا یک بار دیگه لایه اول رو دوبلیکیت می کنیم و به بالاترین سطح می آریم و از بالا کمی جمعش می کنیم، مثل شکل زیر:

عکس (۲)

بعد از این مرحلهOpacity رو روی ۳۶ تنظیم می کنیم و Fill Opacity رو هم روی ۶۰، یه Outer Glow با دیفالت خود فتو شاپ هم بهش اضافه می کنیم، همچنین یه گرادیان سفید به مشکی ۹۰ درجه و تنظیمات Bevel رو هم مثل شکل زیر دوباره تنظیم می کنیم

عکس (۳)

حالا فقط می مونه نوشته روی دکمه. متن روی دکمه تون رو نزدیک به تیره ترین بخش دکمتون انتخاب کنید. بقیه تنظیمات این لایه رو تو عکس های پائین می تونین ببینین:

عکس(۴)

عکس(۵)

حالا شکل بدست اومده باید یه چیزی شبیه به عکس زیر باشه. بعد از این مرحله می تونین لایه نوشتتون رو یه لایه بالاتر کپی-پیست کنین (بدون هیچ افکتی) و فقط Fill Opacity رو روی ۴۵ قرار بدین تا شکل نهائی ایجاد بشه .

همین… حالا با تغییر رنگ مربع اصلی که در پائین ترین لایه اومده و متن روی دکمه می تونیندکمه هایی با رنگهای مختلف ایجاد کنید

---