<< باسم الله الرحمن الرحيم <<<

السلام عليكم ورحمة الله تعالى وبركات

بعد الصلاة والسلام على أشرف الأنبياء و المرسبين

سيدنا محمد - صلى الله عليه وسلم

أعضاء وزوار - تصاميم المواقع والواجهات

أهلاً وسهلاً بكمـ.

اليوم اقدم لكم درس تصميم واجهة بعد غياب هذه الواجهة كانت موجود عندي

حوالي ستعة اشهر

او سبعة وقررت ان اعمل شرحها لكونها بسيطة وهذا الدرس اهديه للأخ الطيب


ابو صالح على مجهوداته الجبارة


من آجل تعليم للأخوة جزاه الله الف خير على مجهوداته بدون إطالة اترككم معى الدرس وان شاء الله

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

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/1-1.jpg

ثم نضع الصورة المراد وضعها كخلفية

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/2-2.jpg

نضع الأزرار الكل يعرف طريقة صنع الإزرار فقط من الأشكال

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/3-1.jpg

نضع عليها التأثير التالي

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/4.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/5.jpg

نرسم فاف بار تحت

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/6.jpg

نضع عليها التأثير التالي

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/7.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/8.jpg

نرسم هيدر فوق

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/9.jpg

ثم نعمل الأنعكاس تحت كما هو موضح في الإسفل

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/11.jpg

بار ك الله فيك




تصميمات رائعه

نضع لوجو الموقع

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/12.jpg

نضع من الأدوات مربع

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/13.jpg

نضع عليه التأثير التالي

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/14-1.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/15.jpg

نجلب صورة المراد وضعها ثم نضغط على Ctrl+Alt+Shift+G

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/16.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/17.jpg

نضع ستورك في الجوانب

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/18.jpg

ثم نوزع كل واحد في مكانه المخصص كما هو موضح في الصور!!

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/19.jpg

هنا في الجانب الأيسر

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/20.jpg

هنا فوق كذالك

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/21.jpg

هنا في الوسط

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/23.jpg


تحت في الوسط والنتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/24.jpg

نضع عنوان للموقع

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/25.jpg

نعمل التأثير التالي

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/26.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/27.jpg

نضع العناوين للأزرار

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/28.jpg

النتيجة

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/29.jpg

وكذالك العناوين للأقسام

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/30.jpg

النتيجة النهائية

http://i229.photobucket.com/albums/ee6/roosenv-mehdi/31.jpg

و أخيراً ...


كل متمنياتنا بأن تستفيدوا من البرنامج


وايضا اي استفسارات نحن هنا لمساعدتكم

اخوكم الفقير لربه المهدي

. × . o . o .×.

الأخ مهدي .. جزاك الله خير الدرس رائع وشاكر لك الهدية وهي رائعة بروعة الدرس ..
وفقك الله :)

تستاهل اخي الطيب ابو صالح وان شاء الله يستفيد الإخوة من الدرس وفقكم الله:)

صفحة موقع جميلة والشرح أروع ولجمالية الشرح فقد حفظت هذه الصفحة عندي في ملف شروحات الفوتوشوب فأشكرك جدا على عملك وإ‘انتك للإخوة والظاهر أنك مبدع أنت أيضا ولا تقل عن مرتبة المبدعين الكبار مثل أخينا أبوصالح1 وبصراحة هذا أول درس أراه لك أخي tween لإني كما ترى من الجدد في هذا الموقع وبالمناسب أحييكم على هذا الموقع الجيل ويرجع الفضل في تسجيلي في هذا الموقع لأخانا أبوصالح1 فجزاه الله خير الجزاء وجزى الله المشرفين على هذا الموقع وكل أفراده الخير الكثير

ماشاءالله شرح رااائع

ويستاهل ابو صالح الله يجزاه كل الخير ياارب


الف الف شكر اخوي على الدرس وان شاءالله الجميع يستفيد منه

بالتوفيق ياارب