[درس] كيفية عمل الازرار الزجاجية الجميلة

[Design X]

+

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اتمنى ان الكل بخير وصحة وسلامة وارجو من الله ان يفيدنا منكم ويفيدكم منا

طرحت قبل فترة تصميم زجاجي بسيط وملف مفتوح للتعرف على طريقة عمله لكن أحببت ان اصنع درس به لعل الفائدة تكون أكبر.

من يريد الزر PSD من هنا http://www.msoms-anime.net/t183882.html



الدرس ليس مخصصا لعمل الازرار بل لعدة اسباب
================================================
1- التعرف على كيفية عمل الإنعكاسات بالتدرجات والألوان
2- تعلم كيفية عمل تأثيرات ثلاثية الأبعاد باستخدام خواص ليست مشهورة كثيرا مثل bevel&emboss
3- لعدة أسباب اخرى انا لكني كسول لأكتبها كلها
================================================

الدرس بسيط وليس احترافيا للغاية ويرجع ذلك الى اني مازلت اتعلم وسأظل اتعلم مهما حييت (حمآآآآآس.gif" border="0" alt="" title="0" class="inlineimg" /> )

لن أطيل عليكم نبدأ بالنتيجة

(( ملاحظة: الدرس يحتوي على صور متحركة فاصبرو حتى تتحمل ))




نبدأ فتح عمل جديد على حسب المقاس المحبب لك لكن يحب ان يتسع للزر



1- نقوم بعمل دائرة ويمكن عمل دائرة متناسقة بسحب الفأرة مع البقاء ضاغطا على زر Shift





2- نذهب الى خصائص Blending Options ونطبق التأثيرات الأربع التالية بالقيم الموضحة









3- ستجد الشكل تقريبا كهذا

4

- الآن قم بعمل Fill للطبقة 0% لازالة اللون وجعله شفافا ولمن أراد معرفة الفرق بين Fill و Opacity

Opacity : شفافية الطبقة بكل تأثيراتها ووضعها صفرا ستخفي التصميم كله
Fill: ستخفي الإمتلاء او اللون داخل التصميم مع الإبقاء على التأثيرات (الزجاجية في هذه الحالة)

5

- نقوم باستخدام أداة التحديد لعمل دائرة بيضاوية وملئها بتدرج ابيض الى شفاف وسحبه بهذه الطريقة

ونقول بتحريك الدائرة عن طريق ضغط Ctrl+T وعمله كالشرح اعلاه 6- نقول بعمل نسخ للطبقة مرة أخرى ونخفي الطبقة الأصلية حتى نستطيع الرؤية بوضوح ونقوم بعمل تحديد وتحريك التحديد كما ترى بالأعلى ثم نضغط Delete ويصبح لدينا انعكاس صغير نقول بنسخه ووضعهم في الزوايا وتخفف Opacity الى الدرجة الموضحة في الصورة.

7-تتبقى لدينا خطوة أخيرة بسيطة وهي وضع الصورة فنضع الصورة المراد عملها كزر فوق طبقة الدائرة لكن تحت الإنعاكاسات.
الآن نقول نختار طبقة الصورة ونضغط على Ctrl وبالفأرة على طبقة الدائرة حتى يتكون لدينا تحديد دائرة حول الصورة.
ثم نقول بعكس عن طريق Ctrl+Shift+I ونضغط Delete

وبهذا ننتهي وأرجو الا اكون اطلت عليكم ( انا ممل بطبعي .gif" border="0" alt="" title="0" class="inlineimg" /> )


ولدي عودة بدروس معقدة اكثر او سهلة اكثر عحسب الإنشغال فيـ امانـ اللهـ