درس تصميم ستايل منتدى بشكل احترافي 1116527616_1116336238_888



 
الرئيسيةالرئيسية  البوابة*البوابة*  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر
 

 درس تصميم ستايل منتدى بشكل احترافي

اذهب الى الأسفل 
كاتب الموضوعرسالة
هاجر
الادارة العامة
الادارة العامة
هاجر

درس تصميم ستايل منتدى بشكل احترافي A53b5ecdb84871275dd61c7bbdc06d2d
مزاجك اليوم : درس تصميم ستايل منتدى بشكل احترافي 8010
الدولة : درس تصميم ستايل منتدى بشكل احترافي MoroccoC
درس تصميم ستايل منتدى بشكل احترافي 081229104805redc
انثى
عدد المساهمات : 263
العمر : 22

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Emptyالجمعة يوليو 02, 2010 11:00 am

سم الله وابدأ بفتح الفوتوشوب
نقوم بعمل جديد
بالمقاسات التالية
درس تصميم ستايل منتدى بشكل احترافي 3632
طبعاً الدروس تختلف عن كل دروس الإستايلات السابقة من المصممين
وسأوضح لك كيفية تحكمك في وضع تممد أو بدون تمدد
والدروس بنيت على طريقتي في تصميم الإستايلات
:::::::::::::::::
الآن نقوم باختيار الألوان المناسبة للإستايل
وسنقوم الآن بتصميم استايل معهد فوكس الجديد معاً
فأرجوا مراعاة الألوان
نقوم الآن برسم البنر
طبعاً الطريقة بدون نقط تمدد
ويمكننا الحصو على أشكال مميزة بأداة الباث
رسمت وطلع معي هالشكل مثلاً
درس تصميم ستايل منتدى بشكل احترافي 3633
نقوم بتدبيل الشكل
كالآتي
باضغط على الير بالزر الأيمن
درس تصميم ستايل منتدى بشكل احترافي 3634
وبعد حصولنا على ليرين
نذهب لللير الأسفل
وافعل ما ترى في الصورة
درس تصميم ستايل منتدى بشكل احترافي 3635
ستخرج لنا نافذة
إذهب إلى هذه الخيارات
درس تصميم ستايل منتدى بشكل احترافي 3636
كرر الخطوات السابقة
حتى ينتج لك شكل مقبول
درس تصميم ستايل منتدى بشكل احترافي 3637
الآن نذهب إلى باقي أجزاء البنر
ونقوم بعمل بعض الأفكار الجديدة .. والجميلة
لمسات بسطية تعطي التصميم جمال خيالي
درس تصميم ستايل منتدى بشكل احترافي 3638
تابع وأضف الأزرار
وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
شوف كيف طلع معي
درس تصميم ستايل منتدى بشكل احترافي 3639
طيب كذا تقرياً نعتبر خلصنا من البنر
طبعاً قصدي التصميم فقط
باقي كثيير تونا في بداية الطريق
نقوم الآن برسم
مستطيل .. كشيء جمالي للمنتدى
ونضيف عليه التأثيرات
درس تصميم ستايل منتدى بشكل احترافي 3640
الآن نقوم بتصميم أهم وزبدة الموضوع
وهي تصميم اطارات جداول المواضعيع
والناف بار وغيره ..
نقوم برسم مستطيل كالتالي
درس تصميم ستايل منتدى بشكل احترافي 3641
طبعاً بنفس المقاسات السابقة
نقوم بهذه الإعدادات
درس تصميم ستايل منتدى بشكل احترافي 3642
لاحظ اللمعة .. والتجسيم
درس تصميم ستايل منتدى بشكل احترافي 3643
بعد ذلك نقوم بإذافة الصور والداخلات
ويمكنك التحكم في ذلك عن طريق
CTRL+G
لاحظ
درس تصميم ستايل منتدى بشكل احترافي 3644
نقوم بعمل الأعمدة
ارسم مستطيلاً داخل الأول
ونقوم بوضعه عند الحافة
درس تصميم ستايل منتدى بشكل احترافي 3645
قم بالدخول على
استايل الطبقة
واختر التدرج اللوني
درس تصميم ستايل منتدى بشكل احترافي 3646
ثم كرر نفس الخطوات من الجهة الأخرى
وكذلك كرر خطوات
الإطار العلوي
شاهد ما نتج لدي
درس تصميم ستايل منتدى بشكل احترافي 3647
أما الآن نجي لتقطيع
سهل وما يحتاج اي شي
شوف الصورة
درس تصميم ستايل منتدى بشكل احترافي 3648


قم باختيار الأداة كما في الصورة التالية

درس تصميم ستايل منتدى بشكل احترافي 3649

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

درس تصميم ستايل منتدى بشكل احترافي 3650

وقم بحفظه من القائمة

file/save for web

ستفتح هذه النافذة

وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة

درس تصميم ستايل منتدى بشكل احترافي 3651

1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
للجودة

2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

ويمكنك ملاحظة الحجم كما هو محدد في الصورة

بعدها سوي حفظ وتكون انحفظت

::::::::::::::::::::::::::::::::

(( القســم البرمجـــــي ))

سنبدأ من أعحلى المنتدى إلى أسفل بإذن الله

وهو كالآتي :

1-header

2-navbar

3-forumhome

4-foter

ثم ننتقل للصفحات الداخية

forumdisplay

:::::::::::::::::::::::::::::::::

أولاً الهيدر ...

افتح برنامج الفرونت بيج

وافتح عمل جديد

درس تصميم ستايل منتدى بشكل احترافي 3652

واضغط على التعيمات البرمجية كما هو موضح بالصورة

وقم بمسح التعليمات كاملة

كما بالصورة

درس تصميم ستايل منتدى بشكل احترافي 3653

الآن توجه ...إلى قائمة الجداول

وقم بعمل جدول 1 في 1

درس تصميم ستايل منتدى بشكل احترافي 3654

الآن قم بالضغط على الجدول بالزر الأيمن

واختر خيارات الجدول .. انتبه ( وليس خيارات الخلية )

درس تصميم ستايل منتدى بشكل احترافي 3655

ستفتح لنا نافذة باشكل التالي

درس تصميم ستايل منتدى بشكل احترافي 3656

قم باستبدال .. التغيرات كما في الصورة الثانية

درس تصميم ستايل منتدى بشكل احترافي 3657

بعد ذلك

قم بإضافة الصورة داخل الجدول ( صورة البنر )

لاحظ...

درس تصميم ستايل منتدى بشكل احترافي 3658

اييه .. الحين جينا للشغل ..

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

بقولك ..سوي مثل ما أسوي ...

درس تصميم ستايل منتدى بشكل احترافي 3659

قم باختيار الأداة الموضحة.. ثم قم برسم .. مستطيل أو مربع حسب شكل الزر..

أول ما تخلص رسم راح تطلع لك هذه النافذة تلقائياً

درس تصميم ستايل منتدى بشكل احترافي 3660

حط فيها الكود على حسب الزر ...

وتفضل يا حبيبي ..كل الأكواد اللي تحتاجها في الهيدر


الرئيسيه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://asbai.yoo7.com
ziyadarafat
عضو نشيط
عضو نشيط


عدد المساهمات : 50
العمر : 34

درس تصميم ستايل منتدى بشكل احترافي Empty
مُساهمةموضوع: رد: درس تصميم ستايل منتدى بشكل احترافي   درس تصميم ستايل منتدى بشكل احترافي Emptyالثلاثاء يوليو 13, 2010 10:32 pm

مشكوووووووووووووره
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
درس تصميم ستايل منتدى بشكل احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: العـــــــــــــــــــــام :: تصـــــــــــــاميم و الابداعــــــــــــــــــ-
انتقل الى: