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

b]اهلا ومرحبا بحضراتكم في :[/b]

الدرس الرابع : دورة تصميم استايل للمبتدئين

انتهينا والحمد لله من التصميم وكان هذا هو الناتج باذن الله



اليوم باذن الله سوف نقوم بتقطيع التصميم الى قطع

كي يتم تركيبها ببرنامج الفرونت بيج ومن فوائده (التمدد)

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

التقطيع بواسطه اداه التحديد هذه

نبدأ الشغل بسم الله الرحمن الرحيم

اولا الكل يحفظ التصميم على هيئه صورة بامتداد gif كالتالي :



ثم اضغط على save كالتالي



اعطيها اي مسمى وليكن index

وبالامتداد gif كما ترون



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




ثم تختار الصورة من جهازك وتضغط عليها ستفتح معك باذن الله

الان من شريط الادوات اختر اداة التحديد هذه

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

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

لتكن القطعه المحدده كالتالي :



والان ستضغط على زرارين ctrl+c من الكيبورد

وهي تعني نسخ القطعه المحدده ..

ثم تذهب لتفتح عمل جديد كما تعلمنا كالتالي:



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

فكل ما عليك هو تسميتها header والضغط على ok فقط لاغير كالتالي :



سيظهر لك العمل الجديد ابيض

كل ما عليك هو ان تضغط على زرارين ctrl + v اي لصق من الكيبورد

لتصبح الصورة كالتالي باذن الله



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



ثم ننسخه ثم عمل جديد فسياخذ المقاسات ونسميها footer كالتالي :



ثم نلصقه ليكن كالتالي ان شاء الله :



الان سنقوم بتقطيع الهيدر الى قطع صغيره ان شاء الله

نقطع البنر مع ترك نسبه من باقي الهيدر كالتالي :



ثم نسخ ثم عمل جديد ونسميها h-r كالتالي :



ثم لصق ليكن الشكل كالتالي ان شاء الله



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

نقطع اي قطه بسيطه بعرض الهيدر كاملا كالتالي :



ثم نسخ ثم عمل جديد ونسميها h-b كالتالي :



ثم لصق لتكن بالشكل التالي باذن الله :



سوف نقوم بتقطيعها الى نصفين

ليكون النصف العلوي فارغا لوضع اي بنر اعلاني

والنصف السفلي للكتابه عليه ووضع زراير كما تحب ان شاء الله

اولا نقوم بالتعليم على النص العلوي كالتالي باذن الله



ثم قص ctrl + x ليكن كالشكل التالي ان شاء الله



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

فتابعوا وستفهموا بعد ذلك باذن الله

ثم عمل جديد ونسميه h-b1 كالتالي ان شاء الله :



ثم لصق ليكن كالشكل التالي باذن الله :



والان جائت فائده القص

سنعلم على قطعه h-b بزرارين ctrl+a التعليم على الكل كالتالي :




ثم نسخ ctrl+c ثم عمل جديد ونسميه h-b2 كالتالي :



ثم لصق لياخذ الشكل التالي باذن الله



اتمنى تكون اتضحت فكرة القص هذه المره ان شاء الله

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

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

كلنا ناخذ قطعه بعرض الفوتر كاملا كالتالي ::



ثم نسخ ثم عمل جديد ونسميه f-b كالتالي ان شاء الله



ثم لصق ليكن الشكل كالتالي ان شاء الله



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



ثم نسخ ثم عمل جديد ونسميه logo كالتالي :



ثم لصق ليكن الشكل كالتالي باذن الله :



والان سوف نقوم باخذ لون الخلفيه وهذه الفكرة لن تنفعنا في عمل استايل

وانما تنفعنا في عمل الواجهه ان شاء الله وهذه هي المفاجئه



بعد التحديد على اي قطعه بالخلفيه ناخذها نسخ ثم عمل جديد

ونسميه back كالتالي ان شاء الله :



ثم لصق ليكون كالتالي باذن الله :



وكل ما نريده من القطع التي تم تقطيعها هم 6 قطع فقط لاغير

وهم كالتالي :



وكفى المؤمنين شر القتال

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

تسلم اخوي عالدرووس الروعه
والله يعطيك الف عافيه....^^

شكرا على مرورك