السلام عليكم ورحمة الله وبركاته

اخواني الاعضاء اقدم لكم شرح طريقة كيفية عمل واجهة interface للموقع و هذه هي هدية الوداع

بسم الله نبدأ الدرس مفصل

اولا نفتح برنامج الفوتوشوب

و نقوم بفتح عمل جديد بالمقاسات التي بالصورة التالية



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



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



و الان نصبغ الصفحة بالون الذي اخترناه

و الان نأتي الى عمل هيدر للصفحة

افتح لير جديدة



و قم بإختيار أداة التحديد



و نقوم بتحديد الجزء الأعلى من الصفحة شوف الصورة راح يطلع لنا كذا



و الان نقوم بإختيار اللون بس راح يكون اغمق من لون الخلفية



و نقوم بإختيار اداة السطل



و نصبغ الهيدر header باللون الذي اخترناه و الان نقوم بعمل شكل جميل على الهيدر header اتبع الصورة



تابع



و الان بعد عمل التموج على الهيدر header شوفوا كيف طلع



والان الهيدر header كذا مش حلو انتم معي ؟؟

نذهب لإضافة له ظل تابع



و نعمل الي يريحنا بعدها شوفوا كيف طلع الهيدر header بعد اضافة الظل



و الان سوف نأتي لإضافة صورة على البنر مما يعطيه جماله

نقوم بإدراج صورة



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

و من ثم تابع الصورة



اظن الشرح طريقة الي بالصورة واضح

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



انتظر على المظلل باللون الاحمر و بعد عمل ذلك

قم بالضغط على

Cntrl + G

شوفوا الان كيف طلع الهيدر header



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

و الان انتهينا من الهيدر header بقي علينا الفوتر

نقوم بإضافة لير جديدة كما تعلمنا سابقا

و نختار اداة التحديد



و نحدد الجزء الاسفل من الواجهة interface الي تحت خالص

و الان بعد التحديد نختار اداة السطل



و نختار اللون نفسه الذي اخترناه مع الهيدر header



و نصبغ الجزء المحدد السفلي من الواجهة interface الذي حددناه

و الان سوف يظهر لنا بعد الصبغ ازل التحديد بواسطة الضغط على




Cntrl + D

و الان سوف نضيف عليه بعض اللمسات

تابع الصورة



تابع



وبعدها سوف يظهر لنا الفوتر كذا شوف الصورة



و الان نضيف الظل عليه و اشياء اخرى حتى يصبح جميل شوف الصورة



تابع



اعمل كما هو محدد لك بالصورة


و بعدها اضغط على ok

و الان نقوم بإضافة صورة اخرى على الفوتر كما تعلمنا سابقا



و نمد الصورة كما فعلنا مع الهيدر header بالضغط على

Cntrl + T

و الان شوف الصورة





اعمل كما هو مظلل في الصورة باللون الاحمر


والان بعد ما فعلنا كما بالصورة

نضغط على

Cntrl + G

لدمج الصورة

شوف كيف طلع الان





و بعدها انت ضيف عليه اشياء كما تحب



و الان انتيهنا من الفوتر و الهيدر header بقي لدينا ازرار



نقوم بإختيار اداة المربع او اي شكل تريده انا اخترت اداة الشكل العشوائي




نقوم بإختيار الاشكال

و نرسم الأشكال و نعطيها الظل و الأشياء الاخرى كما تعلمنا سابقا

و كذا نكون انتينها من التصميم

و هذا التصميم النهائي للدرس مفصل





اتمنى كل المنى و الرجاء ان يحوز الدرس مفصل على رضاكم و ان تكونوا قد فهمتم منه

و دمتم بود اخوكم النورس الطائر

و ننتظر تطبيقاتكم

الرجاء عند نقل الدرس مفصل ذكر المصدر منتديات النورس الطائر




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