درس تصميم زر web 2.0

السلام عليكم

أقدم لكم اليوم درس بسيط حول تصميم زر web 2.0 .نبدأ بسم الله

أول افتح صفحة جديدة بالقياس الذي تريد ينصح أن يكون أكثر من 200px للطول و للعرض

ثانيا قم باختيار المستطيل ذو الانحناءات من قائمة الأدوات كما يظهر في الصورة

الآن قم برسم المستطيل التالي

الآن اذهب الى قائمة الطبقات و اضغط بالزر الأيمن على Shape1 ثم Blending Options كما في الصورة

بعدها ستظهر لك النافذة التالية:

الآن قم باختيار gradient overlay و ختر الألوان كما في الصورة ثم اضغط ok:

الآن اضغط علىstroke و عدل القياس على 1px و اختر اللون المبين في الصورة:

الآن اضغط على inner glow و قم بعمل الاعدادات التالية:

انتهينا

النتيجة النهائية مع بعض التأثيرات

3 التعليقات:

  غير معرف

27 يوليو، 2008 8:30 ص

ممكن نفهم وش المقصود بـ Web 2.0
اللي أشوفه أنك جالس تصمم تصاميم أقل من عادية وماشفت من دروسك أي شي يقال عنه Web 2.0

  عبد الهادي

27 يوليو، 2008 3:29 م

السلام عليكم ورحمة الله وبركاته..
الأخ غير معرف: ما دمت لا تعرف ما هي تقنية الويب 2.0 فكيف استطعت أن تحكم على أن الدروس التي يقدمها الأخ محمد مشكورا ليس لها علاقة بالويب 2.0؟
أعجب من أناس لا يعرفون غير التعجيز، على الأقل الأخ محممد يقدم معارفه للكل في سبيل الله ومن حقنا تشجيعه، وليس تعجيزه بردود تعبر عن جهل قلة أدب صاحبها..
الويب 2.0 تقنية تفهم من مجرد نظرة لمن لهم حس راق ويتابعون جديد تقنية الويب أخي..
أخي الكريم محمد: لا تأبه للرياح الشاذة، وواصل مشوارك فدروسك رائعة جزاك الله عنا كل خير..
مني لك أرق تحية..

  mhamed

15 أغسطس، 2008 4:59 ص

ألف شكر أخي عبد الهادي
و الأخ في الأعلى اذا كنت تعرف ماذا تقول فلماذا لم تكتب أسمك