السلام عليكم ورحمة الله وبركاته
اقدم لكم درس مفصل وهو عباره عن مقدمه في ازرار الرول اوفر :: ماهي ازرار الرول اوفر ؟
ازرار الرول اوفر عباره عن زر عندما تمرر مؤشر الفاره عليه او تضغطه يتغير شكله وهذه الحركه تعطي الموقع جمالا
المهم مانطول عليكم .... شوفوا الدرس مفصل وان شاء الله اذا سمحلنا الوقت راح نكمل معكم حركات كثيره ونتعمق في الرول اوفر
الدرس مفصل ::::
حركة الرول افور ( الزر الناعم )
بسم الله نبدأ اولا نفتح عمل جديد بالمقاسات التاليه 300*300 بخلفيه بيضاء ثم ننشىء لاير جديد ونختار اداة التحديد المربع ونرسم مربع في لاير جديد
ثم نذهب الى Select>Modifier>Smooth لتنعيم التحديد ثم نلونه :: تابع الصور ::
ثم نلغي التحديد بالضغط على Ctrl + D ونطبق التأثير Bevel and Emboss على الشكل
http://www.k4n4.net/roolovert/t1/3.jpg
تابع اعدادات التاثيرات
http://www.k4n4.net/roolovert/t1/4.jpg
ولا تنسى تضليل التأثير Contour ثم نطبق التأثير Stroke
http://www.k4n4.net/roolovert/t1/5.jpg
الان ننسخ لاير الزر :: الان عندنا 3 لايرات
1- الخلفيه .(في الاسفل) 2- الزر الاصلي (في المنتصف)
3-الزر النسخه (في الاعلى )
الان نذهب الى لاير الزر الاصلي ونغير في تأثير Bevel and Emboss تابع
http://www.k4n4.net/roolovert/t1/6.jpg
التغيير
http://www.k4n4.net/roolovert/t1/7.jpg
نغيير فقط الاتجاه Direction من Up الى Down
ليصبح شكل الزر هكذا
http://www.k4n4.net/roolovert/t1/8.jpg
الان نذهب للايمج ردي بالضغط على الايقونه التاليه http://www.k4n4.net/roolovert/t1/13.gif لتطبيق حركة الرول اوفر على الزر
__________________________________________________ __________________________________________________ ____
داخل الايمج ردي
داخل الايمج ردي
اولا نذهب الى Window > Web Content لأظهار النافذه
http://www.k4n4.net/roolovert/t1/14.gif
ثم نطبق الاتي
http://www.k4n4.net/roolovert/t1/9.jpg
1- نفعل اللاير العلوي
2- في نافذة Web Content ننقر على الايقونه الموضحه
بعد النقر على الايقونه ستظهر الحركه وهي Over لاتلمسها
http://www.k4n4.net/roolovert/t1/10.jpg
1- اترك الحركه Over كماهي
2- قم بأخفاء اللاير
http://www.k4n4.net/roolovert/t1/16.gif
مبرووووووووووك انتهينا الان يمكنك معاينة الزر بتفعيل اداة اليد وللمعاينه في المتصفح اضغط اداة المتصفح
================================================== ============================
وهذي صوره للزر وتمت المعاينه في المتصفح
وتم بحمد الله الاتهاء من الدرس مفصل
سبحان الله وبحدمه. سبحان الله العظيم
ولللأستفسار اخوكم الظلام
الدرس مفصل مقدم لكم من منتديات كواسر نت
( ارجوا حفظ الحقوق عند النقل )
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
