[الرّاسم]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

تحياتي

[yamenshahin]

مستنين الدرس التاني وأنا متابع.
بالتوفيق.

[المصمم للإستضافة]

هذا تطبيقي وأنتظر الباقي

[~*شبكة المصمم*~]

والله انا نتظر الدرس الثاني على احر من الجمر

وينك يالراااسم

لا يكون هونت ترا ياويلك

خخخخخخخخخخخ

انا منتظر

بالتوفق للجميع ان شاء الله

[الرحـــــــال]

انا سجلوووني معكم....

تكفووون..اعتمدووني من ذحيين..

[الهدف الرقمي]

فعلا
ها انت ترسم الابتسامة في وجية طلابك ومتاعبيك ..
استمر فـ
انت الأفضل THe BeSTًٌٍُْ ًٌٍُْ

[ثقة]

جزاك الله خيرا اخوي الراسم وبيض الله وجهك على هالمجهود

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

مثلا انت اخترت اللون الازرق وبقية التلاميذ كل واحد يختار لون لكن ابعدوا عن اللون الوردي :d

[DERACOLA]

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

[op-se]

still waiting

[مصممة للأبداع]

ونحن معك جميعنا
ننتظر درسك القادم
وشكرا لمجهودك

[ريونة]

السلام عليكم
الوقت ينفد اخى الكريم الراسم
واصبحت لهذه المشاركة شهر تقريباااااا 10-17-2006, 01:49 AM

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

[ريونة]

اوكى انا هذا تطبيقى وان شالله كمل اخوى الراسم بغض النظر عن من طبق او لا

[هاجس ليل]

على الاخوه الكرام الانتظار حتى يتمكن الاخ خالد من انهاء مشاغله والتفرغ ...
والراسم مايخلف بوعد إن شاء الله لكن اتمنى انكم تراعون ظروفه واشغاله ... وانا منتظر معكم

[الهدف الرقمي]

ننتظر المبدع الراسم

[~*شبكة المصمم*~]

وينك يالراسم؟؟

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

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

الله يهديك

تحيااااتي

[op-se]

الغايب حجته معاه وسعوا صدوركم

[Hot line]

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

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

لك محبتي
ماجد

[الرّاسم]

اعتذار عن التأخير ياشباب واشكر الجميع على كلمات الاطراء بارك الله فيكم .


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

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

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

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

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

وافضل طريقة هي عن طريق محرك البحث قوقل
فتحت موقع قوقل وضغطت على كلمة صور
وكتبت الكلمه بالانجليزية
spiderman

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

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


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



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




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




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




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




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




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



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


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


انتظر تطبيقات الاخوان المشتركين في الدوره وهم :

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

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

تحياتي

[Mobdi3.com]

السلام عليكم

اولا ارحب بالاستاذ الراسم ، و مشكور على الشرح

ان شاء الله أطبق الشرح و أرجع

[Mobdi3.com]

السلام عليكم

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





تحياتي للجميع

[الرّاسم]

Mobdi3.com
هلابك يالغالي
عليكم السلام

تطبيق حلو الله يعطيك العافيه
فيه بعض الملاحظات شوف الصورة ولاحظ الارقام :




1 - الزاوية فيها تشويه مو مثل الزاوية المقابله المفروض لما عملت الزاوية اليمنى تقصها وتقلب اتجاها وتحطها في الجهة الثانيه وتدمج الطبقتين بحيث تصير وحده عشان تعمل عليها المؤثرات وبكذا تصير الزاويتين مثل بعض تماماً لا تنسى اذا جيت تشتغل في منطقة معينه صغيرة في العمل استعمل عدسة التكبير وكبرها كثيرر حتى تشتغل وانت مرتاح .

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

3 - التمدد بيكون هنا اكيد وهذا يعني ان الشكل العلوي ماراح يكون ضمن التمدد وبكذا راح يكون شكله غريب في اعلى الهيدر لما تخلي الاستايل متمدد ولذلك المفروض الشكل العلوي يدخل ضمن التمدد .

4 - الشكل السفلي للهيدر ارتفاعه صغير جداً وهذا مايعطي التصميم الفخامه المطلوبة المفروض يكون ارتفاعه متناسب مع الهيدر يعني لا يكون صغير مره ولا كبير مره .

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

لاحظ التصميم الان بعد تعديل الملاحظات المذكوره وحاول تطبقها في العمل عندك .





انتظر منك صورة للهيدر بعد التعديل على العمل الاساسي اللي شغال عليه عندك

في انتظار بقية المشتركين في الدوره واشكر الجميع على تجاوبهم في عدم التشويش على الزملاء .

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

تحياتي