منتدى جلاكسو

NoAvatar

غير متصل marina

  • عضو
  • *
  • المشاركات :44
  • عضويه: 7080
  • تاريخ التسجيل : 19/01/2007 » 05:04:pm
السلام عليكم ورحمة الله وبركاته
اخواني الغاليين
لاحظت في المعهد قلة الدروس التي تشرح كيفية تصميم وتركيب الاقسام المتطورة
فتقريبا انه يوجد بالمعهد كامل ثلاث دورات فقط من اجل تصميم الاقسام المتطورة بينما يوجد الاف الدروس والدورات التي تهتم بلاستيلات العادية
وما لفت انتباهي هو شرح الغالي فوكس والغالي تربل والغالي اسد
فكل منهم شرح الاقسام المتطورة شرح مفصل واكثر من رائع
واظن ان اصعب مافي الاقسام المتطورة هو كيفية التقطيع والتركيب بالفرونت بيدج
لذلك حبيت اقدم لكم اسهل طريقة من اجل التقطيع وهي بعنوان
"تصميمك يحدد تقطيعك" اي ان هذه الطريقة تعطيك حرية التصميم والتقطيع ولا تلزمك بنظام ثابت للتقطيع يعني انت تصمم على كيفك ولا تخاف من التمدد ولا اي شئ لانها طريقة مافيها اي تمدد وسهلة جدا وان شاء الله الشرح ينال اعجابكم وتكون الطريقة سهلة وخفيفة على الجميع
اولا وقبل ان نبدا في الشرح احب ان اشير الى ان الدورة مكونة من درسين
الاول وهو خاص بكيفية التقطيع بالفوتوشوب
والثاني وهو خاص بكيفية التركيب بالفرونت بيدج
وهذا هو شكل الاقسام بعد تطبيقك للدرس
نبدا الشرح
سم الله وتوكل علي الله العلي العظيم وان شاء الله كل شئ هيكون سهل وواضح
اول شئ عليك بتصميم شكل للاقسام بما يتناسب مع محتوي منتداك
تقدر تصمم الشكل على كيفك بدون التقيد بتمدد او بشكل معين حتي يكون مناسب للتقطيع بل صمم اي شكل والتقطيع هيكون على اساس تصميمك كما ذكرت في بداية الموضوع ولكن يتوجب عليك مراعاة الاتي قبل البدء في التصميم
1- اذا كان فيه اعمدة في الاستيل روح للعمود الايمن وشوف كم عرضه ونفترض انه كان 40 بكسل وكذلك شوف عرض العمود الايسر نفترض انه كان ايضا 40 بكسل اي ان مجموع عرض العمودين = 80 بكسل والمعروف ان الاستيل بيكون تقريبا بحجم 777 اي ان المتبقي لك (777-80) = 697 بكسل لذلك يجب ان يكون تصميمك اقل من الرقم الناتج بحاولي 50 بكسل عشان مايصيير فيه شريط تمديد في اسفل الصفحة.
2- يجب ان تراعي كبر حجم المنطقة اللى راح تكتب فيها وعلى سبيل المثال
في الصورة محدد المنطقة اللى هتكتب فيها اسم القسم ويجب ان يكون عرضها كبير بدرجة كافية لان تكتب فيها اسم القسم
وكذلك المنطقة اللى هتكتب فيها عدد الردود يكون عرضها اقل وهكذا عشان مايتلخبط التصميم.
نفترض انك صممت هالشكل
بالمرفق ملف psd لهذا الشكل مقطع وجاهز لمن يريد استخدامه
بعد ماصممت الشكل اولا عليك معرفة المناطق اللى هتكتب عليها المتغييرات (اخر رد وعدد الردود وعدد المواضيع واسم القسم والوصف وغيرها ... )
هذه الصورة توضيحية للاماكن وهي راح تختلف على حسب تصميمك
والمناطق هي كالاتي :
1- راح نتكب فيها اسم القسم
2- هنكتب فيها اخر مشارك
3- اخر موضوع
4- عدد المواضيع
5- عدد الردود
هذه الصورة يجب ان تكون في مخيلتك وعلى اساسها راح نبدا بتقطيع هذه المناطق
هنبدا بالتقطيع من اعلي اليسار
نروح على اقرب منطقة لاعلي اليسار ونقوم بتقطيعها كما بالصورة
طيب كذا قطعنا اول منطقة هنروح ونقطع بقية المناطق ولكن على اساس
المناطق المتوازية تكون متساوية في العرض
المناطق التي على صف واحد تكون متساوية في الارتفاع
وهذه الصورة توضح لكم هذا الاساس
التقطيع كما بالصورة السابقة يعتبر خطا حيث ان المنطقة رقم 2 توازي المنطقة رقم 3 لذلك يجب ان تكون كلا منهما تساوي الاخرى في العرض
اي ان التقطيع السليم هو كلاتي
كذا التقطيع سليم مية بالمية حيث ان المنطقة 3 توازي المنطقة 2 وهما متساويتان في العرض
طيب كذا تمام روح قطع بقية المناطق اللى وضحناها على نفس الاساس اللى اخبرتكم عليه <<<هذا الاساس سر ما ابغى احد يعرفه
وبعد الانتهاء من تقطيع المناطق هذا هو الشكل الناتج
ملاحظيين المنطقة 4 و 5 متوازية لذلك يجب ان تكون متساوية في العرض
المنطقة 2 و 3 ايضا متساوية ويجب ان تكون متساوية في العرض
المنطقة 4 و 3 على صف واحد لذلك يجب ان تكون متساوية في الارتفاع
المنطقة 5 و 2 على صف واحد لذلك يجب ان تكون متساوية في الارتفاع
طيب نروح ونكمل التقطيع
ومثل ما بداءنا من اعلي اليسار نروح ونقطع المناطق الباقية ايضا من اعلي اليسار ولا تنسو الاساس اللى اتفقنا عليه
كما بالشكل
نكمل التقطيع وهيكون التقطيع صف صف وبعد الانتهاء من اي صف نروح على اللى بعده
وبعد الاكتمال من اول صف هيكون الشكل كلاتي
واذكركم مرة اخري بلاساس اللى اتفقنا عليه
وهذه الصورة تمثل شكل للتقطيع ولكنه تقطيع خطا
لاحظ
ماراح اقول لكم ليش التقطيع خطا وعليكم تكتشفون الخطا بانفسكم
وهذا هو التقطيع الصحيح للصف الاول
نروح على الصف اللى اسفله والتقطيع فيه اسهل مايكون
كل اللى عليك انك مثل ماقطعت في الصف الاول تقطع في الصف الثاني
كما بالشكل
نروح ونكمل كل صف الى ان يكتمل التقطيع كما بالصورة
لا تنسي الصف اللى فووق (اعلي الصورة رقم 2 ) والصف اللى تحت اسفل الصورة رقم 3
وهذا هو الناتج الاخير للتقطيع
الحمد لله انتهي التقطيع وكل اللى عليك انك تسوي
من قائمة
File<<<
واحفظها في اي مجلد وانتظر الدرس القادم والخاص بشرح التوزيع والتركيب في الفرونت بيدج
المرفق باسم Ahmod خاص بالملف بي اس دي
المرفق باسم images هو خاص للصور لمن لا تظهر لديهم
ان شاء الله يكون الشرح واضح وسهل واي مشكلة انا حاضر وتحت امركم
في امان الرحمن,,,,,
الملف المرفق


سجل
NoAvatar

غير متصل Sinan Basha

  • عضو
  • *
  • المشاركات :3
  • عضويه: 33665
  • تاريخ التسجيل : 09/12/2020 » 08:56:pm
NoAvatar

غير متصل Sinan Basha

  • عضو
  • *
  • المشاركات :3
  • عضويه: 33665
  • تاريخ التسجيل : 09/12/2020 » 08:56:pm
ممكن شرح لطريقة عمل اقسام متطورة .. لمبتدء .. وشكرا
سجل