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

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

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

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

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

خخخخخخخخخخخ

انا منتظر

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

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

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

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

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

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

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

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

still waiting

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

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

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

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

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

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

الله يهديك

تحيااااتي

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

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

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

لك محبتي
ماجد

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


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

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

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

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

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

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

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

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


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



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




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




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




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




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




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



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


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


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

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

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

تحياتي

السلام عليكم

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

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

السلام عليكم

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





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

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

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




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

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

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

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

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

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





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

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

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

تحياتي

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

مــــــــــاشـــــاء الله
welcome back rasem
رااائـــــــــــــــع أخـــــــوي الراســــــم :)
دائمــا تختفي لتعود بقوة أكبـــــــــــــــــر
ولكنكـ تظـــــــــل الراســم اللي طالمــا علمنـــــــــــاهـ
تابـــــــع الدورهـ ولآ تنسى وجود أنـــــــاس مبتدئين بالتصميمـ مثلي :D
يعطيكـ العافيــــــــة

السكـــــــــــــربت العربي

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


تحياتي

اخوي Mobdi3.com
تطبيقك جيد لكن انا ماودي تستعجل وممكن خلال هالفتره تشتغل اكثر على الهيدر يمكن يطلع لك افكار جديدة ممكن تضيفها له على بال ما انتهي من بقية الزملاء لاني مابغى انتقل للدرس الجديد الا بعد الانتهاء من تطبيق الاخوان المشتركين معنا .

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

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


فيه ملاحظات كثيرة بحاول اوضحها في نقاط :





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

2 - الشكل اللي عملته الممتد اعلى الهيدر انت دمجته في الصورة في اليمين الأفضل يكون الشكل اللي في اعلى الهيدر فوق الصور حتى يمثل اطار للهيدر ككل وما يكون مدمج فيها لانه ماراح يكون شكل منطقي .


3- الظل واضح انه على الزاوية الافتراضية 120 درجة المفروض تلغي علامة الصح الموجوده جنب مقاسات الظل وتخليه 90 درجة او - 90 درجة اذا كنت تبغى الظل يجي فوق الشكل .
= تلغي علامة الصح حتى تقدر تطبق مقاسات ظل مختلفة لكل طبقة .


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





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

تحياتي

وانا اريد التعلم معك الله يخليك اختارني بس هي بدها تنزيل برامج خاصة

:) :confused: :o سلام كيفكم

اعتذر انا عن نفسى ومن معى من الاعضاء::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::: ::::

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

تعاملوا مع الموضوع وكأنه من كتاب تعليمي .

raeda

يكفى الفوتوشوب 7 والفرونت بيج وأي برنامج FTP لرفع الملفات

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

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


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

يعني اول مره اسوي تصميم

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



raeda

الله يصلحكم كلامي الأول موجه لريونة ، وأنتم سألتم عن البرامج وذكرت لكم البرامج المطلوبة فى ردي رقم #71

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

متابع معاك خطوة بخطوة

raneoDESIGN
هلا اخوي عليكم السلام
تسلم يالغالي ماتقصر


فيه ملاحظة على تطبيقك :



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

يمكن تقول ابغاه يكون تصميم خفيف !
هي بتكون صورة أصلا لانك منت مخليها لون معناها فيه جرافكس وبالتالي خليها جرافكس له فايده :)

لا تنسى ان معك منافسين في الدوره ;)

تحياتي

الامارات للاستضافه :
والله انا معجب بإصرارك
واشكرك على المجهود ،

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

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

بكذا بيكون التمدد مشوه جداً

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

اتمنى تصحح المشكلة





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

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

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

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



تحياتي

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