دورة الرّاسم لتصميم الاستايلات الاحترافية ( حصرياً )
 

السلام عليكم ورحمة الله وبركاته
الدورات كثير ماشاء الله الموجوده في الويب العربي وفي غيره من المواقع ولكن الدوره اللي عزمت اعملها مختلفه في طريقتها واسلوبها ونتائجها :confused:

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

طريقة الدوره :
من زمان وانا افكر اعمل دوره لكن بصراحه كنت اريد طريقه افضل من الطرق المعتاده حتى تكون فائدتها اكبر واقوى واحسن لي وللمستفيدين منها .
ووجدت ان الطريقة التالية هي الأنسب واللي قررت أعملها بإذن الله :

اولاً :
يسجل في الدوره خمسة أعضاء فقط وهم اول خمسة يرشحون انفسهم للاشتراك في الدوره في هذا الموضوع .

شروط الالتحاق بالدوره :

أن يكون المشترك ناوي يكمل معنا الى نهاية الدوره وما ينسحب منها او يتأخر في تنفيذ الدروس حتى ما يتسبب في تأخير بقية المشتركين لاني ماراح انتقل لمرحلة جديدة الا بعد تجاوز المرحلة اللي قبلها بنجاح كل المشتركين الخمسه .

ان يكون المشترك لديه الرغبه والحس الفني المطلوب في المصمم بشكل عام .

ثانياً :
الدورة مجانية وحصريه على الويب العربي ;) وفي هذا الموضوع .

ثالثاً :
مدة الدورة مفتوحه لأنها بتكون مثل الدراسة الفعلية يعني كورسات او فصول للمنهج وما ننتقل لكورس جديد الا بعد تجاوز الكورس اللي قبله والسبب ان الدوره المفروض يخرج منها الخمسه وهم مصممين محترفين .

رابعاً :
الدوره مفتوحه امام الكل واللي يبي يطبق معنا حياه الله يطبق لحاله على جهازه ويستفيد بس اتمنى محد يدخل علينا بمشاركات واسئلة تخرب علينا وتحوسنا بالعربي ابي استفرد بهالخمسه في هالموضوع والعب فيهم لعب خخخخخخخخ ان ماطلعتهم مصممين ولا ياويلهم :p وممكن بعد نهاية الدوره اذا فيه احد عنده استفسار متعلق بشيء في الدوره ماجاوبت عليه ممكن يطرحه ويبشر وقتها لكل حادث حديث .

خامساً :
في نهاية الدوره باقيم الاستايلات الخمسه واعطي كل واحد درجته من 100 واوضح له نقاط الضعف حتى يستفيد منها .
وبكذا نعرف ترتيب المشتركين وان شاء الله ما يكون فيه راسبين :D امزح

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

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

يمكن اكون نسيت شيء !!!
اي استفسار انا حاظر

اللي يبي يشترك يقول وانا باعتمد اول خمسه مشتركين بس رجائي التقيد بشروط الاشتراك من الان

تحياتي

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

اعتمدني عندك وانا خوك

تحياتي

اذا الدورة بتحتوي على دروس جرافيك سجلني اول واحد ;)

تحياتي

السلام عليكم

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

الف الف مليون شكرا يا غالى
 

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

ماشاء الله تبارك الله
ماتوقعت السرعه هذي :eek:

الظاهر الدورة بتكون حاميه والمشتركين متحمسين وحمسوني معهم :D بإذن الله بتكون موفقه

طالما كملنا خمسه ومن خيرة الزملاء بطرح الان الخطه اللي بنمشي عليها بشكل عام ( المنهج ) لانه يمكن يطرأ مستجدات او زياده او نقصان عليها حسب اللي بيصير اثناء الدوره .

الفصل الأول :
طريقة تصميم العمل على الفوتوشوب من بداية فتح ملف جديد الى نهاية اعتماد الاستايل .
بما فيه الايقونات (( هذا طلبك ياحمد )) .

الفصل الثاني :
طريقة قص الجرافكس وبتكون ثلاثه اجزاء :
الهيدر
الفوتر
اطار الصفحة الكامل
اطارات الجداول

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

الفصل الرابع :
تركيب الجرافيك على القوالب الفرعية للمنتدى .

الفصل الخامس :
تسليم الاعمال وتصحيح الاخطاء وتعديل الملاحظات

الفصل السادس :
النتائج النهائية وحفل التخرج :D



كل فصل بيكون فيه شرح مني وتطبيق منكم ونقاشات واشوف كل واحد وش عمل لحد ما اتأكد ان الكل ماشي تمام وننتقل للفصل اللي بعده بإذن الله


ان شاء الله بنزل الدرس الاول ونبدأ الدوره في اقرب وقت

تحياتي وشاكر لكم كلماتكم ومشاعركم اللي غمرتوني فيها

مشاء الله أخي الرّاسم أنت دوما مميز بإعمالك ومواضيعك
الله يوفيك ويوفق التلاميذ الخمسة الذين مع بإذن الله
وان شاء الله إبداء مع في المرى القادمة:)

بارك الله فيك


الرسالة

بارك الله فيك

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

تحياتي

بارك الله فيك اخو ي الراسم و جعلك ذخر لنا

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

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



تحياتي لك

وفي انتظار الدوره بفار الصبر

السلام عليكم
في انتظار بدأ الدورة ، و ان شاء الله ستسير على خير ما يرام ;)

مشكور اخوي على الدوره وياليت تقبلني فيها

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

اسماء الزملاء المشتركين في الدورة :

الامارات للاستضافه
AhmadASG
Mobdi3.com
raneoDESIGN
الوسام


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

تحياتي

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

وشكرا على اختيارك لي

تحياتي

في انتظار الدرس الأول.............شكرا جزيلا على اختياري

اتمني الاشتراك في الدورة

و في انتظار الدرس الاول

ثبت يا حسين

تحياتي

يعطيك العافيه اخوي الرّاسم
ومشكور انك اخترتني واحد من طلابك
وانا افتخر و يزدنى شرف لما اكون احد طلاب الاستاذا الغالى
وبــ انتظار الدورة على احر من الجمر

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

عسى المانع خير بس

تحياتي

مرحبا شباب

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

لا تستعجلون هو احنا ورانا حاجه ؟
بنتعلم يعني بنتعلم الله لا يعوق بشر

تحياتي واشكركم على تجاوبكم

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

دعنا نرسم فى وجهك ابتسامة الرضاء
كلمات كبيرة
ينم عن الكثير
من
الثقة بالنفس والعمل
وانه سيجعلك تبتسم راضياً بما سطره يراعه من فن

الاخ الراسم
انا تلميذك فى الفصل

ونحن راضين وعلى قناعة ان الدورة سوف يكون مميزاً

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

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

شكراً ريونه وشكرا الحاج متولي
وحياكم الله

اخواني انا يمكن ما اكون المصمم الفاهم المتمكن ويمكن يكون عندي أخطاء ولكن هذا مجرد إجتهاد احاول اوصل اللي اعرفه لكم فالعذر والسموحه اذا فيه اي اخطاء لاني لن استعين بأي مصادر غير اللي اعرفه سواء من مطالعاتي او ممارستي للتصميم بتعليم ذاتي فأنا لم أطبق درس واحد في الفوتوشوب او غيره من يوم عرفت النت وحفظت الدرس احيانا نادره اطبق الدرس وانساه وارجع لطريقتي الخاصة وانما من مطالعات عابره او تجارب شخصية حتى أن من الممكن اني اعمل اشياء بطريقة معينه يمكن غيري يعرف طرق اسهل لها ولكني مرتاح للي اعرفه طالما يؤدي الغرض المطلوب فلا ابحث عن غيره حتى اصدارات البرامج لا اتابع الجديد فيها طالما القديم يؤدي الغرض المطلوب ومنها الفوتوشوب الاصدار 7 ولا افكر استعمل اصدار اعلى منه لاني ما اشوف اي فارق بالنسبه لعملي عليه .

الفصل الأول :
طريقة تصميم العمل على الفوتوشوب من بداية فتح ملف جديد الى نهاية اعتماد الاستايل .
بما فيه الايقونات .


مقدمة :
كل اللي بنتعلمه في الدوره إن شاء الله ينطبق على تصميم اي سكربت لكن بيكون تطبيقنا على سكربت منتدى vb لانه الاشهر والأهم عند الكل تقريباً وأول مرحلة في تصميم ستايل هي الأهم والأساس إذا نجحنا فيها بنكون اخرجنا عمل ناجح عشان كذا المفروض نعطيها حقها من الاهتمام والوقت الكافي لانه احيانا الواحد يكون انتهى من هالمرحلة لكن لو ترك العمل لليوم الثاني بيجي بنفسيه مختلفة وبيلاقي نفسه يضيف اشياء ولمسات جديدة حلوه للعمل ماكانت في باله بالأمس !
التصميم عبارة عن عمل فني تقدر تقول لوحة فنية تحاول فيها تعبر عن فكرة معينه ومحدده مو مجرد الوان وصور مع بعض والفكرة يحددها عدة عوامل من اهمها :
تخصص الموقع
الالوان المناسبه
طريقة تعبير المصمم عن الفكرة

العامل الاول تخصص الموقع ممكن يكون عام وبكذا يكون عند المصمم مساحة من الحرية في العمل أما لو كان متخصص فمعناها مساحة الحرية بتكون أقل يعني لو كان موقع اسلامي معناها قلت مساحة حرية العمل في مجال معين ومحدد وواضح ولابد ان يقوم المصمم بالتعبير عنه بالأدوات المساعده مثل الزخرفة الاسلامية وصور مسجد او مئذنه إلخ .
العامل الثاني يتأثر بالعامل الأول إذا كان الموقع متخصص فلابد يكون اللون مناسب له من غير المناسب يكون موقع برامج مثلا وتحط لونه وردي ! وعكسه لما يكون موقع شعر شعبي مثلاً من المناسب يكون لونه بيج او بني يعكس الطبيعه الصحراويه للشعر والبيئه المرتبطه فيه .
العامل الثالث هو مربط الفرس وهو اللي يصنع الفارق بين مصمم وآخر وهذي من الله يعني شيء غير مكتسب وهو ما يسمى الموهبه ! فمثلا مصممين ثنين الكل منهم يصمم ستايل بمناسبة شهر رمضان بكذا العامل الاول والثاني متساويه عند الاثنين ويبقى الفارق في العامل الثالث لان لكل منهم طريقة تعبير خاصة فيه وممكن يكون العمل ممتاز من الاثنين لكن كل منهم عبر عنه بطريقة مختلفه عن الآخر ومافيه بينهم اي تقارب في الاخراج النهائي للعمل .

الدرس الأول :
بعد تحديد الفكرة والالوان نفتح عمل جديد في الفوتوشوب بالمقاسات التالية :
العرض
778 بكسل

الارتفاع
600 بكسل



العمل بيكون ثلاثة أجزاء رئيسية
الهيدر
الاطارات وتنقسم الى نوعين ( اطارات الصفحة - اطارات الجداول )
الفوتر

تنفيذ :




1 - الان عندنا طبقة وحدة لما فتحنا عمل جديد بتكون هي خلفية العمل انا باستعمل اللون الابيض للخلفية .
2 - اضفت طبقة جديدة وباداة التحديد حددت مستطيل يمثل الهيدر ولونته .
3 - اضفت طبقة جديدة وبأدة التحديد حددت مستطيل يمثل الفوتر ولونته .
4 - أضفت طبقة جديدة وبأدة المستطيل رسمت مستطيل يمثل جداول المنتدى لونه فاتح جداً واضفت له مؤثر حدود بعرض 1 بكسل واللون للحدود نفس لون الهيدر

أداة التحديد واداة المستطيل موضحه في الصورة




مقاسات :
عادة الهيدر يكون ارتفاعه المناسب لا يتجاوز 150 بكسل
والفوتر يكون ارتفاعه نصف ارتفاع الهيدر تقريباً
الجدول في المنتصف هو مجرد جدول وهمي نطبق عليه التصميم في الفوتوشوب وارتفاعه مو مهم ولكن حاول يكون قليل نوعا ما واعمل حساب ان المساحة فوق الجدول وتحته مناسبه بحيث نصمم فيها اطار علوي للجدول واطار سفلي له
اطار الصفحة الكامل بيكون في الدرس القادم

الشكل الحالي للعمل كما توضح الصورة انا تعمدت اخليها رابط لانها كبيرة

http://www.alrasm.com/dros/3.gif

تلميحات :
مقاس العرض للعمل هو 778 بكسل لأنه المقاس المطابق لمقاسات الشاشه 800 * 600 في حالة عمل تصميم بدون تمدد بيكون مطابق للشاشه وبدون زيادة في العرض .


أي استفسار من المشتركين الخمسه في الدوره حول الدرس ؟
بشوف اعمالكم بعد الدرس القادم او اللي بعده

تحياتي

اولا اخوي الراسم حمد لله على السلامه

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

من وين بنضيفه له المؤثر تقصد stroke

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



مقاس العرض للعمل هو 778 بكسل لأنه المقاس المطابق لمقاسات الشاشه 800 * 600 في حالة عمل تصميم بدون تمدد بيكون مطابق للشاشه وبدون زيادة في العرض .


هذا بلنسبه لشاشات 800 في شاشات مقاسات غير طبعا بتبان صغيره ياريت توضيح هذي النقطه في اي من الدروس القادمه

وبلنسبه للتطبيق

ما صدقت على الله منتظرك هههههههههه


http://load.66g.com/uploads/e5b4129cf7.jpg


تحياتي

السلام عليكم

شكرا للاستاذ الراسم على بداية الدورة ، و الدرس الأول الذي نأمل ان شاء الله ان يكون الخطوة الأولى في طريق احتراف تصميم الستايلات. و ان شاء الله كل شيء واضح في الدرس الأول في انتظار بقية الدروس و مستعدين للتطبيق.;)

raneoDESIGN

تسلم والله ياالغالي

وجعله الله في ميزان حسناتك

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

وفي انتظار البقيه من اخونا الراسم

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

وانا معكم .. والله يعطيك الف عافية

وهذا تطبيقى

والف الف شكر على الشرح الجميل دا..وانا معاك ان شاء الله للنهاية

ياسلام انا متابع معاكم

برب

يوفقك ربي ويعطيك على قد نيتك ولاهنت يا السنافي

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

جزاك الله خيرآ عنا هذه المشاركة الطيبة منك ,

كنت أتمنى أن أشترك معكم "كطالب":)

ولكن , حصل خير وإن شاء الله أكون من المتابعين .

تحياتى;

هلا اخوي الراسم

يجزاك الخير يا عمري

انااااااااااااااااااااااا اااااااااااااا


اسجل

وشكرا

مشكور اخوي الراسم

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

شوف تطبيقي:D

http://www.9q9q.org/index.php?image=KZaPQLyXWFFA