(درس مفصل) مقدمو في ازرار الرول اوفر (فوتوشوب)

[walid]

السلام عليكم ورحمة الله وبركاته
اقدم لكم درس مفصل وهو عباره عن مقدمه في ازرار الرول اوفر :: ماهي ازرار الرول اوفر ؟
ازرار الرول اوفر عباره عن زر عندما تمرر مؤشر الفاره عليه او تضغطه يتغير شكله وهذه الحركه تعطي الموقع جمالا
المهم مانطول عليكم .... شوفوا الدرس مفصل وان شاء الله اذا سمحلنا الوقت راح نكمل معكم حركات كثيره ونتعمق في الرول اوفر
الدرس مفصل ::::



حركة الرول افور ( الزر الناعم )


بسم الله نبدأ اولا نفتح عمل جديد بالمقاسات التاليه 300*300 بخلفيه بيضاء ثم ننشىء لاير جديد ونختار اداة التحديد المربع ونرسم مربع في لاير جديد
ثم نذهب الى Select>Modifier>Smooth لتنعيم التحديد ثم نلونه :: تابع الصور ::



http://www.k4n4.net/roolovert/t1/1.jpg http://www.k4n4.net/roolovert/t1/2.jpg



ثم نلغي التحديد بالضغط على 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

مبرووووووووووك انتهينا الان يمكنك معاينة الزر بتفعيل اداة اليد وللمعاينه في المتصفح اضغط اداة المتصفح

================================================== ============================
وهذي صوره للزر وتمت المعاينه في المتصفح



http://www.k4n4.net/roolovert/t1/11.jpg http://www.k4n4.net/roolovert/t1/12.jpg



وتم بحمد الله الاتهاء من الدرس مفصل
سبحان الله وبحدمه. سبحان الله العظيم
ولللأستفسار اخوكم الظلام



الدرس مفصل مقدم لكم من منتديات كواسر نت (http://www.k4n4.net/vb)
( ارجوا حفظ الحقوق عند النقل )




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©