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

[ دروس التصميم ]


النتائج 1 إلى 9 من 9
  1. #1

    الصورة الرمزية Design X

    تاريخ التسجيل
    Jan 2009
    المـشـــاركــات
    60
    الــــدولــــــــة
    ماليزيا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

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


    +









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

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

    من يريد الزر 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" /> )


    ولدي عودة بدروس معقدة اكثر او سهلة اكثر عحسب الإنشغال فيـ امانـ اللهـ
    التعديل الأخير تم بواسطة Rasha ; 9-8-2014 الساعة 10:08 AM

  2. #2

    الصورة الرمزية Hope Tear

    تاريخ التسجيل
    Mar 2009
    المـشـــاركــات
    8,025
    الــــدولــــــــة
    سوريا
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    سوبااااراااشي ^.^
    هونتووني سااسوغا ديس :3
    لي عودة بالتطبيق بإذن الله

  3. #3

    الصورة الرمزية Design X

    تاريخ التسجيل
    Jan 2009
    المـشـــاركــات
    60
    الــــدولــــــــة
    ماليزيا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    بانتظار تطبيقك اختي هوب فهذا مافهمته من الرد
    وشكرا على مرورك الجميل

  4. #4

    الصورة الرمزية تشيزوكو

    تاريخ التسجيل
    Aug 2010
    المـشـــاركــات
    4,317
    الــــدولــــــــة
    مغترب
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    شكرا جزيلا على الدرس الجميل.. تطبيقي:



    قمتُ فقط في النهاية بعمل مود overlay على الصورة (مع إزالة الخلفية)، لأني شعرت أن التأثيرات التي أضفناها للدائرة اختفت تحت الصورة..

  5. #5


    تاريخ التسجيل
    Oct 2007
    المـشـــاركــات
    791
    الــــدولــــــــة
    السعودية
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

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

    درس جميل بوركت


    تطبيقي


  6. #6

    الصورة الرمزية Design X

    تاريخ التسجيل
    Jan 2009
    المـشـــاركــات
    60
    الــــدولــــــــة
    ماليزيا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    اقتباس المشاركة الأصلية كتبت بواسطة تشيزوكو مشاهدة المشاركة
    شكرا جزيلا على الدرس الجميل.. تطبيقي:

    http://www.m5zn.com/newuploads/2014/...07178cf6fe.jpg

    قمتُ فقط في النهاية بعمل مود overlay على الصورة (مع إزالة الخلفية)، لأني شعرت أن التأثيرات التي أضفناها للدائرة اختفت تحت الصورة..
    خطوة جميلة جدا وفعلا النتيجة رائعة بل أفضل من تطبيقي الشخصي
    حذف طبقة الدائرة لامشكلة فيه لأنها كانت فقط لتحديد مكان الزر


    اقتباس المشاركة الأصلية كتبت بواسطة mp3 مشاهدة المشاركة
    درس جميل بوركت


    تطبيقي

    http://im57.gulfup.com/6xRFHn.jpg
    تطبيق رآآئع بكل معنى الكلمة
    اشكر لك وقتك واسأل الله ان يكون نفعك بالدرس

    تطبيقاتكم جميلة والتأثيرات متقنة جدا وبإذن الله لنا عودة بأفكار جديدة

  7. #7

    الصورة الرمزية Kame San

    تاريخ التسجيل
    Sep 2012
    المـشـــاركــات
    1,098
    الــــدولــــــــة
    العراق
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:

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

    درس جميل

    تطبيقي




    ننتظر مواضيعك القادمة
    بالتوفيق

  8. #8

    الصورة الرمزية Design X

    تاريخ التسجيل
    Jan 2009
    المـشـــاركــات
    60
    الــــدولــــــــة
    ماليزيا
    الــجـــــنــــــس
    ذكر
    الـتـــقـــــيـيــم:
    كاتب الموضوع

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

    اقتباس المشاركة الأصلية كتبت بواسطة K3me San مشاهدة المشاركة
    درس جميل

    تطبيقي


    http://im66.gulfup.com/dLdd1C.png

    ننتظر مواضيعك القادمة
    بالتوفيق
    مرحبا أخي

    تطبيق جميل ورائع ودقيق, احييك على تفاعلك وجهدك
    لي ملاحظة بسيطة, ارى انه الصورة قد خرجت عن حواف التصميم فهل كانت لديك مشكلة في القص ممكن اساعدك فيها ؟

  9. #9

    الصورة الرمزية Rayou chan

    تاريخ التسجيل
    Jun 2012
    المـشـــاركــات
    2,434
    الــــدولــــــــة
    الجزائر
    الــجـــــنــــــس
    أنثى
    الـتـــقـــــيـيــم:

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

    درس جميل بفكرة جديدة علي
    لي عودة ..بالتطبيق باذن الله^^

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
Loading...