بَعد الصلاة والسَلام على خَير الأنام ..
موعِـدنـا اليَوم مع الجُزء الثـاني من درس مفصل تصميم واجهة interface إحتـرافية وهو الجُزء المُختص بتصميم القائمة
وهذا هو الجُزء الأوّل ([درس مفصل] تصميـم موقِـع إحترافـي كـامِل (الجزء الأول:الهيدر header) حَصريـاً لديزاد باتنة .. })
الدرس مفصل حَصري لمعهَد ديزاد باتنة .. وهذه هي النتيجة النِهــائية للدرس مفصل :

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

ثُم بإستخدام نفس الأداة نضغط على زر Alt في الكيبورد ثُم نُزيل هذا الجُزء من المستطيل اللي حددناه كَمـا بالصُورة

نطبّق Select>Modify>Smooth ونظبط الإعدادات كَمـا بالصُورة ..

ننشىء مُجلد جديد في قائمة الـ Layers لكي ننظم مـا نفعلُه ..

نقوم بعمَل New Layer ونملء المستطيل اللي حددناه بأي لون ونظبط إعدادات الـ Blending Options كمـا الآتي ..


ثُم نقوم بعمَل Zoom in عن طريق Ctrl + حتى نَصِل إلى هذه الصُورة ..




نقوم بتحديد مستطيل كَمـا بالصُورة عن طريق هذه الأداة

نقوم بتدوير المستطيل عن طريق Select>Transform Selection ..

نرسِم مربّع بلون أغمَق من لون القائِمة ..

ونضعـه في هذا المَكـان بقائمة الـ Layers ..

نضغَط ضغطة باليمين بالماوس على الـ Layer تبع المربّع ونختَـار Rasterize Layer ..
والآن نقُوم بالضغط على زر Delete بالكيبورد ونحرّك المثلث النـاتِج مرة للأسفَل ومرة لليسـار ويكون هذا الشَكل النِهـائي ..

نحدد مستطيل كما بالصورة ..

نطبّق Select>Modify>Smooth ونظبط الإعدادات كَمـا بالصُورة ..

نملء المُستطيل بلون فاتح قليلاً عن لون القائمة ونضعه فـي هـذا المَكـان في قَـائِمة الـ Layers

ثُم نطبّق إعدادات الـ Blending Options كمـا بالآتي ..

وهذا الشَكل إلى الآن ..

نقُوم بتحديد شَكل القـائِمة عن طريق الضغط على Ctrl و نقرة بيسار الماوس على الـ Layer تبع القائمة ..

نزيل بـاقي التحديد ونكتفي بهذا الشَكل عن طريق Alt + تحديد

نملء الشكل باللون الأسوَد .. ونقوم بتكبيره قليلاً عن طريق شد الأحرف Ctrl+T ..

نطبّق Filter>Blur>Gaussian Blur ونظبط الإعدادات كَمـا بالصورة ..

نقوم بإستخدام الممحاة ونختار هذه

نمسَح قليلاً مِن الشَكل الأسود اللي سويناه ونخفف ظهوره إلى 60% لكي يكون شكله هكذا ..

نرسم مستطيل أسود صغير ونأتي عند أحد أحرفه ونضغط Ctrl مع الضغط بزر الماوس الأيسر والتحريك إلى أن يصبح شكله هكذا ..

نطبّق إعدادات هذا الشكل كَمـا بالآتي ..
***
نضَع مكـانه في قائمة الـ Layers هُنـا ..

ونضعه في مكـانه على القائمة ( يسـارها ) ثُم نرسم مستطيل بالعرص بلون رمادي فاتح ونلصقهم ببعض كَمـا الشَكل ..


نكرر اللي سويناه مرة أخرى

والآن إنتهيـنا وبقى فقَط الكِتـابة ونستخدم أي خطوط نريدها ويفضّل باللون الأبيَض بدون تأثيرات ..
وهذا الشَكل النِهـائي ..

يعلَم الله تعبي على ها الدَرس ..
عِند النَقل يُرجى ذكر المَصدر ..
كتَبهُ Ahmedesign حصريـاً لمعهَد ديزاد باتنة التطويري ..
ومَـاكان من توفيقٍ فَمِن الله وحده وما كان من خطأٍ أو سهوٍ أو نسيـان فمنّي ومِن الشَيطان ..
بإنتـِظار تطبيقـاتكُم ..
أخوكُم // ميدو ,
السَلامُ عَليكُم ..



الملفات المرفقة [TR]
Lesson-2.zip (710.4 كيلوبايت, عدد مرات المشاهدة 220 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©