دورة تصميم استايل منتدى

الدرس الاول

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

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

اخوانى الكرام واخواتى الافاضل بارك الله فيكم جميعاً

اهلا ومرحباً بكم فى اولى مواضيع ودروس ( دورة تصميم استايل منتدى .. تصميم فقط )

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

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

بمعنى يمكن استخدام الاصدارات هذه فى تطبيق الشرح

Adobe Photoshop CS ME

Adobe Photoshop CS2 ME

Adobe Photoshop CS3 ME

Adobe Photoshop CS4 ME

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

وهذا رابط لبرنامج مشغل الفلاش على الكمبيوتر لم لا يتوفر عنده البرنامج

وهذا رابط مشغل الفلاش للمتصفحات مثل الانترنت اكسبلورر والفايرفوكس

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

اخوانى الافاضل فى البداية يجب اخذ فكره سريعة عن تصميم استايلات المنتديات

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

اولاً هذا مجسم يوضح لك مكونات تصميم الاستايل

.
اذا نظرنا فى الصوره سنجد ان هناك مكونات كثيره للتصميم ولاكن ليس شرط ان تقوم بتصميم كل ذالك
لكى تقوم بتصميم استايل منتدى يكفيك تصميم الهيدر والفوتر فقط اما باقى الاضافات مثل الايقونات او الاطارات والاعمده لا شرط لها وهى اضافات لتزيين وتجميل الاستايل فقط

الان لنتعرف على الاستايل المتمدد والغير متمدد

كما نعلم ان هناك شاشات مختلفة فى دقة العرض ويتمدد الاستايل على حسب دقة شاشة العرض , فهناك دقة شاشة 800 ×600 وايضاً 1042×768 وايضاً 1280×800 لأصحاب الاب توب
وكروت الشاشة عالية الدقة

الان نسبة استخدام دقة الشاشه 800 ×600 اصبحت قليله جداً بل تكاد غير مستخدمه فى معظم الاجهزه

هذا الشرح هو مثال بسيط يوضح الفرق بين الاستايل المتمدد والغير متمدد
حجم الملف 4.32 ميجا بايت

للمشاهدة

للتحميل

بعد ان تعرفنا على الفرق بين الاستايل المتمدد والغير متمدد حان الان وقت التصميم

وقبل البدأ فى التصميم عليك ان تحدد هل سيكون الاستايل متمدد او غير متمدد لكى تراعى فى عملك نقطة التمدد التى يجب عليك تحديدها قبل الانتهاء من التصميم , الان حان الوقت للبدأ فى التصميم

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

الدرس الاول : تنسيق الالوان فى عملك عن طريق موقع kuler.adobe

الدرس الثاني : شرح تصميم الايقونات مع محاكاة الظل والانعكاس

الدرس الثالث : شرح فصل الالوان بطريقة احترافية عن طريق استخدام الفرش

الدرس الرابع : شرح التعرف على اداة البن تول وملحقاتها

الدرس الخامس : شرح تصميم الايقونات فقط عن طريق اداة البن تول

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

الدرس السابع : شرح تصميم استايل كامل بالاعتماد على دروس الدورة ( تصميم فقط )

.
سنتعلم ان شاء الله تصميم مكونات الاستايل ثم بعد ذالك سيكون هناك 5 دروس خاصة بتصميم استايل كامل سنستخدم فيه جميع المهارات المستفاده من الدورة

.

غداً ان شاء الله سيتم وضع اول درس علماً بأن كل درس سيتم وضعة فى موضوع خاص

وسيتم وضع درس كل ثلاث ايام وفى هذه الفتره ما بين الدرس والدرس راح استقبل اسفساراتكم وملاحظاتكم فى نفس موضوع الدرس

موعدنا غداً ان شاء الله مع اول درس وهو : توظيف الالوان فى عملك عن طريق موقع kuler.adobe

وبارك الله فيكم

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

[center][center]السلام عليكم ورحمة الله وبركاتة

اخوانى الكرام واخواتى الافاضل بارك الله فيكم

اهلا بكم مره اخرى فى ثانى دروس دورة تصميم الاستايل

اولاً جزاكم الله خيراً على التطبيقات الجميلة للدرس الاول وانا سعيد جداً بها

وعندى ملحوظة على بعض التطبيقات التى لم اجد بها تناسق وذلك بسبب عدم اتباع التسلسل اللونى لفصل الالوان فى المجموعة فهناك اخوه واخوات قامو بدمج الالوان ولاكن بطريقة غير تسلسليه كما هى فى مجموعة اللون

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

درس اليوم ان شاء الله هو ( تصميم الايقونات ومحاكاة الظل والانعكاس)

كما نعلم ان الايقونات لها دور كبير فى اخراج الهيدر بشكل جميل ومميز واوضح ان للايقونات اشكال كثيره وهناك ابتكارات كثيره لتصميم الايقونات بشكل جميل مناسب لعملك

ولعلنا نسأل بعض الاسئلة منها

هل من الضرورى تصميم ايقونات فى الهيدر عند تصميم استايل ؟

الاجابة لا

ليس من الضرورى تصميم ايقونات فى الاستايل لان هناك ازرار فى المنتدى نفسه تحتوى على نفس الاوامر والروابط التى سوف تضعها فى الايقونات

اذا قمت مثلاً بعمل ايقونه ( التحكم ) او ( البحث ) فأنه يوجد بالفعل هذه الروابط فى المنتدى نفسه فى ( الناف بار ) وهو الجزء الاعلى من الاستايل ويوجد به ايضاً بيانات العضو من اسم المستخدم وكلمة السر

اذاً ليس شرط ان تقوم بعمل ايقونات فى الاستايل بل هى فقط لتزيين الشكل العام للتصميم

ما هى الروابط التى يجب ربطها بالايقونات ؟

ليس شرط ان تضع رابط معياً ولاكن المعتاد هو ان تكون الايقونات لروابط مثل ( الرئيسية – التسجيل – التحكم – البحث – التعليمات – اتصل بنا ) هذه هى الروابط المعتاده ولاكن لك الحرية فى وضع اى رابط اخر اذا كان هناك روابط اخرى

مثال : اذا قمنا مثلاً بعمل تصميم استايل لقلعة الفوتوشوب من الممكن ان تضع روابط الايقونات ( الرئيسية ) ( التحكم ) ( المعرض ) وهكذا على حسب الروابط

ما هو الافضل تصميم الايقونات اولاً ام الهيدر ؟

الحقيقه يختلف هذا الامر على حسب التصميم نفسه

اذا كنت سوف تقوم بعمل الايقونات داخل الهيدر نفسه فيجب اولاً تصميم الهيدر مع مراعاة تخصيص مكان للايقونات بشكل جميل يتناسب مع تصميم الهيدر ثم بعد ذلك تصمم الايقونات

اما ان كانت الايقونات خارج الهيدر مثل اسفل الهيدر مثلاً فيمكنك تصميم الايقونات اولاً ثم بعد ذلك تصميم الهيدر

.

فى درسنا اليوم ان شاء الله سوف نقوم بعمل تصميم لايقونه لها ظل وانعكاس

الهدف من الدرس هو التعرف على طريقة تصميم الايقونة والتركيز على طريقة وضع الظل والانعكاس

ولك حريت الابتكار لتصميم اشكال مختلفة وان ذلك نموذج فقط لتعرف الطريقة

نتيجة الدرس

.

حجم الدرس (8.78 MB)

لمشاهدة الدرس

للتحميل من موقع mediafire

او من موقع 4shared

rapidshare او من موقع

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

او

.

ملحوظة للاخوه والاخوات : المطلوب تطبيق نفس العمل الموجود فى الدرس بنفس الفكره

الرد سيكون على الاستفسارات فقط لضيق الوقت
وجزاكم الله خيراً

الدرس الثالث : فصل الالوان بطريقة احترافية عن طريق استخدام الفرش

[center]السلام عليكم ورحمة الله وبركاتة

اخوانى الكرام واخواتى الافاضل بارك الله فيكم

اهلا بكم مره اخرى فى ثالث دروس دورة تصميم الاستايل

( شرح فصل الالوان بطريقة احترافية عن طريق استخدام الفرش )

درس اليوم إن شاء الله جميل جدا وسهل جداً ومفيد جداً والنتيجة احترافية

درسنا اليوم عن فصل الألوان في التصميم عن طريقة استخدام الفرشة وعمل إشكال احترافية

اعلم أن كثير من الاخوه والأخوات يتساءلون عندما يرى احد منهم صور مثل هذه

كيف تم هذا الفصل

والاجابة على هذا السؤال فى هذا الدرس ان شاء الله
تم اضافة رابط المشاهده

حجم الدرس (32.56 MB)

للمشاهدة

.

للتحميل من موقع mediafire

او من موقع 4shared

روابط اخرى مقدمة من الاخ sasuke uchiha جزاه الله خيراً

المطلوب من الاخوه والاخوات تطبيق نموذجين مختلفين

وطرحهم فى الموضوع قبل يوم الثلاثاء ان شاء الله

لك حريت اختيار الفرشة المستخدمه

.

اذا واجهتك مشكلة فى سرعة الشرح اعد تشغيل الشرح مره اخرى

نأمل ان تصل المعلومة الى الجميع بسهولة ويسر ان شاء الله

[/center]

درس الابتكار بالفوتوشوب ( 2 ) تصميم بطاقة دخول الموقع
درس الابتكار (3) استخدام الظلال فى محاكاة البعد الثالث فى اعمالك
سويتش ماكس - درس التعرف على اضافة Add components tool الرائعة
استايل البستان النسائي 2010 - توزيع css + تأطير جميع القوالب + تأطير هاك الاهداءات
دورة تصميم استايل منتدى واحتراف فنيات الفوتوشوب
درس الابتكار بالفوتوشوب ( 1 )

» الدرس الاول من دورة تصميم التجميعات والاسطوانات
» استايل منتدى شباب عفاريت من بودى الحب
» الدرس الثانى من دورة تصميم التجميعات والاسطوانات التجميعيه
» أسطوانه شرح وتعليم تصميم ستايل منتدى وتوزيعه بتقنية css
» طريقة التحويل من منتدى في شركة أحلى منتدى إلى منتدى [b]phpBB3