الرئيسية | مركز المعلومات | مركز التحميل | للاعلان في مُطِّورْ | استخدم ختم مطور | قوِ موضوعك هام | وسام مطور جديد | افحص البيج رانك جديد

العودة   مطور , mtwer forum > مطور الدورات المتخصصة > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin

دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان
ملقي الدورة: [vista-design]


عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
موضوع مغلق
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 03:45 PM
الصورة الرمزية vista-design
مسؤول قسم الدورات
 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,298
vista-design is on a distinguished road
افتراضي الدرس الثانى: درس تصميم الهيدر والفوتر وتقطيعـــه

الدرس الثانى: درس تصميم الهيدر والفوتر وتقطيعـــة




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

نعود معكم من جديد ونبدأ الشغل الجد

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


يلا بينا..........

اولا : نقتح عمل جديد بمقاسات 777 x 666

شوف



ثم نقوم بأختيار اللون اللى راح نرسم بيه كلا من الهيدر والفوتر ( الكحلى)
شوف.....ولاحظ رقم اللون



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



ملحوظه: ( اضغط ctrl+' حتى يتقسم العمل الى مربعات) -- او من view فوق ثم show ثم grid

الحين احفظ الصورة اليسرى لمطور على جهازك وقم باستيرادها على الفوتوشوب
file ثم open



بعدين نختار بأداة التحديد المنقطة الجزء الاوسط ما عدا الاجزاء العلوية والسفلية
ثم نضغط ctrl +c للنسخ

شوف.......



ثم نروح للعمل اللى احنا شغالين عليه وبعدين اضغط ctrl+v للصق الصورة فى العمل

شوف.....




نختار بأداة التحريك ونحرك الصورة لليسار كما بالصورة...

شوف....




باستخدام اداة الاشكال ,نرسم مستطيل سفلى واخر علوى
شوف.......



نقوم بتطبيق الكلام السابق بالظبط على الصورة اليمنى

احفظها على جهازه وسوى مثل السابق

شوف.....






شوف.....









نأتى الان لكى نزيل حواف الصورة حتى يكون شكل الهيدر حلو


راح نستخدم اداة الممحاة بتركيز 45

شوف.......






شوف.....



بهيك نكون سوينا الهيدر بكل خفة وبساطة




ثانيا: تصميم الفوتر

وراح نرسمه بسيط

شوف.......



الحين انتهينا من التصميم.....



ننتقل لمرحلة التقطيع

اولا: قواعد أساسية قبل ان نكمل:

1-يجب وانت بتقطع لازم تكون الاطوال نفس الشىء
2-يجب ان تكون نقطة التمدد منطقة صافية ما فيها شىء

وللاطلاع على نقطة التمدد أكثر , راح اضع موضوع فى نهاية الدرس بخصوص نقطة التمدد



شوف الهيدر بما انه صورتين , صورة يسار وصورة يمين
راح نقوم بتقسيمة كالاتى:

1-جزء ايسر
2-جزء اوسط (نقطة التمدد)
3-جزء أيمن

شوف الصورة.....



بالمثل: راح نقطع بنفس الطريقة الفوتر.....

شوف.......







بهيك نكون انتهينا من التقطيع



الحين راح نحفظ عملنا


اضغط

file

ثم

save for web


ثم شوف الصورة......





شوف.....





بهيك يكون انتهى الدرس الاول....


نرجو من جميع الاعضاء تطبيق الدرس حتى نرى شغل كل عضو
ونعطى التوجيه المناسب

ولن يتم الدخول فى الدرس الثلث الا بعد ان يتم مناقشة الدرس الثانى





أتمنى يكون عجبكم

أخوكم vista-design

انتظروا الدرس الثانى

التوزيع على الفرونت بيج



توقيعى
أسم الشركـــه : فيستا للأستضافة والتصميم
رابط الشركة:www.vistacompany.org
صاحب الشركه : محمد أمين عبد المعبود
أداء الشركـــه :استضافة-تصميم وتطوير المواقع والمنتديات
بريد الشركـــه : admin[at]vistacompany.org
هاتف الشركه : 0020private in email

آخر تعديل بواسطة vista-design ، 18-07-2008 الساعة 12:39 AM


موضوع مغلق

العلامات المرجعية



مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin

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

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

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ تصميم الواجهات ].. [ الدرس الثالث] كيفية عمل الفلاش علي الهيدر و تركيب الواجهه علي الفرنت بيج {a} AWLSTYLE دروس تصميم و شروحات مصورة 12 11-01-2010 03:17 PM
مناقشة [joomla4] شرح تصميم الهيدر والفوتر vista-design دورة تصميم المجلات الإلكترونية 49 21-08-2009 02:13 PM
[joomla4] شرح تصميم الهيدر والفوتر للقالب والتعديل عليه vista-design دورة تصميم المجلات الإلكترونية 1 17-08-2009 04:13 PM
[ تصميم الواجهات ]... [ الدرس الاول ]كيفية تصميم الواجهه بالفوتشوب [الجزء الثاني] AWLSTYLE دروس تصميم و شروحات مصورة 5 10-08-2008 11:17 AM
[ تصميم الواجهات ].. [ الدرس الثالث] كيفية عمل الفلاش علي الهيدر و تركيب الواجهه علي الفرنت بيج {b} AWLSTYLE دروس تصميم و شروحات مصورة 7 10-08-2008 11:09 AM


مساحة إعلانية


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
جميع الأوقات بتوقيت GMT +3. الساعة الآن 08:54 PM.